![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
模式设计
文章平均质量分 80
Kinghiee
Front-end Developer
展开
-
Javascript 桥接设计模式
更多优质文章查看。原创 2023-01-01 14:29:25 · 1086 阅读 · 1 评论 -
Layui源码解读之each函数(迭代器模式)
一、each函数 源码 // 遍历 (内部迭代) Layui.prototype.each = function (obj, fn) { var key; var that = this; var callFn = function (key, obj) { // 回调函数 return fn.call(obj[key], key, obj[key]); }; // fn 不为 fun原创 2022-04-17 17:15:39 · 4407 阅读 · 0 评论 -
使用TS编写职责链模式优化请求返回数据处理中if判断——前端开发小技巧
一、场景在前端日常开发中,经常会根据返回的状态码判断进行相应的数据操作。在then中充斥着大量的if,这使代码非常耦合并且不直观(如图1.1),在以后维护中也是非常让人头疼。所以今天来优化一下代码图1.1 对请求返回的数据判断然后进行相应数据操作根据图1.1可以发现里面有多个if/else判断。可能大家会觉得图1.1里面的if/else数量还行,不需要优化,但是如果在后期中再加入多个if判断的话,then中整体的if/else会比较多。如果是自己开发的项目可以随意些,但是如果是多人开发的项目,在日后其原创 2021-05-29 09:54:45 · 1008 阅读 · 3 评论