获得徽章 0
- DevUI掘金专栏第35期文章发布!由DevUI Furion性能监控平台核心成员少东出品,分享少东在单元测试方面的一些经验,也是《现在开始为你的Angular应用编写测试》系列的第二篇。欢迎大家点赞、评论。也欢迎大家使用DevUI组件库和star⭐:
github.com
评论4 - 评论6
- 2020年最后一天了,大家都在忙着抓住2020的尾巴,紧锣密鼓地立flag,立完flag我们还需要做什么呢?本文以交付质量这个目标为例🌰,跟大家分享目标度量的实用方法。欢迎大家点赞、评论。也欢迎大家使用DevUI组件库和star⭐:
github.com
评论5 - 做了一个Github的贡献图组件:Calendar Graph,欢迎大家Star
通过传入一个字符串,比如:"DevUI is excellent",即可生成相应的Github贡献图。
想不想在你的Github贡献日历上画一个喜爱的图形呢?那就试试Calendar Graph组件吧~github.com
展开评论6 -  #关于重构之命名#
别让垃圾留在原地。
知道项目里有很多不好的代码,但不知道怎么重构?不知道从哪儿入手?
从取一个好名字开始吧,如果项目里有无意义的变量名,含义不准确的方法名,命名和实际意义不对应的文件名,改掉它吧。
取一个更好的名字,更清晰、更简洁、更有表达力的名字,让阅读代码的人看到名字就能猜到这个代码是干嘛的,即使那个人不是程序员,只是一个英语老师。
不准确的名字,人们要费很大工夫才能理解其含义;无意义的名字,比如a1 i foo等,就像读天书一样让人迷惑;命名和意义不对应的名字更糟糕,会误导人,把阅读代码的人引向错误的方向。
胡乱命名的代码会遭到同事的唾弃,领导的鄙视,一年后的自己的谩骂。
命名糟糕的代码会让你失去同事的尊敬,而命名良好的代码会让你在多年后为自己曾经写过的代码感到骄傲。展开35 - #重构之抽取函数#
重构过程中我们会用到很多技巧,取一个有意义的名字是其中一种提升可读性的好办法。
还有一种常见的方法就是抽取函数:利用单一职责原则,将一个巨石方法拆解成若干个小而美的方法,这些方法命名良好,只做一件事,任何懂点英文的人都能读懂。
看一看你的项目中是否有超过300行的文件或者超过30行的方法吧。
如果有,试着分析下这些方法都做了些什么事,如果它承担了太多不该承担的职责,就把这些多余的职责分出去吧,写一个新的方法去承载这些多余的职责。
一个比较明显的可以抽离函数的地方就是if/else分支,每个分支一般代表一个独立的逻辑,如果一个if或者else分支里代码太多,就将里面的逻辑抽成独立的方法吧。
还有一个可以抽离的地方就是for循环,如果这个for循环里面代码很多,看看循环的目的是什么吧,把循环里的代码放到一个独立的方法中,以它的目的命名。
重构就像整理房间,今天把衣柜整得井井有条,明天把冰箱收拾整齐,后天把书桌擦拭干净,慢慢地,你的房间就会变得窗明几净,井然有序,所以东西都安安分分地待在它该待的地方,你的心情也会明亮起来的!展开评论5 - #开源推荐#
用Rollup做了一个前端工具库KTools,用于收纳日常开发过程中高频使用的工具🛠方法,以实用为目标,lodash库有的就不重复造轮子了,目前支持
1.阶梯访问表stairStepAccessTable
2.十进制转十六进制颜色 rgb2hex
3.十六进制转十进制颜色 hex2rgb
4.判断是否是颜色值 isColor
等实用方法,后续会不断完善,也欢迎大家一起贡献自己工作中用到的使用工具方法github.com
另外我们DevUI组件库升级到NG10版本啦!欢迎大家体验和Star⭐github.com
展开212 - 给大家推荐一个DevUI推出的免费课程《7天前端研发实战营》
课程地址:classroom.devcloud.huaweicloud.com
这个课程是面向初学者的,基于DevUI+Angular+Nest开发一套文档发布管理系统,主要会涉及到两大块,第一个是网站的开发,第二个是发布流程。
网站开发主要从环境搭建、Angular/Nest核心概念以及DevUI组件库的使用三个方面进行讲解。DevUI组件库是我们开源的一个组件库,欢迎大家Star⭐github.com
发布流程依托于DevCloud工具链,主要介绍代码托管、代码检查、构建打包、部署发布整个流程,方便大家快速把自己的作品部署到云主机上。展开67 - 27