本文主要考量客户端性能、服务器端和网络性能，内容框架来自 Yahoo Developer Network，包含 7 个类别共 35 条前端性能优化最佳实践，在此基础上补充了一些相关或者更符合主流技术的内容。 同时，建议关注及时更新的 Google 性能优化指南。 前端性能的一个重要指标是页面加载时间，不仅事关用户体验，也是搜索引擎排名考虑的一个因素。 来自 Google 的数据表明，一个有 10 条数据 0.4 秒能加载完的页面，变成 30 条数据 0.9 秒加载完之后，流量和广告收入下降 9… »

Interview Quesetions… »

commitizen ：规范 commit mesage 的命令行工具 效果 本地安装步骤 package.json 在 package.json 添加脚本运行，最好不要用 commit，容易和 husky 插件冲突 可以添加 markdown 标签 commitlint ：commit mesage lint 工具 效果 本地安装步骤 package.json 在 package.json 添加脚本运行 conventional-changelog-cli ：生成 Change.log… »

钩子定义 Git 可以定制一些钩子，这些钩子可以在特定的情况下被执行，分为 Client 端的钩子和 Server 端的钩子。Client 端钩子被 operation 触发，比如 commit，merge 等，Server 端钩子被网络动作触发，比如 pushed commits。 钩子位置 在.git/hooks/文件夹下。当你 init 一个仓库的时候，下边会有一些钩子的例子，以.sample 结尾，需将.sample 后缀去掉，改为可执行文件后才能执行，那么钩子什么时候被执行，Git… »

水平居中设置-行内元素 如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。 水平居中设置-定宽块状元素 满足定宽和块状两个条件的元素是可以通过设置 左右 margin 值为 auto 来实现居中的。 水平居中总结-不定宽块状元素方法 加入 table 标签 改变块级元素的 display 为 inline 类型（设置为 行内元素 显示），然后使用 text-align:center… »