shawnchenxmu

移动端系统下面甚至同一系统不同机型下面，因为内核版本的不同，以及厂商对系统的定制，渲染出来会存在比较大的差异，典型的有安卓2.3，ios6，nexus5及小米等。 操作：滚动，click(pc) & touch(mobile) 业务相关：单选、多选、下拉选择等 移动端网页 类似…

模式的定义：模式是一种表达式，不列出所有元素，而是给出一系列字符串的一种精确描述。 例如 ab*cd匹配了以ab开始和cd结束的一系列字符串。 cat ( concatenate and print files ) 连结文件打印到标准输出。 echo 显示一行文本 grep 搜…

给定 a 和 b 两个参数，要求无论 a 如何变化，b 永远等于 a 的 10 倍，如何实现？ 即如下效果： 在每次改变 a 的值之后手动更新 b 的值，这是山顶洞人的做法，我们想要的是 a 的值改变之后，自动执行 b 的改变函数。 我们可以维护一个 state 对象： 然后每…

线程是可以独立运行的最小的 CPU 单位，可以在同一个进程里并发运行，共享该进程下的内存地址空间。 当不同的线程需要占用同一个变量时，根据先到先得的原则，先到的线程在运作时，后来的线程只能在旁边等待，也就是加入到了阻塞排队序列。就造成了线程阻塞。 类似场景：银行柜台办理业务 优…

指纹可以根据文件内容生成文件名。文件内容变化后，文件名也会改变。对于静态内容，或者很少改动的内容，在不同的服务器之间，不同的部署日期之间，使用指纹可以区别文件的两个版本内容是否一样。 如果文件名基于内容而定，而且文件名是唯一的，HTTP 报头会建议在所有可能的地方（CDN，IS…

模式为常见问题提供了行之有效的解决方案：模式提供了解决特定问题的优化模板； 模式旨在重用：它们具备通用性，适合于各种问题。 而针对于 JavaScript，则有更为特殊的设计模式。

浏览器的 resize、scroll、keypress、mousemove 等事件在触发时，会不断地调用绑定在事件上的回调函数，极大地浪费资源，降低前端性能。为了优化体验，需要对这类事件进行调用次数的限制。 作用是在短时间内多次触发同一个函数，只执行最后一次，或者只在开始时执行…

在这里我们将实现一个基于窗口宽度的自适应布局，并且实现方法极为简单，不用在 HTML 文件中添加那些复杂的类名（col-sm-4、col-md-8 之类的），也不需要为各种屏幕尺寸添加媒体查询。 我们使用下面的 HTML 模板： 和 CSS： 关于 Grid 栅格系统，可以看看…

CSS 栅格布局中最重要的两个元素是 wrapper（parent） 和 items（children）。wrapper 实际上就是栅格，而 items 就是栅格里面的元素。 以下面的代码为例： 让这个 div 标签成为栅格，我们只需将他的 display 属性设置为 grid…