bigpatten的博客

声明前端代码规范 规范的目的是为了编写高质量的代码，让你的团队成员每天得心情都是愉悦的，大家在一起是快乐的。 一、编程规约 (一)命名规范 1.1.1 项目命名 全部采用小写方式， 以中划线分隔。 正例：mall-management-system 反例：mall_management-system / mallManagementSystem 1.1.2 目录命名 全部采用小写方式， 以中划线分隔，有复数结构时，要采用复数命名法， 缩写不用复数 正例： scripts / styles / compone

办法1 在项目开发的过程中，能使用图标的尽量使用图标，关于图标的使用：我们可以使用阿里巴巴的矢量图标库。 使用方法如下： 官方地址 将font文件夹放到我们项目的assets静态资源文件夹中： 在min.js中导入图标库： // 导入图表库 import './assets/font/iconfont.css' 在页面中使用： <span class="icon iconfont 图标名称"></span> 图标名称可以打开font文件夹下的demo_index.html

优化基本思路 减少HTTP请求数量 减小请求资源的大小 小技巧 将图片压缩后再放到生产环境，这样图片可以变得相对较小，常用压缩工具有： https://tinypng.com/ 和 https://pngcrush.com/ 精灵图(雪碧图)的优化 把图片横向合并而不是纵向，横向更小。 把颜色近似的图片合并到一张雪碧图，这样可以让颜色数更少，如果低于 256 就可以用 png8。...

重绘、回流和图层 在前面的学习中，我们知道浏览器在渲染一个页面的过程是这样的： 解析HTML构建DOM树 渲染引擎使用HTML解析器（调用XML解析器）解析HTML（XML）文档，将各个HTML（XML）元素逐个转化成DOM节点，从而生成DOM树。 接着渲染引擎使用CSS解析器解析外部CSS文件及style标签中的样式信息，构建出CSSOM 树。 构建渲染树 渲染引擎使用上一步CSS解析器...

防抖和节流 在给DOM绑定事件时，有些事件我们是无法控制触发频率的。 如鼠标移动事件onmousemove, 滚动滚动条事件onscroll，窗口大小改变事件onresize，瞬间的操作都会导致这些事件会被高频触发。 我们看个例子： <div id="xxx" style="width: 100px; height: 100px; background-color: red;">1&l...