有人说，前端的界限就在浏览器那儿。无论你触发了多少bug，最多导致浏览器崩溃，对系统影响不到哪去。想象一下，有天你在家里上网，吃着火锅还唱着歌，点开一个链接，电脑突然就蓝屏了！
做前端多年，虽然不是经常需要hack，但是我们经常会遇到各浏览器表现不一致的情况。基于此，某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的，要知道一名好的前端
引号的使用，单引号优先（如果不是引号嵌套，不要使用双引号）、空格的使用问题：（关键字后 符号后 排版 函数 赋值符号= ）等、不写没有使用过的变量，如果定义了一个变量，后来一直没有参与过运算，那么不应该定义这个变量...
PhantomJS无界面的浏览器:认识PhantomJS、网站模拟登录豆瓣网、动态页面模拟点击（unittest -python测试模块）、执行JavaScript代码、模拟最新无界面浏览器...
移动端浏览器在派发点击事件的时候，通常会出现300ms左右的延迟。也就是说，当我们点击页面的时候移动端浏览器并不是立即作出反应，而是会等上一小会儿才会出现点击的效果。
动态生成HTML元素的方法有三种:document.createElement()创建元素，再用appendChild( )添加、使用innerHTML直接将元素添加到指定节点、jQuery创建节点...
box-sizing用于更改用于计算元素宽度和高度的默认的 CSS 盒子模型。它有content-box、border-box和inherit三种取值，inherit指的是从父元素继承box-sizing表现形式。根据项目中的使用经验和w3c的建议，推荐将box-sizing属性设置为border-box。
在html中内容中的多个空格一般会被视为一个，连续的多个空格符被自动合并了，同时内容前后的空格也会被清除。HTML空格保留的方式、CSS空格保留的方式。
在CSS中 :focus-within 是一个伪类，CSS中伪类:focus-within能非常方便处理获取焦点状态， 当元素本身或其后代获得焦点时，:focus-within伪类的元素就会有效。
网站的加载速度不仅影响着用户体验，也会影响搜索引擎的排名，在百度推出“闪电算法”以来，将网站首屏打开速度被列入优化排名行列，作为前端开发的我们需要如果来优化网站的打开速度呢？下面就整理挖掘出很多细节上可以提升性能的东西分享给大家
用户体验一直是前端开发需要考虑的重要部分，在数据请求时常见到锁屏的loading动画，而现在越来越多的产品倾向于使用Skeleton Screen Loading(骨架屏)替代，以优化用户体验
Sass是css的一个扩展开发工具，它允许你使用变量、条件语句等，使开发更简单可维护。这篇文章介绍：基本语法（变量、计算功能、嵌套、注释、继承、混合、颜色函数、引入外部文件）、高级用法（函数 function、if条件语句、循环语句）
BFC 可以简单的理解为某个元素的一个 CSS 属性，只不过这个属性不能被开发者显式的修改，拥有这个属性的元素对内部元素和外部元素会表现出一些特性，这就是BFC
为了让网页内容更好的适应各类屏幕尺寸，一般都需要用到height:100%。但是会发现，height百分比失效并没有生效，这是什么原因造成的呢，以及我们需要如何解决呢？
当我们为div标签声明了宽度，文本内容为单词或者纯数字的时候会出现文本越界的情况。原因是由于：浏览器在解析我们页面的时候，给这一串数字当成一个词了，这样就不会自动切断字符串而进行换行。
具有层级关系的结构中，使用了pointer-events:none 属性将会使当前元素中的事件不会被捕获，从而实现了点穿的效果。而当代码示例中假如top元素具有子元素且显示指定pointer-events属性不为none的时候，top元素注册的事件将会被捕获/冒泡触发
PageRank，网页排名，又称网页级别、Google左侧排名或佩奇排名，是一种由 根据网页之间相互的超链接计算的技术，而作为网页排名的要素之一，以Google公司创办人拉里·佩奇（Larry Page）之姓来命名。
目前前端三大框架（Vue.js, Angular.js, React.js）都在引领着前端的组件化开发方向，组件化的前端开发方式的确为业务实现带来了前所未有的方便，其实组件化开发早已经具有（YUI），但如何封装一个优秀的组件，可能并不是每位前端开发者都能够做好的。
在html中一个table表单主要由tr、td、th元素组成,比较复杂一点的表单还会包含caption、 col、 colgroup、 thead、tfoot、 tbody等元素. 这篇文章主要介绍
css3可以改变图片的颜色了。从此再也不用设计出多张图，而且随时可以修改。下面就简单介绍下css3中是如何做到改变背景图片的颜色效果的。
