前端页面注意事项：

👉前端开发注意事项（干货）_踔厉奋发、笃行不怠的博客-CSDN博客
a、每个页面尽量少用ajax同步请求，最好都是异步请求；
b、浏览器对每个域名有连接限制，每个域名同时最多只能有5个连接请求，连接太多会阻塞，页面卡死。
c、js、css、图片等静态资源和ajax等请求最好采用多个域名，以减少同步请求卡死页面问题。
d、需要有防缓存机制，以便于更新静态资源后，不用手工清理浏览器缓存，及时生效。
e、请求接口频率较多的话，尽量有缓存，尤其是调用外部系统服务时，受网络影响大，容易造成页面卡顿或很慢。

👉前端项目开发中重点注意事项_前端搭建一个项目要注意什么_weixin_strponit的博客-CSDN博客

👉【 干货】前端开发 需要注意的事项❗️Be Careful❗️_前端开发注意事项_Coder HoMeTown的博客-CSDN博客

CSS
        不要写额外的没用的CSS属性。即使你写的这个CSS对页面没啥影响，也有可能对你后来新加的元素产生一些奇奇怪怪的副作用。
        相邻元素之间使用margin，父子元素之间使用padding。
        使用CSS框架时，最好搞清楚他最后会转换成什么样的CSS，有可能会出现属性冲突，我个人比较喜欢Winicss和CssModule一起使用。
        一定不要忘记写最后的分号，不然光排查这个问题就会很久。

JavaScript

        万变不离其宗，一定要搞明白JavaScript，不论是React、Vue、Next、TypeScript，到最后，他都会转为JavaScript，交给浏览器去执行。

        变量尽可能使用const/let来缩小变量作用域，尽量不要使用var声明变量。
        不要重复使用一个临时变量。
        不要随意的写一些单词简写，就算名字长点也没关系，把一些有效信息塞进变量名称里，最好通过读变量名就知道这个是干啥的。
        注释里写一些不能从代码中了解到的背景和原因，最好简单简洁的陈述。
        不要在一行代码中处理一项以上的逻辑，分开行处理。
        if、switch、for保持浅嵌套，不要超出2个嵌套，如果业务逻辑不允许，请单独拿出来一部分处理。
        必要时考虑 else的分支是否可以直接用提前return来结束。
        一定要了解用于处理异步的 .then 和 async/await。
        每一个API一定要写清楚每个参数的作用是什么，这个API返回了什么，用在什么地方。
        熟悉http请求和响应的基本options.

包管理器

• 能用yarn就用yarn，使用方式差不多，但是性能和版本控制都要好于npm。

Vue
        原则上一定要记得在 style标签上写上 scoped，防止样式污染。
        其实没有必要一直使用Vuex，其他状态管理工具也可以多看看。
        不要对Vue的源码有太执着的想法，毕竟人家一个团队那么多人，不是你的小脑子就能看完的，了解基本的思想即可。
        尝试在Vue中使用hooks。
        在vue2中修饰符 .sync可以使子组件能够修改父组件的数据，快速达到v-model的效果。
        可以试试component组件的is属性，用来做组件的动态切换。
        图片、css的引用在字符串最前面加上“~”。
        表单的校验最好直接使用正则，少写逻辑代码。
        合理使用slot进行插槽，你会发现会少很多propsdata。
        合理使用计算属性。
        合理使用watch。

重绘组件的条件

• data更新
• props更新
• 父组件重新渲染