deepcopy
手写防抖
function debounce(fn, delay) {
if(typeof fn!==‘function’) {
throw new TypeError(‘fn不是函数’)
}
let timer; // 维护一个 timer
return function () {
var _this = this; // 取debounce执行作用域的this(原函数挂载到的对象)
var args = arguments;
if (timer) {
clearTimeout(timer);
}
timer = setTimeout(function () {
fn.apply(_this, args); // 用apply指向调用debounce的对象，相当于_this.fn(args);
}, delay);
};
}
input1.addEventListener(‘keyup’, debounce(() => {
console.log(input1.value)
}), 600)
刷刷算法题
image-20211119181035741
善用工具 前端开发博客
搞技术的应该为自己重复性的工作感到鄙视，技术是生产力。要学会通过工具的方式来减少重复性的工作，熟练利用工具可以让你效率翻倍提升，从而有助于提升愉悦的工作体验。
其中推荐给大家我用着比较顺手的outils[20],轻量级工具库，支持模块化加载。强烈建议读源码，以后搞项目就可以随手封装出一个类库。
关于工具学习资源：推荐28个网站，让你边玩边学
image.png
CODEIF
变量命名神器,地址:unbug.github.io/codelf/[21]
image.png
docschina
Web前端优质的中文文档,docschina.org/[22]
image.png
RegExr
RegExr 是一个基于 HTML/JS 开发的在线工具，用来创建、测试和学习正则表达式。
特性
-
输入时，结果会实时更新
-
支持 JavaScript 和 PHP/PCRE RegEx
-
将匹配项或表达式移至详细信息
-
保存并与他人共享表达式
-
在编辑器中使用 cmd-Z/Y 撤消和重做
image.png
Tool.lu
工具集合: tool.lu/[23]
CodeSandbox
CodeSandbox[24] 是一个在线的代码编辑器，主要聚焦于创建 Web 应用项目。CodeSandbox[25]
支持主流的前端相关文件的编辑：JavaScript、TypeScript、CSS、Less、Sass、Scss、HTML、PNG 等。
LightHouse
LightHouse[26]是一个开源的自动化工具，用于改进网络应用的质量。在里面你可以看到它给你各个方面的建议，比如图片、css、js 这些文件的处理，还有 html 里面标签的使用，缓存处理等建议，可以根据这些来对网站进行优化。
Can I Use
Can I Use[27]这个是一个针对前端开发人员定制的一个查询 CSS、Js 在个中流行浏览器钟的特性和兼容性的网站，可以很好的保证网页的浏览器兼容性。
有了这个工具可以快速的了解到代码在各个浏览器钟的效果。比如查询 transform 的浏览器支持情况：
image.png
Carbon
Carbon[28]是一个在线的代码转图片工具。发个朋友圈，发个脉脉，发个博客啥的贼能装X了。尤其咱们搞前端的，要注重用户体验的，所有输出的东西必须看得过去。
image.png
TinyPNG
TinyPNG[29] PNG/JPG 图片在线压缩利器，智能 PNG 和 JPEG 图片压缩。我用了5年,真想写一套卖钱~
github最全前端导航
FrontEndGitHub[30]，收录了前端到全栈的最新最全的优质github文章和工具，有空就翻翻吧，翻阅慢了就过时了。
image.png
…还有更多就不一一列举了，主要是借助工具提高效率的思维。
管理思维
成为一个合格的前端LD，并不只是具备代码和架构的能力，而是要能够站在业务、用户的角度理解自己所做的产品，让技术成为业务价值的基石，并能够不断扩大自己的影响力，通过撬动更多的资源提升整个团队的效能。
-
你能够为所从事的业务增加价值。
-
你有能力抓住机会，而不会留有遗憾。
-
人们喜欢你，和你一起工作后会保持积极的情绪。
-
你可以不断学习和提高自己。
分享做管理者的几点感悟：
-
松散的管理只会让团队越来越懒惰，并且随着时间推移，团队越来越多人会找不到价值点，从而流失。
-
始终鼓励团队发展自己领域内擅长的事，感兴趣的事，愿意做的事。加以引导和资源倾斜，帮助其带来更高的成就和价值。
注：很多程序员都热爱技术，喜欢学习新东西，喜欢把新东西用到产品中，你要想各种办法给他机会，创造条件-这是你作为管理的责任。
- 高要求换来高成长，即时奖励，劳逸结合，团队凝聚力强，执行有力，落地有声。
如果你对前端未来趋势感兴趣，请移步《2022前端未来发展趋势》[31]
💥我是扫地盲僧，希望我的分享能够给你带来帮助~
关注我，你的鼓励直接取决于我是否有勇气写下一篇分享的😂
关于本文
作者：扫地盲僧，已授权
https://juejin.cn/post/7034419410706104356
推荐链接
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）
最后
基础知识是前端一面必问的，如果你在基础知识这一块翻车了，就算你框架玩的再6，webpack、git、node学习的再好也无济于事，因为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多，并不是理解就ok了，有些是真的要去记。当然了我们是牛x的前端工程师，每天像背英语单词一样去背知识点就没必要了，只要平时工作中多注意总结，面试前端刷下题目就可以了。
什么？你问面试题资料在哪里，这不是就在你眼前吗（滑稽
码讲义、实战项目、讲解视频，并且会持续更新！**
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）
最后
基础知识是前端一面必问的，如果你在基础知识这一块翻车了，就算你框架玩的再6，webpack、git、node学习的再好也无济于事，因为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多，并不是理解就ok了，有些是真的要去记。当然了我们是牛x的前端工程师，每天像背英语单词一样去背知识点就没必要了，只要平时工作中多注意总结，面试前端刷下题目就可以了。
什么？你问面试题资料在哪里，这不是就在你眼前吗（滑稽
扫一扫
286
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
