08 2016 档案
摘要：没有转载功能，我只好复制粘贴了。原文：http://www.cnblogs.com/developersupport/p/webpage-performance-best-practices.html 网页内容 减少http请求次数 80%的响应时间花在下载网页内容(images, styleshe
阅读全文
摘要：typescript 1、什么是typescript？和JavaScript有什么关系？ 1、它是一门独立的语言，实现了自己的编译器 2、它的目标代码是JavaScript(很多语言的目标代码是机器码) 3、支持on-the-fly（实时）编译，即写一句typescript就可以立即得到相应的Jav
阅读全文
摘要：1 2 其实这道题答案很好得出：data[x]>2 但我不太明白Object.keys()和filter()，所以查了一下资料 很明显，Object.keys()接收一个JS对象，以数组的形式返回这个对象的所有属性名 Object.keys(data)的结果是[a,b,c,d] filter是过滤器
阅读全文
摘要：我们都知道，JS中的作用域是在函数中维护的 也一直知道，JS没有块级作用域 前几天面试的时候，面试官说，请介绍一下JS有哪几种作用域。 我答，JS没有块级作用域，有函数作用域，，，然后，，，一个全局作用域，，，，好像，，也没有别的了吧 oh shit,你不能说我回答错了，可是我真的是迟疑了，这一点肯
阅读全文
摘要：前两天电面的时候，被问到原型链，其实也是了解的，但当时脑子短路，就只回答了原型链继承，并没有给出核心的讲解。我想那肯定不是面试官想要的。我当时真的是脑子短路了，至少应该说一句：原型链的核心是_proto_ 今天我要小小地归纳一下 我今天看了一篇人家的文章，准备按着那个思路来 1、普通对象与函数对象
阅读全文
摘要：看了一篇ES6语法示例，觉得还可以 here ES6是新一版的标准,对语言有扩展，添加了新的属性与方法。这一标准虽然现在还要用babel来做浏览器支持（将ES6编译成ES5才能被浏览器支持），但是未来浏览器会逐渐对其有原生的支持。到时候JS语法会发生更新，我们可以使用更简单的方式编写代码，使得编程更
阅读全文
摘要：1、PostCSS是什么 它可以被理解为一个平台，可以让一些插件在上面跑 它提供了一个解析器，可以将CSS解析成抽象语法树 通过PostCSS这个平台，我们能够开发一些插件，来处理CSS。热门插件如autoprefixer 安装 2、能解决什么问题 既然我们已经有SASS了，为什么还要PostCSS
阅读全文
摘要：三个问题： 1、行内级元素能设置宽高吗？ 2、img是行内级元素吗？ 3、img能设置宽高吗？ img是行内元素，但却能直接设置宽高！！！ 因为它是行内级、置换元素 同为行内级置换元素的还有：input、textarea、select、button、label等 关于置换元素和非置换元素的详细介绍：
阅读全文
摘要：回流(reflow)与重绘(repaint) 很早之前就听说过回流与重绘这两个名词，但是并不理解它们的含义，也没有深究过，今天看了一套网易的题目，涉及到了这两个概念，于是想要把它们俩弄清楚。。。 一、概念 首先我们要明白的是，页面的显示过程分为以下几个阶段： 1、生成DOM树(包括display:n
阅读全文
摘要：支持HTML5的全局属性和事件属性。 您的浏览器不支持 audio 标签。（注：可以在开始标签和结束标签之间加上此文本内容，这样若浏览器不支持此元素，就可以显示出这个信息。） </audio> 支持HTML5的全局属性和事件属性。 <script type=”text/javascript”> va
阅读全文
摘要：阮一峰的日志 醍醐灌顶啊有木有，大神就是大神，知识好系统！ 继承 一、原型继承 二、对象冒充（使父构造函数在子构造函数中运行一遍）临时变量 call()和apply() 三、复制继承（把父构造函数的每个属性都复制一遍） 静态方法(在对象上直接添加的方法，只属于该对象)
阅读全文
摘要：Comet：服务器推送，与ajax页面向服务器请求数据相反。几乎可以实时将数据推送到客户端。 但本质一样：浏览器向服务器发起请求，服务器响应请求 Comet实现方式：长轮询、HTTP流 1、长轮询——所有浏览器都支持 浏览器向服务器发送请求，若服务器端有有效数据，则响应，否则“不作理会”。 一旦服务
阅读全文
摘要：JSONP 我们发现，Web页面上调用js文件时不受是否跨域的影响，凡是拥有"src"这个属性的标签都拥有跨域的能力，比如<script>、<img>、<iframe>。那就是说如果要跨域访问数据，就服务端只能把数据放在js格式的文件里。恰巧我们知道JSON可以简洁的描述复杂数据，而且JSON还被j
阅读全文
摘要：1、减少代码中事件处理程序的数量，是减少内存开销，提升网页速度的有效手段 事件委托： 核心：利用冒泡原理，将事件绑定到父元素，减少内存消耗，提升性能 利用event属性找到事件源，将事件定位到具体元素上 2、减少“空事件处理程序” 2.1、绑定有事件处理程序的元素，通过DOM操作被移除 ，但事件还在
阅读全文
摘要：1、客户区坐标位置 (相对于客户端视口，而无关浏览器缩放) clientX与clientY：表示事件发生时鼠标在视口的坐标，不包括页面滚动距离，因此不代表鼠标在页面上的位置。 2、页面坐标位置 pageX与pageY：包括页面滚动距离，代表鼠标在页面上的位置。 无滚动时，clientX==pageX
阅读全文
摘要：1、滚动条事件scroll 2、mouseenter与mouseover的区别： mouseover事件不牵扯到后代元素，但mouseover事件会 如图两个div，给外层div#red添加mouseenter事件，这个事件也仅仅绑定到了#red上。 给#red添加mouseover事件，#blue
阅读全文
摘要：html事件处理程序中，变量event中保存着事件对象 1、DOM中的事件对象 无论是DOM0还是DOM2，事件处理程序中都会传入一个event对象 所有的事件都会有下表列出的成员： 在事件处理程序内部，对象this始终等于currentTarget的值，而target是事件实际目标 stopPro
阅读全文
摘要：1、事件流描述的是从页面接收事件的顺序 IE和Netscape提出了几乎完全相反的事件流概念 IE：事件冒泡（由内而外） Netscape：事件捕获（由外向内） DOM2级事件规定事件流包括三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段 2、为事件指定处理程序的方式 2.1、HTML事件处理程序
阅读全文
