前端规范小结

前端规范小结:  

  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~

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

猜你喜欢

转载自blog.csdn.net/weixin_38791717/article/details/110223932