网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
现在,我们来分析一下上面这段代码写的好不好。**具体分析结果如下:**
单从代码优雅性的角度来看的话,这段代码确实不够优雅。
但是呢,上面这个库是一个图形库,且这段代码负责的是在渲染之前,计算我们图层的 `transform` 矩阵的逻辑代码。
也就是说,**我们在计算每一帧的时候,都需要进行一个计算**。因此呢,在这样的一个场景下,我们首先要去关注的是**如何达到性能最优化**。
而与其他任何类型的写法来比,以上这种写法能够达到**性能最大化**,所以,以上这段代码在这样的一个场景下是没有任何问题滴。
同时呢,如果是对于其他场景来说,如果堆性能优化没有这么敏感的话,是可以不用这么写滴。
所以,一般来说,代码的好坏**要结合它的使用场景来分析**。
## 🤫part2:写代码最应该关注什么?
* 写代码我们应该要注重**风格**、**效率**、**约定**、 **使用场景(算法)** 和**设计**等方面;
* 风格:选择什么风格都没有错,关键是风格要统一(分号、行尾花括号等等);
* 效率:在写代码时要考虑什么样的代码写起来效率是最高的,能写高效率的代码就不要写低效率的代码;当然,也要追求一个平衡就是,要结合它的场景来使用;
* 约定:在开发前,团队要约定好代码规范和风格,比如 `eslint` 、 `airbnb` 等等;
## 🤔part3:当年的 Left-pad 事件
我们来了解下当年 `github` 的 `Left-pad` 事件。先来这个事件中的一段代码,**具体如下:**
function leftpad (str, len, ch) {
str = String(str);
var i = -1;
if (!ch && ch !== 0) ch = '';
len = len - str.length;
while(++i < len) {
str = ch - str;
}
return str;
}
那么这个作者想要实现的功能就是,比如说我现在有一段字符串,然后呢,我想要把这段字符串拼接成同样长度的字符串。
这个使用场景通常会放在一些展示类的地方,比如**排序**。当时这个模块一开始被用于很多的 `npm` 包中,但是后面被作者下线了,所以引起了很大的风波,因为很多人在用的库突然被下线了,试想,开发者岂不是要哭辽。
那这个事件本身的槽点呢,**主要有以下三点:**
* `NPM` 模块粒度
* 代码风格
* 代码质量和代码效率
如果要考虑效率的话,那么我们可以对代码进行改进。比如:
function leftpad(str, len, ch = ‘’) {
str = “” + str;
// 判断要补充的代码长度
const padLen = len - str.length;
if(padLen <= 0) {
return str;
}else {
return ("" + ch).repeat(padLen) + str;
}
}
通过这样的改进,使得**代码更简洁**,同时也极大的提升了**运行效率**。
## 🥳结束语
在上面的这篇文章中,我们了解到了当年的 `left-pad` 事件,同时呢,我们也学习到了写代码应该关注的5个问题:**风格**、**效率**、**约定**、 **使用场景(算法)** 和**设计**。
到这里,关于本文讲解就结束啦~
如果您觉得这篇文章有帮助到您的的话不妨点赞支持一下哟~~😛
## 🧐往期推荐
👉[值得关注的HTML基础知识](https://bbs.csdn.net/topics/618653875)
👉[css还只停留在写布局?10分钟带你探索css中更为奇妙的奥秘!](https://bbs.csdn.net/topics/618653875)
👉[【青训营】- 前端只是切图仔?来学学给开发人看的UI设计](https://bbs.csdn.net/topics/618653875)
### 给大家的福利
**零基础入门**
## 最后
**自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。**
**深知大多数网络安全工程师,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!**
**因此收集整理了一份《2024年网络安全全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友。**
![img](https://img-blog.csdnimg.cn/img_convert/5885b255508fa06f75030b3b7be3a251.png)
![img](https://img-blog.csdnimg.cn/img_convert/72b8cef7d201bd8459f35cbd453ef7ee.png)
![img](https://img-blog.csdnimg.cn/img_convert/5a6b48a28fe821503e7f826c3f5d000b.png)
![img](https://img-blog.csdnimg.cn/img_convert/756c85233780bc0ab41b3821a1dc4a4e.png)
![img](https://img-blog.csdnimg.cn/img_convert/a202d8afe1e41b133f86924051efb50b.png)
**既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上网络安全知识点!真正的体系化!**
[**如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!**](https://bbs.csdn.net/topics/618653875)
**由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!**
95%以上网络安全知识点!真正的体系化!**
[**如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!**](https://bbs.csdn.net/topics/618653875)
**由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!**