代码质量(各种方式优化,扩展性,封装,复用性,低耦合)
拿到需求,不要直接撸代码;(编程思维--架构--底层支持库--组件库--工具)
1.先设计模块;(保持模块的低耦合,以后方便扩展)。命令解析模块--生成dom模块 -- 渲染dom模块;
查询:commander指令;prototype扩展实例方法;健壮性;多重便利怎么优化;
Div.style.top == aaa
Div.style[top] == aaa
设计模式:
命令模式:
定义:把具体的指令与实现隔离,对调用和执行解藕;
做法:
将方法和数据封装到单一对象中,对调用方和执行方解藕达到指责分离对目的;
解决问题:api调用对线后顺序问题;
策略模式:
定义:
做法:建一个策略工厂对象或数组;
解决问题:
例1⃣️:
比如日期0123456转化为周一二。。。对方法;
常规做法就是if(0/1/2/3){分别return相应的周几}
策略模式做法:
定义一个策略数组weekArr=[‘周一’,‘周二’,‘周三’]
然后return weekArr[0/1/2]即可;
例2⃣️:
传进参数start/end,根据不同的参数名字写不同的方法;
if(param==‘start’){
function a
}else{
function b
}
策略模式改进:(后期不用再写if/else)
let state = {
start:a,
end: b
}
return state[param]
享元模式:div/img/span那个截图
参数适配性模式:for in 便利属性;
WechatIMG101.jpeg WechatIMG102.png WechatIMG103.png WechatIMG104.png
网友评论