即日起在本文章中添加好文档的链接，以便日后查找。 IIFE（英文文档）http://benalman.com/news/2010…IIFE(中文文档)http://weizhifeng.net/immedia…

因为工作一年多以来，做的工作基本都是和webkit系列打交道。 先是做m站，后来做了两个app内嵌的hybrid项目，从来只考虑webkit前缀和相关的伪类。 最近四个多月开始做内部的管理系统，写写样式，偶尔做个cale…

构建工具是如何用 node 操作 html/js/css/md 文件的 从本质上来说，html/js/css/md ... 源代码文件都是文本文件，文本文件的内容都是字符串，对文本文件的操作其实就是对字符串的操作。 操作…

vertical-align的值 线类：baseline（默认）, top, bottom, middle 文字类：text-top, text-bottom 上标下标类：sub, super 数值：1px, 1em &…

以黑色为例 #FF000000 前两位为透明度，透明度分为256阶（0-255），计算机用16进制表示（00-FF）。 换算方法：透明度百分比 * 255 = 值（10进制）需要转换成16进制 转换参照表， 透明度 16…

兼容浏览器版本 Chrome 21+ Opera 12.1+ Firefox 22+ Safari 6.1+ IE 10+ 浏览器对最新flexbox规范的支持情况： Chrome 29+ Firefox 28+ Int…

选择使用什么字体单位主要由你的项目来决定，如果你的用户群都使用最新版的浏览器，那推荐使用rem，如果要考虑兼容性，那就使用px,或者两者同时使用。 做移动端页面的几乎离不开rem这个单位。REM表示“Root EM”,字…

这一篇主要详述保持sass条理性和可读性的3个最基本方法——嵌套、导入和注释。 零. 变量 变量本身的作用是为了保持属性值的可维护性，把所有需要维护的属性值放在同一个地方，快速更改，处处生效，可谓售后无忧。 1.变量声明…

移动端使用 Iframe 时, Safari 浏览器中 Iframe 宽度溢出 body 解决方案：给 Iframe 添加夫元素并设置下面样式style=”overflow:auto;-webkit-over…

flexbox 研究 研究flexbox需要清楚一个概念，主轴和交叉轴的概念，而这两个轴是可以交换的 flexbox的样式属性主要作用于两个部分，一个是伸缩容器，一个是伸缩子项目 容器样式 display: flex |…

web前端一般常用文件 .html .css .js。但是当用css文件和html引入资源（比如图片）时，路径可能不相同。下面总结了几条。 使用相对路径引入规则： html或者js引入图片，按照html的目录来算 css…

  在前端监控系统中，或者其他场景下，如果我们需要监控当前页面下所有请求状态。可能通常请求下，我们会选择在请求的回调中去处理。这种做法的缺点就是会侵入具体的业务代码。在通常的监控中，监控部分的代码和业务部分的代码是分离的…