摘要：
1.父元素display:flex之后成为伸缩容器，子元素（除了position:absolute或fixed）无论是display:block或者display:inline，都成为了伸缩项目。2.可以固定一个伸缩项目的宽度，另一个伸缩项目自适应。3.伸缩项目之间的空白自适应。4.可以很方便进行水... 阅读全文
摘要：
http://files.cnblogs.com/samwu/PC%E7%AB%AF%E5%89%8D%E7%AB%AF%E4%BA%A4%E4%BA%92%E7%BB%84%E4%BB%B6.rar 阅读全文
摘要：
1.浏览器对script引用的js文件分两步，下载，下载完毕后马上执行；这两步都会阻塞浏览器继续解析。2.加入defer属性，，浏览器会异步加载js，待DOMContentLoaded后顺序执行js。3.预加载js，自定义执行时机。...Click to load alert.js ......4.... 阅读全文
摘要：
注：以下内容只适用于chrome页面宽高:document.body.clientWidth/Height（不包括margin）document.body.offsetWidth/Height（不包括margin）document.body.scrollWidth/Height（包括margin）t... 阅读全文
摘要：
1.一开始想各种抽象，菜单栏，头部抽象成组件；甚至业务逻辑也抽象成组件。后来发现，业务逻辑过早抽象成组件，反而增加开发成本。不如，先弄清楚业务逻辑，用最普通的写法实现，然后再考虑抽象。2.MVVM的理解，Model就是最初始的数据，从服务器端获取来的数据，未修饰。View-Model，把Model处... 阅读全文
摘要：
一个全能的前端可以做如下事情：1.产品官网，切稿，浏览器兼容性，相关页面特效。2.产品后台，UI框架使用，图表插件，各种web插件使用，前后端通信，相关页面特效。3.H5页面，也分CSS3特效，既移动浏览器兼容性，响应式页面，单页面。4.web组件开发，看各种js源代码，jquery源代码，js框架... 阅读全文
摘要：
0.加载完页面，解析完所有标签（不包括执行CSS和JS），并如规范中所说的设置 interactive 和执行每个静态的script标签中的JS，然后触发。1.没有js，有css，有img，DOMContentLoaded事件不直接等待CSS文件、图片的加载完成2.有js，没有css，有img，DO... 阅读全文
摘要：
1.单行内容的居中.middle-demo-1{height: 4em;line-height: 4em;overflow: hidden;}2.父元素未设置高度，内容居中.middle-demo-2{padding-top: 24px;padding-bottom: 24px;}3.子元素有固定高... 阅读全文
摘要：
1.content area 围绕着文字的一种box，高度由font-size和font-family决定。在chrome控制器里，你用鼠标志向某个内敛元素，显示的高度值。2.inline box的高度由line-height决定，一半的line-height在content area的上面，另一半... 阅读全文