Sass声明变量必须是『$』开头，后面紧跟变量名和变量值，而且变量名和变量值需要使用冒号：分隔开。 Less 声明变量用『@』开头，其余等同 Sass。 Stylus 中声明变量没有任何限定，结尾的分号可有可无，但变量名和变量值之间必须要有『等号』。 Sass和Stylus的继…

16年出来工作，工作经验四年，之前主要做平面相关，自己喜欢瞎折腾，从17年开始研究前端，然后公司内部转岗到开发部门工作，算下来前端经验也快三年之久。 年底由于种种原因想换一份工作，但由于太忙，没认真搞简历，也没怎么复习基础，导致很多本来会的都没敢往简历上写。于是写了一个简版的简…

cookie数据始终在同源的http请求中携带，即cookie在浏览器和服务器间来回传递。 而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。 cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。 存储…

覆盖面很全的前端面试题合集

为了保证的可读性，本文采用意译而非直译。 在 JS 面试中，经常会看到一些简单而又沙雕的题目，这些题目包含一些陷阱，但这些在我们规范的编码下或者业务中基本不会出现。 有些面试官就是这样，不专注于制定代码的标准和规范上，却用不规范的代码去检验别人是否细心。 这魔幻的世界就是一个攀…

ps：内容比较基础，目的只是覆盖面试知识点 1. 页面上显示的每个元素（包括内联元素）都可以看作一个盒子，即盒模型 2. 盒模型由 4 部分组成，从内到外分别是：content padding border margin 3. 但是，W3C 标准盒模型与IE 怪异盒模型在计算宽度上有所不同

BFC(块格式化上下文): 是Web页面可视化渲染CSS的一部分, 是布局过程中生成块级盒子的区域。也是浮动元素与其他元素的交互限定区域。 简单理解就是具备BFC特性的元素, 就像被一个容器所包裹, 容器内的元素在布局上不会影响外面的元素。 可见两个块元素外边距为20px。 我…

width和margin实现。margin: 0 auto; table标签配合margin左右auto实现水平居中。使用table标签（或直接将块级元素设值为display:table），再通过给该标签添加左右margin为auto。 inline-block实现水平居中方法…