前端项目可维护性原则

edgardeng 发布于2019-06-24 17:46 / 1620人阅读

摘要：三先全局，后局部不要为了局部性能优化，降低可维护性比如在多个中使用统一的实例化类名称，方便批量查找但如果要靠谱地进行依赖搜索，必须使用模块来做全局搜索全局搜索时，很快定位其他文件相同逻辑代码。不仅仅要这样，中的选择器里的属性名等都要如此。

Table of Contents generated with DocToc

项目可维护性原则

一、文件即模块

二、可以显示声明、显示统一的地方不要做各种兼容

三、先全局，后局部

一、文件即模块

纳入模块化的资源包括：

后端模板

前端 js 模板

css

模块 ID 即文件被引用时的静态地址：

后端模板即 @include 的路径

js 中指即 requirejs 打包后得到的 define 名称

js 模板与 js 一样

css 中即 @import 的路径

修改任何模块要全局查找，要处理所有引入了该模块的代码

二、可以显示声明、显示统一的地方不要做各种兼容

比如可以规定在 API 使用 page_size 就不要在 JS 中兼容去让 API 混乱使用多种命名。

三、先全局，后局部

不要为了局部性能优化，降低可维护性

比如在多个 js 中使用统一的实例化类名称，方便批量查找（但如果要靠谱地进行依赖搜索，必须使用模块 ID 来做全局搜索）

obj.pagerView = new ns.views.Pager();

全局搜索 obj.pagerView 时，很快定位其他文件相同逻辑代码。

不仅仅 js 要这样，css 中的选择器、html 里的属性名等都要如此。

更多：https://github.com/Black-Mirror/FrontEnd-Standard

云服务器 GPU云服务器 web项目维护前端组件维护前端项目前端项目视频

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/11700.html

编码之道（一）：程序员的“圣经“

摘要：与此类似，理所当然的，我们程序员也会有自己的圣经。这便是程序员的圣经三个原则我认为做为一个程序员，最神圣的就是三个原则，它几乎能完整无误的定义做为一个程序员应该如何去编码。 ...

Elle 2021-09-04 16:40 评论0 收藏0
谈项目中如何选择框架和库（FEDAY主题分享总结）

摘要：但是在不同的项目中不同的维度权重时不一样的没有统一的原则去解决一个问题要自身实践来测试选择原则妥适性原则避免过渡实现，暂时用一些，现在还可能用不到，或者用的不多库来满足当前需求。这个两天看了张克军（豆瓣前端专家、前端布道师）在FEDAY的主题分享觉得对中大型项目开发很有帮助所以在这里分享给大家后面会有视频地址。下面介绍重点内容。这里分享的项目是指公司实际产品开发，协同人数比较多，更加...

go4it 2019-08-23 14:03 评论0 收藏0
读懂 SOLID 的「里氏替换」原则

摘要：什么是里氏替换原则某个对象实例的子类实例应当可以在不影响程序正确性的基础上替换它们。除了在编程语言层面，在前端实际工作中，你可能会听到一个叫作的概念，这个概念我认为也是里氏替换原则的一直延伸。这是理解SOLID原则，关于里氏替换原则为什么提倡我们面向抽象层编程而不是具体实现层，以及为什么这样可以使代码更具维护性和复用性。什么是里氏替换原则 Objects should be rep...

vibiu 2019-08-26 11:41 评论0 收藏0
代码整洁之道

摘要：代码写得是否整洁是客观的，是的人或后期维护的人觉得好才是真的好。三代码设计原则要想写出优雅整洁的代码，就要遵循特定的设计原则。欢迎关注我的公众号睿Talk，获取我最新的文章：showImg(https://segmentfault.com/img/bVbmYjo); 一、前言最近在做一些项目重构的工作，看了不少脏乱差的代码，身心疲惫。本文将讨论如何编写整洁的代码，不求高效运行，只求...

stefan 2019-08-23 18:30 评论0 收藏0