2024年前端最新2024年如何成为一名优秀的大前端Leader？(1)，2024年最新面试总结发言稿

文末

技术是没有终点的，也是学不完的，最重要的是活着、不秃。

零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。

最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。

自学最怕的就是缺乏自驱力，一定要自律，杜绝“三天打鱼两天晒网”，到最后白忙活一场。

高度自律的同时，要保持耐心，不抛弃不放弃，切勿自怨自艾，每天给自己一点点鼓励，学习的劲头就会很足，不容易犯困。

技术学到手后，找工作的时候一定要好好准备一份简历，不要无头苍蝇一样去海投简历，容易“竹篮打水一场空”。好好的准备一下简历，毕竟是找工作的敲门砖。

拿到面试邀请后，在面试的过程中一定要大大方方，尽力把自己学到的知识舒适地表达出来，不要因为是自学就不够自信，给面试官一个好的印象，面试成功的几率就会大很多，加油吧，骚年！

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

• 头条前端[8]

• 有赞前端[9]

• 腾讯 `AlloyTeam`[10]

• 腾讯 `TNFE`[11]

• 百度 `EFE`[12]

• HYPERS 前端团队博客[13]

• InfoQ 前端专栏[14]

• 印记中文周刊[15]

• 阮一峰老师weekly[16]

• 蚂蚁数据体验技术团队[17]

• TNFE-Weekly[18]

有时候学习后端Node也是必不可少的，后端的语言有助于反哺前端技术能力。

我的启蒙老师就是大家所熟知的，拥有9000多万阅读量的，分享纯干货最直接的廖雪峰-Node.js[19]

保持技术深度

手写一些函数是基本功，最好达到熟练地步，可以通过练习来加强记忆。以下简单列举几个，网上也有很多资料。最好找个可以在线编程的，可以不借助工具快速搭题。

手写instanceof

instanceof (1)

手写深拷贝

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

结尾

正式学习前端大概 3 年多了，很早就想整理这个书单了，因为常常会有朋友问，前端该如何学习，学习前端该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。

以下大部分是我看过的，或者说身边的人推荐的书籍，每一本我都有些相关的推荐语，如果你有看到更好的书欢迎推荐呀。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

nyPNG**

结尾

正式学习前端大概 3 年多了，很早就想整理这个书单了，因为常常会有朋友问，前端该如何学习，学习前端该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。

以下大部分是我看过的，或者说身边的人推荐的书籍，每一本我都有些相关的推荐语，如果你有看到更好的书欢迎推荐呀。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

[外链图片转存中…(img-jLt3yWEK-1715574235939)]