maidu_xbd的博客

首次页面加载要等到资源都加载执行完，用户才可以进行操作；更快的内容到达时间 (time-to-content)：特别是对于缓慢的网络情况或运行缓慢的设备，用户无需等待页面所有js加载完成就可以看到页面视图（压力来到了服务器，所以需要权衡哪些用服务端渲染，哪些交给客户端）指由服务侧完成页面的 HTML 结构拼接的页面处理技术，发送到浏览器，然后为其绑定状态与事件，成为完全可交互页面的过程；更好的 SEO：搜索引擎优先爬取页面HTML结构，使用ssr时，服务端已经生成了和业务想关联的HTML，有利于seo。

目录 1、能用html/css解决的问题就不要用js2、优化HTML标签3、用CSS画一个三角形4、尽可能地使用伪元素1、能用html/css解决的问题就不要用js因为html/css简单，意味着更快的开发速度，更小的维护成本，更好的体验。（1）导航高亮如导航栏高亮选择使用css中的hover选择器，而不用js中的mouseover /* 1.导航栏高亮选择使用css中的hover选择器 */ .user:hover { c...

减少前端代码耦合 避免全局耦合：全局耦合就是几个类，模块共用了全局变量或者全局数据结构。可以使用传参的方式降低耦合度。 JS/CSS/HTML的耦合：比如在JS里写样式，不推荐直接在JS里更改样式属性，应该通过增删类来控制样式，样式通过CSS写。写代码原则：低耦合，高内聚。高内聚是说如果一个模块的职责功能十分紧密，不可分割，那么它就是高内聚的。 减少重复代码：出现了重复代码->封装成一个函数->封装成一个模块->封装成一个插件 封装成一个类 使