摘要：
文件结构： index.js server.js router.js requestHandlers.js 本文中代码参考自http://www.nodebeginner.org/index-zh-cn.html#javascript-and-nodejs 阅读全文
摘要：
有很多css属性可以影响元素定位，比如float,margin,padding,position,translate()。表面上来看，position:relatative和transform:translate()似乎作用一致，但其实他们之间也有几个差别，本篇文章就将比较这两个属性。 1.浏览器支 阅读全文
摘要：
一、自定义属性设置 1.setAttrbute() 我们分别来看一下它在IE8、9和chrome中的表现。 IE7、8: 我们可以看到，用setAttribute设置的自定义属性会出现在元素标签中，并且出现在元素对象属性上。 IE9: 我们可以看到，自定义属性依然出现在元素标签中，但并不是直接存放在 阅读全文
摘要：
一、获取透明度 返回元素所有滤镜的对象，可在此基础上获取opacity即可。 但是似乎ele.filters只能存储第一个滤镜，而当我们把alpha放在第二位时，就无法获取到了，下面是验证。 结果如下： 所以，我们尽量使用style.filter获取字符串操作吧！ 二、设置透明度 设置透明度有点麻烦 阅读全文
摘要：
1.能用typeOf检测出的类型 undefined,string,number,boolean。 注：undefined也可使用undefined void(0);来检测。 2.能用Objcet.prototype.toString.call(obj)检测的类型 function,array,nu 阅读全文
摘要：
Javascript文件（下面简称脚本文件）需要被HTML文件引用才能在浏览器中运行。在HTML文件中可以通过不同的方式来引用脚本文件，我们需要关注的是，引用的具体实现方式和这些方式可能会带来的性能问题。 首先，引用脚本必须用到<script>标签，所以需要了解<script>标签的特性，引述书中作 阅读全文
摘要：
一、事件触发顺序 PC网页上的大部分操作都是用鼠标的，即响应的是鼠标事件，包括mousedown、mouseup、mousemove和click事件。一次点击行为，可被拆解成：mousedown -> mouseup -> click 三步。 手机上没有鼠标，所以就用触摸事件去实现类似的功能。tou 阅读全文
摘要：
看了一些介绍CDN的文章，感觉这篇是讲的最清楚的。 使用CDN会极大地简化网站的系统维护工作量，网站维护人员只需将网站内容注入CDN的系统，通过CDN部署在各个物理位置的服务器进行全网分发，就可以实现跨运营商、跨地域的用户覆盖。由于CDN将内容推送到网络边缘，大量的用户访问被分散在网络边缘，不再构成 阅读全文
摘要：
一、浏览器中F5和CTRL F5的行为区别 我们直接来看效果，下面是我打开qq网页，分别使用F5和CTRL F5，我们来看区别。 F5: CTRL F5: 区别： 首先直观上的区别是CTRL F5明显比F5加载速度慢了。观察资源加载发现，F5中大部分资源的状态码都是304，也就是重定向，使用了很多缓 阅读全文
摘要：
一、图层 图层即层叠上下文，具体概念和应用大家可以看我之前转自张鑫旭大神博客的《CSS层叠上下文和层叠顺序》，这里我们简单复习一下产生层叠上下文的原因。 1.根层叠上下文 指的是页面根元素，也就是滚动条的默认的始作俑者<html>元素。这就是为什么，绝对定位元素在left/top等值定位的时候，如果 阅读全文
摘要：
前端技术和工程实践真的是突飞猛进啊，想当年，我这个半业余前端吭哧吭哧做页面的时候，哪有这么多东西可以用啊，现在先进到我都完全看不懂了。本文主要讲一下同是包管理器的bower和npm的差别。 主要也是在stackoverflow看来的，翻译加一部分自己的理解。 前端技术和工程实践真的是突飞猛进啊，想当 阅读全文
摘要：
Flexbox布局（Flexible Box)模块旨在提供一个更加有效的方式制定、调整和分布一个容器里的项目布局，即使他们的大小是未知或者是动态的。（这里我们称为Flex）。 Flex布局主要思想是让容器有能力让其子项目能够改变其宽度、高度(甚至顺序)，以最佳方式填充可用空间（主要是为了适应所有类型 阅读全文
摘要：
一、概括 Timeline面板包括以下四个部分： 二、概况面板 概况面板包含三个图： 三、记录 记录一个页面加载，打开Timeline面板，打开你想记录的页面，然后刷新页面，timeline面板将自动记录页面重载。 记录页面交互，打开Timeline面板，点击RECORD按钮，RECORD按钮在记录 阅读全文
摘要：
大家应该都知道用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)。当然部分浏览器还需要加宽度width属性。 但是这个属性并不支持多行文本溢出显示省略号，这里根据应用场景介绍几个方法来实现这样的效果。 WebKit浏览器或移动端的页面 在WebKit浏览器或移动端 阅读全文
摘要：
浏览器缓存机制，其实主要就是HTTP协议定义的缓存机制（如： Expires； Cache-control等）。但是也有非HTTP协议定义的缓存机制，如使用HTML Meta 标签，Web开发者可以在HTML页面的<head>节点中加入<meta>标签，代码如下： html code <META H 阅读全文