javascript
u013344815
这个作者很懒,什么都没留下…
展开
-
js异步加载
页面优化-js异步加载转载 2016-07-12 21:29:09 · 330 阅读 · 0 评论 -
我认识的ES6
ES6——ECMAScript6,由ECMA组织制定标准,是ECMAScript的最新版本。最常用的ES6特性let, const, class, extends, super, arrow functions, template string, destructuring, default, rest arguments1.let,const这两个的用途与var类似,都是用来原创 2017-02-19 15:25:58 · 391 阅读 · 0 评论 -
web storage
介绍在html4及以前,在客户端存储用户数据(包括个人信息,浏览痕迹等),依赖的是cookie,而cookie有其天生的劣势,导致有些情况不能满足需求或者影响用户体验。cookie的劣势体现在以下方面:1.cookie的大小限制在4KB,不适合大量数据存储2.浏览器还限制站点可以在用户计算机上存储的cookie的数量3.cookie是随HTTP事务一起被发送的,因此会浪费一原创 2017-05-12 21:59:56 · 611 阅读 · 0 评论 -
js正则表达式
在了解正则表达式之前,我们有必要了解一下传统js操作字符串的方法,包括search(),substring(),charAt()以及split()等等,具体使用方法可查阅参考文档,而传统方法针对某些特定要求对字符串进行处理时比较繁琐,下面看一个例子:要求将字符串:ds,4r dh6y 77 r8 jds 339t中的数字取出,传统方法操作如下:原创 2017-05-06 12:07:34 · 345 阅读 · 0 评论 -
js常用的继承方式
1.原型链继承不考虑函数参数的情况下,我这样写 function Animal(){ this.family=['father','mother']; this.age=12; } function Cat(){} Cat.prototype=new A原创 2017-05-06 14:08:33 · 361 阅读 · 0 评论 -
js修炼——函数
很多技术从业者对技术水平的评价是代码的实现能力,形而上一点,我认为技术工作和足球运动(本人巴萨球迷,最爱内马尔)是一样的,最重要的是思想意识,古往今来,各行各业的大师讲究的是内功深厚,说的有些玄学的味了,总之,我薄如白纸,我需要修炼。1.声明还是表达式我们经常会看到函数定义的两种情况 function clc(num){//函数声明,定义未执行 return原创 2017-05-13 15:31:10 · 548 阅读 · 0 评论 -
手写jQuery框架
功能的实现只是机械地调用,框架的编写才是代码的升华原创 2017-05-16 15:10:52 · 1554 阅读 · 0 评论 -
javascript到底是不是单线程?
JavaScript官方给出的答案是肯定的,它是单线程那为什么还会有ajax异步发送和回调请求呢,而且serTimeout看起来也像是多线程的结果啊?看这段代码function foo(){ console.log(1); setTimeout(function(){ console.log(2) },5) } for(var i=0;i<转载 2017-05-26 16:27:01 · 688 阅读 · 0 评论 -
node.js Express框架学习笔记
简介原创 2017-05-24 15:43:24 · 1058 阅读 · 0 评论 -
js修炼——手写全屏滚动插件
全屏滚动是目前网站开发常用的效果,笔者也曾使用过类似插件,但是对此类插件的开发一直抱有强烈兴趣,而今在前人的经验指导下,终于领悟到了一些插件开发的思维。如下效果:原创 2017-05-17 14:22:13 · 987 阅读 · 0 评论 -
解析url的查询部分,生成对应的JSON对象
我们知道在于服务器交互过程中,get和post是最重要的两种方式,在get方式下,我们通常会见到一大串网址信息,而这些信息是什么呢,有时候我们需要拿到它并进行分析好了,我百度主页输入CSDN,搜索结果呈现给我们后,网址栏出现如下一串东西https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=0&rsv_idx=1&tn=baidu&wd=csdn&rsv_p原创 2017-05-21 20:59:53 · 2161 阅读 · 0 评论 -
完美实现鼠标拖拽事件,解决各种小bug,基于jquery
鼠标拖拽事件是web中使用频率极高的事件,之前写过的代码包括网上的代码,总存在各种各样的问题,包括拖拽体验差,松开鼠标后拖拽效果仍存在以及代码冗余过大等本次我才用jQuery实现一个尽可能高效的拖拽效果,代码中有细节上的解释,就不多说了,代码很简洁 *{原创 2017-05-21 16:10:49 · 19601 阅读 · 2 评论 -
神奇的babel
2015年,ECMA推出es6,在es5的基础上添加了各种人性化开发的新特性,详见es2015让人头疼的是当下主流浏览器的JS引擎并不识别es6语法,所以我们需要将es6的语法翻译成es5的形式再提交给js引擎执行。那有没有好的工具来实现两种标准之间的转换呢,有,babel。好,既然用到babel,那么第一步肯定要在项目中安装babel。安装的方法可参照点击打开链接npm原创 2017-03-28 17:36:42 · 702 阅读 · 0 评论 -
JavaScript事件机制
一、事件处理1.事件绑定 事件绑定是一个比较通俗也比较常用的概念,为某元素添加鼠标点击事件就是最常见的事件绑定 2.事件监听(1)普通的事件指定方法(单事件监听)<body> <div id="e"> test </div></body><script type="text/javascript"> window.o原创 2016-12-29 20:52:57 · 335 阅读 · 0 评论 -
用JSONP解决ajax跨域问题
JSONP:JSON With Padding要点:1.script标签2.用script标签加载资源是没有跨域问题的概要:在资源加载进来之前先定义一个函数,这个函数接受一个参数(数据),函数里面利用这个参数做一些事情。然后在需要的时候通过script标签加载对应远程文件资源,当远程的文件资源被加载进来的时候,就会执行我们前面定义好的函数,并且把我们想拿到的数据当做这个函数原创 2017-01-05 16:03:31 · 412 阅读 · 0 评论 -
玩转js--炫酷抽奖轮盘
玩转js--炫酷抽奖轮盘原创 2016-05-26 20:01:17 · 1770 阅读 · 0 评论 -
js中的this
谈到js中的this,首先要声明的是,this是在运行时进行绑定的,并不是在编写时绑定,它的上下文取决于函数调用时的各种条件。this的绑定和函数声明的位置没有任何关系,只取决于函数的调用方式。当一个函数被调用时,会创建一个活动记录(有时候也成为执行上下文)。这个记录会包含函数在哪里被调用(调用栈)、函数的调用方法、传入的参数等信息。this就是记录的其中的一个属性,会在函数执行的过程中用到。原创 2016-11-16 15:42:37 · 505 阅读 · 0 评论 -
JavaScript作用域问题详述
js作用域原创 2016-03-28 20:12:38 · 549 阅读 · 1 评论 -
js闭包
学习js,闭包一直是反复讨论的问题,这里,我就根据自己的所见及理解,讨论与闭包有关的东西function f(){ var a=2; function m(){ console.log(a) } m(); } f();js中经常出现这原创 2016-11-23 15:34:10 · 379 阅读 · 1 评论 -
Javascript插件开发导读
为什么要做javascript插件开发? 这个应该是一个必然。因为需要跨时间、空间不同开发人员的协作,代码的重用。具体也就不多说了。 js开发小白一般怎么开发程序?我记得我刚入行是这么写的: Js代码 var a = 1; var b = 2; function add(aaa, bbb转载 2016-12-29 21:33:56 · 401 阅读 · 0 评论 -
函数声明与函数表达式以及立即执行函数的讨论
函数声明的定义:function fn(){……},使用function关键字声明一个函数,再指定一个函数名,叫函数声明。函数表达式:var fn=function(){……},使用function关键字声明一个函数,但未给函数命名,最后将匿名函数赋予一个变量,叫函数表达式,这是最常见的函数表达式语法形式。匿名函数:function(){……},使用function关键字声明一个函数,原创 2017-02-18 12:17:37 · 2734 阅读 · 0 评论 -
学会使用requireJS
学习requireJS的中文网站——RequireJS中文网百科:requirejs是一个JavaScript文件和模块加载器。requireJS允许你把你的javascript代码独立成文件和模块,同时管理每个模块间的依赖关系。RequireJS的目标是鼓励代码的模块化,它使用了不同于传统标签的脚本加载步骤。使用RequireJS加载模块化脚本将提高代码的加载速度和质量。总结百科上的原创 2017-02-20 11:42:33 · 527 阅读 · 0 评论 -
JS浅拷贝和深拷贝详解
简单的来说就是,在有指针的情况下,浅拷贝只是增加了一个指针指向已经存在的内存,而深拷贝就是增加一个指针并且申请一个新的内存,使这个增加的指针指向这个新的内存,采用深拷贝的情况下,释放内存的时候就不会出现在浅拷贝时重复释放同一内存的错误!在js中,对于非基本类型数据(普通对象或数组),浅拷贝只是拷贝了内存地址,子类属性指向父类属性的内存地址,而子类修改后父类也会被修改看程序原创 2017-02-21 19:19:58 · 2143 阅读 · 0 评论 -
js中的原型——__proto__和prototype
JavaScript中的对象有一个特殊的Prototype内置属性,其实就是对于其他对象的引用。几乎所有的对象在创建时Prototype属性都会被赋予一个非空的值。原创 2016-06-01 11:55:19 · 1308 阅读 · 0 评论 -
url组成部分详解
就以下面这个URL为例,介绍下普通URL的各部分组成http://www.aspxfans.com:8080/news/index.asp?boardID=5&ID=24618&page=1#name从上面的URL可以看出,一个完整的URL包括以下几部分:1.协议部分:该URL的协议部分为“http:”,这代表网页使用的是HTTP协议。在Internet中可以使用多种协议,转载 2017-02-15 13:48:07 · 34132 阅读 · 0 评论 -
js创建对象的三种基本方式
1.使用内置对象JavaScript可用的内置对象可分为两种: 1,JavaScript语言原生对象(语言级对象),如String、Object、Function等; 2,JavaScript运行期的宿主对象(环境宿主级对象),如window、document、body等。var str = new String("实例初始化String");var str1 = "直接赋值的转载 2017-02-24 16:10:05 · 951 阅读 · 0 评论 -
ES6箭头函数中的this绑定问题
关于this指向问题的讨论一直是学习js不可忽视的重要部分,那些一个又一个围绕this挖的笔试坑,仿佛永远也填不完var obj={ fn:function(){ console.log(this); }}obj.fn();//object以上这段代码是再浅显不过的this指向问题,也就是谁调用的函数,函数体中的this就指向谁再看下面这段var obj={ fn:fun原创 2017-06-13 16:15:40 · 21280 阅读 · 8 评论