2. 组件化设计 我们知道了要原型要展示的效果,我们就可以进行组件化设计了,结构比较简单: 层次结构只有两层,外层组件是我们要开发的(定义为:TreeHoriz),内层组件则直接包装使用Ant Design的树形控件(定义为:TreeSingle)。 前端组件化设计,除了设计组件的层次结构,我们还得梳理清楚组件之间的通信逻辑。既然是通信,那...
(1)前端开发的时候,首先应该模块设计,然后组件设计,把这两块想清楚之后,再动手写代码; (2)无论是模块设计,还是组件设计,或者是其他的设计,其关键点都是怎么做到组件间的松耦合和组件内的紧耦合,将复杂性控制在组件内; (3)所谓组件,关键要厘清状态,属性及生命周期,对于组件一定要非常熟悉其渲染的过程及条件; (...
模块化开发,一个模块就是一个实现特定功能的文件,有了模块我们就可以更方便的使用别人的代码,要用什么功能就加载什么模块。 模块化开发的4点好处: 1 避免变量污染,命名冲突 2 提高代码复用率 3 提高维护性 4 依赖关系的管理 前端模块化规范从原始野蛮阶段现在慢慢进入“文艺复兴”时代,实现的过程如下: 一 函数封...
语义化:对搜索引擎和屏幕阅读器友好,也能增加可读性和可维护性 尽量避免hack:有的时候为了兼容不同浏览器会进行一些hack,需要想一下是否有别的方式代替hack,如果没有办法或代价比较大的时候才用hack的方式;hack的方式也要统一,比如对IE6就用*号、对IE7就用_号。 模块化:把页面中一系列相关的部分做成一个模块,...