03 2018 档案

js 原型链
摘要：一、关于 __proto__ 和 prototype 1、__proto__ 即 [[Prototype]]，是对象的属性，指向对象的原型，是许多浏览器实现的非标准属性 从ES6开始，[[Prototype]] 可以通过 Object.getPrototypeOf(obj) 和 Object.set 阅读全文
posted @ 2018-03-20 18:55 z春眠不觉晓z 阅读(272) 评论(0) 推荐(0)
react 生命周期
摘要：react 小白编程 生命周期：一个组件在不同的时期会调用不同时期的函数接口（也就是对应的生命周期函数） react组件的生命周期总共提供了10个API。 装载： 依次执行以下函数： constructor -- 组件被加载前最先调用，只调用一次 1、getDefaultProps --作用于组件类 阅读全文
posted @ 2018-03-20 18:52 z春眠不觉晓z 阅读(479) 评论(0) 推荐(0)
settimeout--原来定时器是有三个及以上参数的
摘要：我平常使用的 settimeout 定时，只知道他有两个参数，一个是function异步成功后的回调函数，一个是delay延时毫秒，今天发现它还可以接着传餐，作为 执行回调函数的参数 语法：var timeId = settimeout(function(msg1, msg2, ...){...}, 阅读全文
posted @ 2018-03-15 16:24 z春眠不觉晓z 阅读(1200) 评论(0) 推荐(0)
我所未知的 typeof 现象
摘要：一、一些基本使用测试 从上述可以看出： 1、判断一个 变量 是不是对象类型，不能只用 typeof 运算符； 2、它的返回值一直是一个字符串； 3、尽管 typeof null 'object'，但是这是错误的 执行 null instanceof Object，你就会得到一个浏览器报错，这说明 n 阅读全文
posted @ 2018-03-15 15:40 z春眠不觉晓z 阅读(157) 评论(0) 推荐(0)
js 里面的 function 与 Function
摘要：function 是 js 的标识符 Function 是 js 里面的一个 构造函数 1、new function 与 new Function 的区别 new 运算符在 js 里面是 创建一个自定义的对象的实例 或者是 一个具有构造函数的本地对象的实例。 语法：new constructor [ 阅读全文
posted @ 2018-03-13 17:18 z春眠不觉晓z 阅读(1563) 评论(0) 推荐(1)
ECMAScript 对象类型
摘要：ECMAScript：本地对象、内置对象、宿主对象 一、本地对象： 定义：ECMA-262（ECMAScript语言规范） 定义其为“独立于宿主环境的 ECMAScript 实现提供的对象”。它是由 ECMA-262 定义的类（引用类型）。 类型：Object、Function、Array、Stri 阅读全文
posted @ 2018-03-13 15:04 z春眠不觉晓z 阅读(585) 评论(0) 推荐(0)
js阻碍DOM加载
摘要：今天用谷歌做了个小测试 根据页面的加载顺序是从上到下的，这个页面的执行顺序应该是：显示1 --> altert(1) --> 显示2 可是打开网页的时候居然是先弹出 1，然后 显示 1 2。给人一种执行顺序不符合正常规律的错觉。 然后使用火狐浏览器测试，发现又是按照预期显示了。 接着又测试了safa 阅读全文
posted @ 2018-03-13 12:11 z春眠不觉晓z 阅读(785) 评论(0) 推荐(0)
instanceof
摘要：语法：object instanceof constructor 描述：instanceof 用来检测 constructor.prototype 是否存在于参数 object 的原型链上。 阅读全文
posted @ 2018-03-12 16:31 z春眠不觉晓z 阅读(156) 评论(0) 推荐(0)
为什么要搭建图片服务器
摘要：因为图片是很消耗服务资源的，所以网站开发在服务器架构上会将 web 和 图片 分离开，分别搭建 web 服务器 和 图片服务器。 这样坐的好处是： 1、独立的图片服务器能有效降低页面请求时服务器资源的压力，确保方可在访问web服务器时，不会因图片问题而崩溃； 2、便于做扩容、容灾（在相隔较远的异地建 阅读全文
posted @ 2018-03-12 10:48 z春眠不觉晓z 阅读(1186) 评论(0) 推荐(0)
修改this指向（bind、call 和 apply）
摘要：一、bind 首先： 这两行代码的运行结果是什么呢？不要急着回答，看完下面的内容再回答。 bind 的其中一个用法就是：绑定函数，使其无论怎么样调用都用相同的 this 看下面的例子： 运行结果如下： 通过上述例子我们会发现，虽然是 getThisCopy 是复制了 obj 的 getThis 方法 阅读全文
posted @ 2018-03-08 12:35 z春眠不觉晓z 阅读(4239) 评论(0) 推荐(0)
我所不知的 javascript Object 的一些现象
摘要：1、我们都知道对象访问属性有两种方法，一种是使用 . 操作符，使用它添加的属性名必须满足标识符的命名规范；另一种是使用 [] 键访问的方法，可以接受任意UTF-8/Unicode字符串作为属性名，在ES6中它也可以添加可计算属性名。 对象使用 [] 键访问的方法与 数组下标 [] 访问的方法有所不同 阅读全文
posted @ 2018-03-08 12:35 z春眠不觉晓z 阅读(157) 评论(0) 推荐(0)
前端性能优化汇总
摘要：1、减少HTTP请求次数：css雪碧图，字体图标，代码压缩，图片大小控制，CDN托管、data缓存、图片服务器 2、前端模版+js数据，减少由于HTML标签导致的带款浪费 3、减少页面重绘，用innerHtml替代DOM操作 4、减少IO读取的操作：少用全局变量、缓存DOM节点查找的结果 5、避免使 阅读全文
posted @ 2018-03-07 18:37 z春眠不觉晓z 阅读(170) 评论(0) 推荐(0)
浏览器的多线程和js的单线程--前端易混淆知识科普(一)
摘要：问题：js是单线程的，页面是从上往下加载的，那么是不是第一个js没加载完成，第二个js就不加载？然后，引申出来一个问题就是，那css和图片呢？这之间的加载有相互影响吗？ 阅读全文
posted @ 2018-03-07 15:55 z春眠不觉晓z 阅读(924) 评论(0) 推荐(0)