先自我介绍一下,小编浙江大学毕业,去过华为、字节跳动等大厂,目前阿里P7
深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年最新Web前端全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新
如果你需要这些资料,可以添加V获取:vip1024c (备注前端)
正文
ES6模块和CommonJS
COMMONJS和ES6模块区别
- CommonJS是对模块的浅拷⻉,ES6 Module是对模块的引⽤,即ES6 Module只存只读,不能改变其值,也就是指针指向不能变,类似const;
- import的接⼝是read-only(只读状态),不能修改其变量值。即不能修改其变量的指针指向,但可以改变变量内部指针指向,可以对commonJS对重新赋值(改变指针指向),但是对ES6 Module赋值会编译报错。
ps :这里我回答的支支吾吾的,因为我不会啊,当时美团面试考过这道题,又来了。
说一下会输出什么? 讲解题
// a.js
var a = 1;
setTimeout(() => {
a = 2;
}, 2)
module.exports.a = a;
// main.js
const a = require(‘./a’).a;
console.log(a);
setTimeout(() => {
const b = require(‘./a’).a;
console.log(b);
}, 100);
答:1,2 说了一大堆 支支吾吾 肯定错了,气势上就输了。真实答案如图所示
ps :图中是真实答案,原理说对了,但是自己根本没理解,根据曾经的弹坑理论[2],我TM完全没预习这道题???,坑爹啊!!
弹坑理论
算法题
有一个混杂的整数序列,现在任务是对它们重新排序,以使其符合上述序列并输出结果
背景:
-
假设我们取一个数字 x 并执行以下任一操作:
-
a:将
x
除以3
(如果可以被3
除) -
b:将
x
乘以2
-
每次操作后,记下结果。如果从 9 开始,可以得到一个序列
示例:
输入: “[4,8,6,3,12,9]”
输出: [9,3,6,12,4,8]
解释: [9,3,6,12,4,8] => 9/3=3 -> 32=6 -> 62=12 -> 12/3=4 -> 4*2=8
输入: “[3000,9000]”
输出: [9000,3000]
输入: “[4,2]”
输出: [2,4]
输入: “[4,6,2]”
输出: [6,2,4]
ps :说实话,面试官打题的时候,我心里波动是:此题必拿下,真当我LeetCode白刷了?我就不信你能把我秒了,面试官题题打完了,我懵了,读都没读懂,霎那间我知道了什么是年轻气盛,我膨胀了,我飘了,我人傻了。
面试后求助了某位字节大佬(风神),他给了解答,我看了之后,嗯**参差**~
浮点数
为什么出现0.1+0.2 != 0.3
计算机是通过二进制的方式存储数据的,所以计算机计算0.1+0.2的时候,实际上是计算的两个数的二进制的和。
0.1的二进制是多少,0.2的二进制是多少
啥??啥啥??。
十进制二进制转换函数
var num = 100;
console.log(num.toString(2));
ps :函数我没写上来,第一个问题我啰嗦了很长时间才回答到要点上,因为本人在学校学的是UI专业,所以对这些都是不知所以,还是自己不够努力吧。
浏览器原理
什么是跨域
违反浏览器同源策略就叫跨域, 同源策略是协议和域名以及端口必须一致
解决方式
- JSONP
- postMessage()
- websocket
- Node中间件代理
- cors
- nginx反向代理
- window.name + iframe
- location.hash + iframe
- document.domain + iframe
优缺点
答不上来了,我都没用过啊,甚至理解都是从书面意义上硬背的
ps :可惜啊,每次差点能以为可以滔滔不绝的讲的时候,总会有些没遇到的问题,还是知识深度不够。
进程和线程
进程是资源分配的最小单位,线程是CPU调度的最小单位
ps :如此抽象的答案 不能令人满意,包括我自己,我试图引导面试官去在我合适的知识体系内问答,可惜了,面试官让我再讲讲,我已经没什么能继续解答的了,仿佛被榨干的男人。
总结
–
面试结束,从算法题开始,我逐渐从拳击手变成了个沙包,我认识到了不止技术层面的参差。但是,我无所谓诶嘿嘿,这种面试,过了就是赚,不过我不亏。可惜啊,字节抖音部这半年是得不到我这么个潜力股了。为一鸣惋惜。为字节惋惜。
参考资料
[1]
Less转换Css官方原理链接: https://go.gliffy.com/go/publish/4784259
[2]
弹坑理论: https://baike.baidu.com/item/%E5%BC%B9%E5%9D%91%E7%90%86%E8%AE%BA/937831?fr=aladdin
◆ ◆ ◆ ◆
- EOF -
推荐阅读 点击标题可跳转
文末
技术是没有终点的,也是学不完的,最重要的是活着、不秃。
零基础入门的时候看书还是看视频,我觉得成年人,何必做选择题呢,两个都要。喜欢看书就看书,喜欢看视频就看视频。
最重要的是在自学的过程中,一定不要眼高手低,要实战,把学到的技术投入到项目当中,解决问题,之后进一步锤炼自己的技术。
自学最怕的就是缺乏自驱力,一定要自律,杜绝“三天打鱼两天晒网”,到最后白忙活一场。
高度自律的同时,要保持耐心,不抛弃不放弃,切勿自怨自艾,每天给自己一点点鼓励,学习的劲头就会很足,不容易犯困。
技术学到手后,找工作的时候一定要好好准备一份简历,不要无头苍蝇一样去海投简历,容易“竹篮打水一场空”。好好的准备一下简历,毕竟是找工作的敲门砖。
拿到面试邀请后,在面试的过程中一定要大大方方,尽力把自己学到的知识舒适地表达出来,不要因为是自学就不够自信,给面试官一个好的印象,面试成功的几率就会大很多,加油吧,骚年!
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
需要这份系统化的资料的朋友,可以添加V获取:vip1024c (备注前端)
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
要无头苍蝇一样去海投简历,容易“竹篮打水一场空”。好好的准备一下简历,毕竟是找工作的敲门砖。
拿到面试邀请后,在面试的过程中一定要大大方方,尽力把自己学到的知识舒适地表达出来,不要因为是自学就不够自信,给面试官一个好的印象,面试成功的几率就会大很多,加油吧,骚年!
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
需要这份系统化的资料的朋友,可以添加V获取:vip1024c (备注前端)
[外链图片转存中…(img-C07ls1zf-1713271762813)]
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!