前端规范小结

前端规范小结：  

1. 所有的提交性质按钮都必须要做防重复提交（写指令，给变量，接口不返回按钮不变，控制disabled）。
2. 新建页面或者组件按照功能模块统一存放，对应功能代码要加上明确注释，为什么加，怎么复用等说明，方便后续开发人员的维护和迭代。
3. 统一封装路由，鉴权，请求，埋点，错误上报工具，方便统一监控。 在做本地commit的时候，统一做代码格式统一，项目分配三个以上分支，其主要分支要有（develop，master）两个分支，一个用来提测，一个用来正式上线稳定版本，在问问题的时候方便版本回溯。
4. bug日清或者周清，保证测试工作的正常进行，减少生产问题的出现。跟随测试同学的复测和bug回归，并安排同学进行后续维护。

---

1. CSS sprite(雪碧图)  通过这种办法把几张图片合并成一个，然后通过容器剪切出对应的图片。 这种办法特别的好，往往能把十多个图片请求变成一个，优化率1000%多，可以说是终极技能了，快快学会吧。
2. 图片懒加载  就是只把首屏的图片加载出来，还没浏览到的部分不加载，等你滑动看到它的时候再加载出来。 这种优化技巧特别普遍，淘宝，美团等等都是有用到这种优化。极大的加快了首屏加载速度，提高了用户体验。 lazy load网址：HYPERLINK https://www.lazyloadjs.cn/ https://www.lazyloadjs.cn/
3. 将 CSS放在 head中，js放在尾部  js和dom页面渲染公用一个线程，如果把js放在前面的话，可能会阻塞住页面的渲染，导致dom渲染不出来（白屏时间长），用户体验极差。
4. css压缩工具，链接：https://c.runoob.com/front-end

 

 

随时补充ing~

如果有帮助到你，可以给我一颗小心心吗~