多吃了几个前端
前端开发工程师
Web前端
获得徽章 0
赞了这篇沸点
做了一个Github的贡献图组件：Calendar Graph，欢迎大家Star
通过传入一个字符串，比如："DevUI is excellent"，即可生成相应的Github贡献图。
想不想在你的Github贡献日历上画一个喜爱的图形呢？那就试试Calendar Graph组件吧～
github.com
通过传入一个字符串，比如："DevUI is excellent"，即可生成相应的Github贡献图。
想不想在你的Github贡献日历上画一个喜爱的图形呢？那就试试Calendar Graph组件吧～
github.com
展开
评论
6
赞了这篇沸点
 #关于重构之命名#
别让垃圾留在原地。
知道项目里有很多不好的代码，但不知道怎么重构？不知道从哪儿入手？
从取一个好名字开始吧，如果项目里有无意义的变量名，含义不准确的方法名，命名和实际意义不对应的文件名，改掉它吧。
取一个更好的名字，更清晰、更简洁、更有表达力的名字，让阅读代码的人看到名字就能猜到这个代码是干嘛的，即使那个人不是程序员，只是一个英语老师。
不准确的名字，人们要费很大工夫才能理解其含义；无意义的名字，比如a1 i foo等，就像读天书一样让人迷惑；命名和意义不对应的名字更糟糕，会误导人，把阅读代码的人引向错误的方向。
胡乱命名的代码会遭到同事的唾弃，领导的鄙视，一年后的自己的谩骂。
命名糟糕的代码会让你失去同事的尊敬，而命名良好的代码会让你在多年后为自己曾经写过的代码感到骄傲。
别让垃圾留在原地。
知道项目里有很多不好的代码，但不知道怎么重构？不知道从哪儿入手？
从取一个好名字开始吧，如果项目里有无意义的变量名，含义不准确的方法名，命名和实际意义不对应的文件名，改掉它吧。
取一个更好的名字，更清晰、更简洁、更有表达力的名字，让阅读代码的人看到名字就能猜到这个代码是干嘛的，即使那个人不是程序员，只是一个英语老师。
不准确的名字，人们要费很大工夫才能理解其含义；无意义的名字，比如a1 i foo等，就像读天书一样让人迷惑；命名和意义不对应的名字更糟糕，会误导人，把阅读代码的人引向错误的方向。
胡乱命名的代码会遭到同事的唾弃，领导的鄙视，一年后的自己的谩骂。
命名糟糕的代码会让你失去同事的尊敬，而命名良好的代码会让你在多年后为自己曾经写过的代码感到骄傲。
展开
3
5
赞了这篇沸点
#重构之抽取函数#
重构过程中我们会用到很多技巧，取一个有意义的名字是其中一种提升可读性的好办法。
还有一种常见的方法就是抽取函数：利用单一职责原则，将一个巨石方法拆解成若干个小而美的方法，这些方法命名良好，只做一件事，任何懂点英文的人都能读懂。
看一看你的项目中是否有超过300行的文件或者超过30行的方法吧。
如果有，试着分析下这些方法都做了些什么事，如果它承担了太多不该承担的职责，就把这些多余的职责分出去吧，写一个新的方法去承载这些多余的职责。
一个比较明显的可以抽离函数的地方就是if/else分支，每个分支一般代表一个独立的逻辑，如果一个if或者else分支里代码太多，就将里面的逻辑抽成独立的方法吧。
还有一个可以抽离的地方就是for循环，如果这个for循环里面代码很多，看看循环的目的是什么吧，把循环里的代码放到一个独立的方法中，以它的目的命名。
重构就像整理房间，今天把衣柜整得井井有条，明天把冰箱收拾整齐，后天把书桌擦拭干净，慢慢地，你的房间就会变得窗明几净，井然有序，所以东西都安安分分地待在它该待的地方，你的心情也会明亮起来的！
重构过程中我们会用到很多技巧，取一个有意义的名字是其中一种提升可读性的好办法。
还有一种常见的方法就是抽取函数：利用单一职责原则，将一个巨石方法拆解成若干个小而美的方法，这些方法命名良好，只做一件事，任何懂点英文的人都能读懂。
看一看你的项目中是否有超过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
用Rollup做了一个前端工具库KTools，用于收纳日常开发过程中高频使用的工具🛠方法，以实用为目标，lodash库有的就不重复造轮子了，目前支持
1.阶梯访问表stairStepAccessTable
2.十进制转十六进制颜色 rgb2hex
3.十六进制转十进制颜色 hex2rgb
4.判断是否是颜色值 isColor
等实用方法，后续会不断完善，也欢迎大家一起贡献自己工作中用到的使用工具方法
github.com另外我们DevUI组件库升级到NG10版本啦！欢迎大家体验和Star⭐
github.com
展开
2
12
赞了这篇沸点
给大家推荐一个DevUI推出的免费课程《7天前端研发实战营》
课程地址：classroom.devcloud.huaweicloud.com
这个课程是面向初学者的，基于DevUI+Angular+Nest开发一套文档发布管理系统，主要会涉及到两大块，第一个是网站的开发，第二个是发布流程。
网站开发主要从环境搭建、Angular/Nest核心概念以及DevUI组件库的使用三个方面进行讲解。DevUI组件库是我们开源的一个组件库，欢迎大家Star⭐
github.com
发布流程依托于DevCloud工具链，主要介绍代码托管、代码检查、构建打包、部署发布整个流程，方便大家快速把自己的作品部署到云主机上。
课程地址：
classroom.devcloud.huaweicloud.com这个课程是面向初学者的，基于DevUI+Angular+Nest开发一套文档发布管理系统，主要会涉及到两大块，第一个是网站的开发，第二个是发布流程。
网站开发主要从环境搭建、Angular/Nest核心概念以及DevUI组件库的使用三个方面进行讲解。DevUI组件库是我们开源的一个组件库，欢迎大家Star⭐
github.com发布流程依托于DevCloud工具链，主要介绍代码托管、代码检查、构建打包、部署发布整个流程，方便大家快速把自己的作品部署到云主机上。
展开
6
7
赞了这篇沸点
赞了这篇沸点
2
7
赞了这篇沸点
DevUI掘金专栏第31期文章发布！由DevUI核心成员Kagol出品，手把手教你使用Rollup+TypeScript打造一款自己的前端工具库，欢迎大家点赞、评论。也欢迎大家使用DevUI组件库和star⭐：
github.com
github.com 评论
6
赞了这篇文章
赞了这篇文章
烤饼🍪”。以掘金个人主页为例子，通过三步法快速定位网站性能问题。
赞了这篇沸点
赞了这篇沸点
![[666]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_128.e55728c.png)
🏻
![[抱拳]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_120.6c3effe.png)
![[握手]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_110.34d5723.png)
，感谢倔友们对DevUI的支持
赞了这篇文章
赞了这篇沸点
每天6:30早起，连续肝了一个星期，终于完成了这篇《html2canvas实现浏览器截图的原理》，深入浅出地分析html2canvas实现浏览器截图的原理，并分享了自己做开源库源码分析的一些方法。希望能给大家一些启发，能给大家带来收获。
评论
3
赞了这篇沸点
每天6:30早起，连续肝了一个星期，终于完成了这篇《html2canvas实现浏览器截图的原理》，深入浅出地分析html2canvas实现浏览器截图的原理，并分享了自己做开源库源码分析的一些方法。希望能给大家一些启发，能给大家带来收获。
评论
6
赞了这篇沸点
2020是DevUI组件库开源的起点，一共点亮549个小星星⭐
2020同时也是DevUI团队掘金专栏运营的起点，从2020年2月27日发布第一篇专栏，一共输出了34篇专栏文章，收获2583个掘力值
感谢掘友萌对DevUI的支持，2021我们依然会持续输出高质量文章
🏻
2020同时也是DevUI团队掘金专栏运营的起点，从2020年2月27日发布第一篇专栏，一共输出了34篇专栏文章，收获2583个掘力值
感谢掘友萌对DevUI的支持，2021我们依然会持续输出高质量文章
🏻
1
6
赞了这篇文章
在自己背上
。
。