寻根溯源话布局 一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由得感觉眼前一亮，顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现 CSS 中并不存…

由于大部分前端项目渲染层是使用框架根据排版模型树结构逐层渲染的，整棵渲染树也是与排版模型树一一对应。因此，整个渲染的节点也非常多。项目较大时，性能会受到较大的影响。

抽象语法树（Abstract Syntax Tree）简称 AST，是源代码的抽象语法结构的树状表现形式。webpack、eslint 等很多工具库的核心都是通过抽象语法书这个概念来实现对代码的检查、分析等操作。今天我为大家分享一下 JavaScript 这类解释型语言的抽象语法树的概念

it's not webpack step by step（webpack2） 打个广告，欢迎大家订阅我司尚妆github博客，不定期干货输出哦。 分割webpack配置文件的多种方法 ###（一） 将你的配置信息写到多个分散的文件中去，然后在执行webpack的时候利用--c…

2019 匆匆进入尾声，经济整体低迷下“核心技术”被提到新的高度。5G 商用牌照正式发放，国际 Wi-Fi 联盟发布 Wi-Fi 6 标准，智慧屏品类横空出世，国产操作系统打破巨头垄断，……

对于浏览器缓存，相信很多开发者对它真的是又爱又恨。一方面极大地提升了用户体验，而另一方面有时会因为读取了缓存而展示了“错误”的东西，而在开发过程中千方百计地想把缓存禁掉。那么浏览器缓存究竟是个什么样的神奇玩意呢？

免费电子书基金会（Free Ebook Foundation）维护了一个项目，包含了超过10000本免费的编程电子书，其中中文类目的免费变成电子资料收录了超过500本的内容。[链接]

这一系列文章主要是关于CSS内容部分,内容包括: CSS选择器API、CSS权重、布局、黏性布局、BFC等内容。如果有哪些地方我写的不对,请大家不吝赐教。如果大家觉得有什么重要的内容我没有提的话,可以告诉我,谢谢。

进程（Process）是操作系统CPU等资源分配的最小单位，是程序的执行实体，是线程的容器。线程（Thread）是操作系统能够进行运算调度的最小单位，一条线程指的是进程中一个单一顺序的控制流。

出处：[链接]（中间很多问题都遇到过。） 还有些文章页不错：[链接][链接] 全文如下：2013年底接触移动端，简单做下总结，首先了解下移动web带来的问题 设备更新换代快——低端机遗留下问题、高端机带来新挑战 浏览器厂商不统一——兼容问题多 网络更复杂——弱网络，页面打开慢 低端机性能差——页面操作卡顿 HTML5新技术多——学...

本例子是通过通过红点展示地球上的地震带，数据来自于地质探测局通过console.log看到数据运算所耗的时间不使用 webworker No web workers - all on main thread使用一条 webworker One web worker使用两条 Two web workers使用八条 Eight web workers使用20条 20 web workers

使用 webpack 构建输出文件时，通常会给文件名加上 hash，该 hash 值根据文件内容计算得到，只要文件内容不变，hash 就不变，于是就可以利用浏览器缓存来节省下载流量。可是 webpack 提供的 hash 似乎不那么靠谱...

<!-- @Author: Rainy @Github: [链接] @Date: 2019-01-20 15:41:18 @LastEditTime: 2019-01-20 15:41:23--> 笔记地址 因为之前学习前端的收集书签的资源太多，所以就在今年3、4月开始抽空整理了所有的书签资源，并归类，现在分享给大家，欢迎给我 提 issue or PR Github, 知乎，掘金 Github 知乎 掘金 因为图片太...

前端技术飞速发展，各种技术层出不穷，再也不是只会 切图 + jQuery + CSS 就可以行走天下的时代。随之带来的就是 web 应用的复杂度越来越高，出现问题的概率也越大。

每年的 12 月总像是一场告别，2021 年从起点到终点也该时候跟你说一声再见，忙碌的一年难得周五请假搬完了家，在夕阳下写下这篇文章回忆总结这一年，这一年回望来时的路，至少有一些同事给我鼓励和安慰，至少有些事不曾莫名伤心和流泪，至少还有丽相互依偎。

前段时间开始学习 React，浏览官方文档时，被其中提及的一篇文章——《Give It Five Minutes》给吸引了。最开始以为是“5 分钟学会 React”这种神一般存在的教程，结果不然，它只是 37 Signal 日志 SVN（Signal v.s. Noise）中的一篇文章……可这篇文章却给了我学习 React 不可或缺的一个理由。至于原因，give me five minutes...

1 Web缓存是什么？为什么要使用它？2 Web缓存的类型3 浏览器缓存的基本知识3.1 Expires3.2 Last-modified3.3 Cache-Control3.4 ETag4 浏览器缓存机制4.1 强缓存应用4.2 协商缓存应用4.3 强缓存与协商缓存的区别5 浏览器缓存的流程6 浏览器缓存的优化