彻底搞懂CSS文本、空白换行问题
本文前提：文本的父容器是块级元素。首先，我们来整理一下与换行有关的3个CSS属性：word-break该属性决定文本内容超出容器时，浏览器是否自动插入换行符。word-wrap（overflow-wrap）该属性决定浏览器是否应该在一个无法正常断开的单词内部插入换行符。
纯代码为网站站点添加雪花飘落效果
网站站点添加雪花飘落效果，本段js代码依赖 JQurey，如果没效果，请确认网页是否已载入 JQurey 。代码如下：
HTTP 请求头中的 Remote_Addr，X-Forwarded-For，X-Real-IP
X-Forwarded-For一般是每一个非透明代理转发请求时会将上游服务器的IP地址追加到X-Forwarded-For的后面，使用英文逗号分割;X-Real-IP一般是最后一级代理将上游IP地址添加到该头中;X-Forwarded-For是多个IP地址，而X-Real-IP是一个
document.write和innerHTML的区别
document.write只能重绘整个页面，innerHTML可以重绘页面的一部分。 document.write是直接写入到页面的内容流，如果在写之前没有调用document.open, 浏览器会自动调用open。
JS模块化
CommonJS 是服务器端的模块化方案，nodeJs 就采用了这种方案。在 CommonJS 规范中，一个文件即一个模块，用module.exports和exports定义模块输出的接口，用require加载模块。在 requireJS 中用define定义模块，require载入模块，require.config用来配置路径。ES6 Module 主要使用export输出，import加载。
设计原则之依赖倒置js
高层模块不应该依赖低层模块，二者都应该依赖其抽象；抽象不应该依赖细节；细节应该依赖抽象。什么叫高层模块，什么叫底层模块，什么叫抽象，什么叫细节
CSS变量使用解析
很早直接就了解到CSS变量相关的内容，奈何之前使用价值不高（很多主流浏览器不兼容）,最近发现主流浏览器都已经支持了这一变化,CSS变量就像JS的变量，每个类名或者花括号就像一个function，里面的变量只有上下文以内可以获取，这就让CSS有了更多可能性。
css的overflow属性
事实上我挺长一段时间都没弄清楚overflow:scroll与overflow:auto的差别，今天测试了一下，总算是明白了。visible： 不剪切内容。hidden： 将超出对象尺寸的内容进行裁剪，将不出现滚动条。scroll： 将超出对象尺寸的内容进行裁剪，并以滚动条的方式显示超出的内容。
Antd中List组件的复用
最近在使用List组件的时候，发现组件没有重新渲染，导致状态发送错误。这里我们使用了List组件，这是一个很常用的组件。但是当我们点击按钮的时候，发现6，7，8三个组件 都没有重新渲染。