摘要： 背景 测试的目的是为了确认在head与body中js与css的引入的先后顺序对页面性能的影响。由于浏览器的更新，本文中的测试需依赖固定的浏览器版本。 测试环境 客户端环境：win7 + chrome 56 + 隐身模式 服务端环境：node v4.6.1 + koa + koa-router + k 阅读全文

摘要： DTD是什么？ DTD= Document Type Definition，文档类型声明 DTD作用？ 定义以哪种标准解析document 确保document在不同的浏览器中以相同的方式被解析 DTD必须要精确，注意拼写以及大小写 注释：<!DOCTYPE> 声明没有结束标签。 提示：<!DOCT 阅读全文

摘要： 1.cdn文章2.https文章3.前端性能指标计算方式、监测平台4.node性能监测5.es5、es6主题6.xss分享7.性能优化8.css布局9.nginx10.行业相关技术调研11.移动端性能问题12.移动端开发相关规范。如1px问题13.响应式设计14.图书管理平台，方便借书15.sess... 阅读全文

摘要： 字体系列特定字体：Times、Verdana、Helvetica、Arial通用字体：Serif（字体成比例，有上下短线）、Sans-serif（字体成比例，没有上下短线）、Monospace（不成比例）、Cursive（模仿手写体）、Fantasy（无明显特征）注意：一般使用font-family... 阅读全文

摘要： 数字包含整数，实数（小数）百分数相对于另一个值的百分数颜色可以使用浏览器内置的颜色名，自定义颜色RGB指定颜色、rgb（百分数/整数）十六进制rgb、#FF0000，可简写为3位，浏览器默认会将每一位复位为两位web安全色，rgb值为20%或51的整数倍，避免颜色抖动绝对长度单位包括英寸（in）、厘... 阅读全文

摘要： 特殊性特殊性值表述为4部分，0，0，0，0，规则如下：包含ID选择器，0，1，0，0类属性值、属性选择、伪类，0，0，1，0存在元素或者伪元素，0，0，0，1结合符、通配没有对应贡献，0，0，0，0内联样式，1，0，0，0!important，超过其他所有的声明继承继承无特殊性，所有通配符要高于继承... 阅读全文

摘要： 规则结构每个规则包含两部分：选择器和声明块。声明块包含多条声明，一个声明则是一个键值对。选择器种类元素选择器：h1,h2{}, h1{}通配选择器： *{}类选择器：*.类名{}，*.类名1.类名2{}，IE6不支持多类选择器ID选择器：*#ID{}属性选择器：简单属性选择（h1[class]），属... 阅读全文

摘要： 1 //=================method 工厂模式================ 2 var Person = function (name, age) { 3 var object = {}; 4 5 object.name = name; ... 阅读全文

摘要： 事件类型规定了5中事件，UI事件、鼠标事件、键盘事件、HTML事件、变动（mutation）事件UI事件包含DOMActive、DOMFocusIn、DOMFoucusOut鼠标事件包含click、dbclick、mousedown（不能通过键盘触发）、mouseout（不能通过键盘触发）、mous... 阅读全文

摘要： 1.起源早起HTML最初只作为结构化标记语言，但随着人们对页面展现需求的不断增加，迫于无奈只能增加一些类似font、big之类的展现类的标签。随后出现一片混乱，页面被大量的table和font标签充斥，毫无语义。页面为了和设计保持一致，页面的结构只能做出妥协，结构化的HTML从此是路人。这样会引发几... 阅读全文