Welcome 微信登录

首页 / 脚本样式 / JavaScript

JavaScript 栈的详解及实例代码

JavaScript 栈的详解及实例代码

JavaScript 栈栈是一种遵从先进后出(LIFO)原则的有序集合。 新添加或待删除的元素都保存在栈的末尾,称作栈顶,另一端就叫栈底。 在栈里,新元素都靠近栈顶,旧元素都接近栈底昨天因为有点事没有更新,今天打算给大家讲讲JavaScript实现的数据结构 数据结构与算法是程序语言的灵魂,是解决一切编程问题的基础 以前学C/C++的时候,感觉算法还是非常重要的,但是前端涉及的并不多 不管怎样,作为技术人员,理解一些基本数据结构和算法应该是必须的 而且我们...
详解javascript中对数据格式化的思考

详解javascript中对数据格式化的思考

在实际应用场景中,我们常常需将一些数据输出成更加符合人类习惯阅读的格式。保留小数点后面两位在一些要求精度没有那么准确的场景下,我们可以直接通过Number.prototype.toFixed()来实现保留小数点两位这样的需求。var num = 123.45678console.log(num.toFixed(2)) //123.46var num2 = 12console.log(num2.toFixed(2)) //12.00不过如果恰好,数字是一个整...
bootstrap 模态框(modal)实现水平垂直居中显示

bootstrap 模态框(modal)实现水平垂直居中显示

众所周知,bootstrap是一款非常实用的CSS框架(主要用于样式的快速搭建),由于其简洁,美观,快捷,响应式等特点备受大家喜欢,但是其本身也是存在很多bug,当应对与具体的业务逻辑的时候往往达不到细节要求,比如今天我要谈的bootstrap的模态框,其默认是显示距离顶端30px,左右居中。 怎么让其在垂直方向也居中呢? 大家可能想加一个CSS样式,让其距离顶部距离变长,实践是检验真理的唯一标准,当你去试过会发现很多问题,在不修改源码的前提下修改插件并...
Javascript Event(事件)的传播与冒泡

Javascript Event(事件)的传播与冒泡

特性说明和原理图:标准浏览器和Ie9+浏览器都支持事件的冒泡和捕获,而IE8-浏览器只支持冒泡标准和Ie9+浏览器用stopPropagation()或cancelBubble阻止事件传播,而ie8-用e.cancelBubble属性来阻冒泡,注意ie9不支持cancelBubble属性(设置后不生效),但chrome、safari、opera、firefox都支持cancelBubble属性。Ie8-用attachEvent为dom元素添加一个事件,但必...
利用javascript实现的三种图片放大镜效果实例(附源码)

利用javascript实现的三种图片放大镜效果实例(附源码)

本文实现的是一款简单的放大镜效果,有三种不同的样式,支持移动端;大家可以直接下载源码进行学习参考,下面来一起学习学习吧。实现效果如下效果一效果二效果三调用代码如下//前面是ID或者Class,后面有init里面参数分别有1,2,3代表三种不同的效果: zoom(‘#item").init(); //这里写0,或者不写都可以,默认0 zoom(‘#item").init(1); //效果2 zoom(‘#item").init(2); //效果3//另外还有...
原生和jQuery的ajax用法详解

原生和jQuery的ajax用法详解

Ajax简介Ajax被认为是(Asynchronous(异步) JavaScript And Xml的缩写)。现在,允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax.同步是指:发送方发出数据后,等接收方发回响应以后才发下一个数据包的通讯方式。 异步是指:发送方发出数据后,不等接收方发回响应,接着发送下个数据包的通讯方式 。AJAX的缺陷AJAX大量使用了JavaScript和AJAX引擎,而这个取决于浏览器的支持。IE5.0及以上、Mozil...
利用JS实现简单的日期选择插件

利用JS实现简单的日期选择插件

首先是调用方法如下//调用方法,后面回调函数返回的是当前选择的日期 calender("#calend").init(function(date){this.innerHTML = date });//具体参数说明 //如果需要传入参数,第一个为json,第二个为回调函数 //下面是format格式化显示格式类型,有如下几种: //yyyy为年数//大写M为月数//d为几号//h为小时//小写m为分钟//s为秒数//q为季度//小写e,为数字星期格式//大...
在 Angular2 中实现自定义校验指令(确认密码)的方法

在 Angular2 中实现自定义校验指令(确认密码)的方法

我们会在本文中探索 Angular 2 内建的自定义验证。# 介绍Angular 2 原生就支持一些有用的验证器:required: 验证字段必须存在minlength: 验证字段值的最小长度有效maxlength: 验证字段值的最大长度有效pattern: 验证输入的值是否匹配给定的模板,比如 email我们会基于下面的接口创建一个表单来获取用户信息。// user.interface.tsexport interface User { username...
Javascript中构造函数要注意的一些坑

Javascript中构造函数要注意的一些坑

前言最近在家看书:《你不知道的Javascript》,看到构造函数调用时会绑定this,就顺便打开控制台输了一些代码,详细测试了一下。构造函数简单的讲,即定义出来专供new 式调用的函数。如:function A(b) { this.b = b || "bbb";}然后你就可以通过new ,来构建一个 A 的实例:var a = new A("B")但是,一个首要的坑是,构造函数与一个普通函数并无不同,如果你故意不使用new,或忘记用new,都会得到奇怪的...
node.js实现复制文本到剪切板的功能

node.js实现复制文本到剪切板的功能

前言最近在工作中遇到一种需求:我需要请求后端数据,但请求数据前需要登陆,获得一个token。登陆方式是向一个json地址post数据即可。之前我的做法是,用chrome插件postman来实现登陆动作。但后来无意中发现,postman内存占用超高!即使我并没有使用它。这让我很不爽。后来一想,实现这么简单的一个动作,用这么重的插件,对于我这样一个会nodejs的前端程序员是不是太Low了?简直不好意思对人讲自己会nodejs!于是我就花了点时间写了个简单的脚...
JavaScript在form表单中使用button按钮实现submit提交方法

JavaScript在form表单中使用button按钮实现submit提交方法

submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上。在javaScript中关于submit和button的区别介绍在form表单提交中,使用button来间接完成submit的提交更为灵活。下面是实现方法:使用button按钮实现submit提交,需要在button标签中的使用onclick方法,然后在Jav...
<< 11 12 13 14 15 16 17 18 19 20 >>