samul

为了不使全局变量遭到污染以及更优雅的使用选择器。务必在不同的组件中使用不同的前缀来进行管理 这个概念在预编译中无处不在。只要有必要进行复用的同一变量都应该进行变量的抽离 考验css实现是否优雅的关键。

开个大坑，从零搭建一个组件库。这次做一个基础组件Icon。 通用型组件: 比如Button, Icon等. 布局型组件: 比如Grid, Layout布局等. 导航型组件: 比如面包屑Breadcrumb, 下拉菜单Dropdown, 菜单Menu等. 数据录入型组件: 比如f…

发现这个问题是因为验收过程中被设计小伙伴吐槽在不同手机设备下同样是1px宽度的border却显示不同宽度。 在和设计小伙伴一番沟（zheng）通（bian）之后，我陷入了沉思并且提出了以下问题。 要解答上述的问题，首先我们需要的就是先理清楚相关的概念。 px其实是pixels的…

sticky被称为粘性定位元素，postion属性值为sticky的元素在目标区域内时表现的和position: relative时无异。 元素固定的相对偏移是相对于离它最近的具有滚动框的祖先元素，如果祖先元素都不可以滚动，那么是相对于viewport来计算元素的偏移量。 st…

css display中有个属性值是grid，说起来惭愧的是，在长达近2年的开发实操中我极少用到这个属性。在整理响应式布局的我才重新将其拾起。 grid可以说是在我看来css最强大的布局方案之一了，总体而言，他将网页划分为一个个区域，并且可以对这个区域进行任意组合，以达到布局的…

柯里化是一种将使用多个参数的一个函数转换成一系列使用一个参数的函数的技术。 首先记住一句话 函数柯里化，其实就是把多次调用的变量保存在闭包中，每次调用都查看一下变量数和原函数的形参数量是否相等。不相等就继续递归。直到相等为止就处理了。

由于js是单线程的，同步执行任务会造成阻塞，所以我们就将js分成一个个的任务，通过循环来一次执行他们，我们可以在挂起一个异步任务的时候去做其他的事情，而不一定需要等待这个时间执行完毕。所以事件循环的机制基本如下： 宏任务以及微任务是用来划分异步任务类型的。不同类型的事件会有不同…

重绘：由于节点的几何属性发生改变或者由于样式发生改变而不会影响布局的，称为重绘，例如outline,visibility,color、background-color等。 回流：是布局或者几何属性需要改变就称为回流。回流是影响浏览器性能的关键因素，因为其变化涉及到部分页面（或是…

同源策略是对Javascript代码能对哪些web页面进行操作的一条完整安全限制。具体来说，脚本只能读取和所属文档来源相同的窗口和文档属性。 文档的来源包括了协议，主机，以及载入文档的端口。从不同的web服务器载入的文档具有不同的来源。通过通统一主机不同端口的文档也有不同的来源…