
javascript
文章平均质量分 81
Suoz
热爱旅行的web端程序猿
展开
-
Javascript运动 各个运动bug以及仿Flash的图片轮换实例
52-js.html文件<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>js运动实例-仿FLASH的图片轮换效果</title> <link rel="stylesheet" type="text/css" href="52-js.css"> <script type="text/javascri原创 2017-03-12 23:42:19 · 531 阅读 · 0 评论 -
JavaScript 深拷贝 & 浅拷贝
在看《你不知道的Js(上卷)》的时候,有遇到深浅拷贝的知识,但是书中只是粗略的讲解,于是乎我便度娘各种有关于深浅拷贝实现的文章。前提:这里仅仅涉及”引用数据类型”的深、浅拷贝~浅拷贝定义:一个引用类型变量复制另一个引用类型变量,将所指向的对象引用地址赋值给另一个变量。实现了两者共同指向同一个对象。只要其中一个改变对象的属性,另一个也会受到影响。第一种实现方法:var obj1 = { "na原创 2017-06-25 21:09:04 · 539 阅读 · 0 评论 -
JavaScript 传统 & 现代DOM加载
处理页面文档加载的时候,遇到一个难题,如果使用window.onload这种将所有内容加载后(包括DOM文档结构,外部脚本、样式,图片音乐等)这样会导致在长时间加载页面的情况下,JS程序是不可用的状态。而JS其实只需要HTML DOM文档结构构造完毕之后就可以使用,没有必要等到比如图片、音乐和外部内容加载才去执行。传统DOM加载window.onload = function(){ //执行原创 2017-03-17 21:32:47 · 364 阅读 · 0 评论 -
高性能 DOM & 重排重绘
相信学过JavaScript的人都会知道一个道理”DOM操作会影响性能”。有些人仅仅是知道,并不深入了解其中的原理(比如我…自从第一次面试以后,告诉自己不仅要巩固基础和实践操作,同时也要慢慢深入一些知识)DOM是用来操作XML和HTML文档的应用程序接口(API),用JavaScript去操作DOM是一个昂贵的操作 把DOM和JavaScript(这里指ECMAScript)各自想象成一个岛屿,原创 2017-06-23 15:50:09 · 1031 阅读 · 0 评论 -
JavaScript 创建对象
对象字面量 var obj1 = { name : "suoz", age : 20, hobby : function(){ console.log('I like run'); } }; var obj2 = { name : "张三", age : 22,原创 2017-05-30 20:21:38 · 376 阅读 · 0 评论 -
toString & valueOf
这几天在看《深入理解ES6》,这本书的作者是Nicholas C. Zakas,也就是我最爱的《高程》作者~~不过还是得把目标中的文章部分写一下。今天我要讲的是toString()和valueOf()。toString()相比于toString(),我更愿意叫它实例对象.proto.toString()。顾名思义:toString()就是将任何数据类型转换为字符串类型(Null、undefined以原创 2017-06-28 09:22:12 · 497 阅读 · 0 评论 -
你不知道的JavaScript(上)
Object.create与new Object区别var obj = new Object();console.log(obj.__proto__); //{} 其实是Object.prototypevar o = Object.create(null);console.log(o.__proto__); //undefined从上面可以得出,第一个参数传递null,相当于o对象没有Obje原创 2017-06-10 11:43:27 · 738 阅读 · 0 评论 -
Javascript学习路程(更新中)
一、Array数组的函数var arr = new Array(1,2,3);var arr = [1,2,3];push() // pop()unshift() // shift()sort()reverse()concat()splice() 与 slice() 注意两者区别join()二、arguments不定参function css(obj,name,value原创 2017-03-04 13:10:56 · 744 阅读 · 0 评论 -
JavaScript 单线程 & 定时器
Js单线程同步 & 异步任务队列Event loop(事件循环)定时器setTimeout setIntervalJavaScript单线程同一个时间内只能做一件事情。为什么JavaScript不能像Java语言一样多线程呢,这样可以同时处理多个事情不是更好吗? 首先它是浏览器端的脚本语言,JavaScript就是为了与用户进行互动,以及操作DOM,这决定了它只能是单线程,否则会带来很复原创 2017-06-24 15:25:29 · 1038 阅读 · 0 评论 -
JavaScript 跨浏览器添加移除事件
那么我们希望解决非IE 浏览器事件绑定哪些问题呢? 1.支持同一元素的同一事件句柄可以绑定多个监听函数; 2.如果在同一元素的同一事件句柄上多次注册同一函数,那么第一次注册后的所有注册都被忽略; 3.函数体内的this 指向的应当是正在处理事件的节点(如当前正在运行事件句柄的节点); 4.监听函数的执行顺序应当是按照绑定的顺序执行; 5.在函数体内不用使用event = event ||原创 2017-03-17 10:30:35 · 557 阅读 · 0 评论 -
JS 异步队列
hello 好久没学博客了 最近实习忙项目 以及规划行程(哈哈哈我就是爱旅游的孩子)我们常说JS是单线程的,那到底什么是单线程?什么是同步?什么是异步?如何解决回调地狱??同步:你在做一件事情,不能同时去做另外一件事。 异步:你在做一件事情,这件事可能会耗时很久,而此时你可以在等待的过程中,去做另外一件事。比如煮开水这件事吧..在这过程,你担心水沸了而不去做其它事情,就等到水沸腾,那就是同步。原创 2017-09-14 23:04:09 · 4512 阅读 · 0 评论