先自我介绍一下,小编浙江大学毕业,去过华为、字节跳动等大厂,目前阿里P7
深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年最新Web前端全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新
如果你需要这些资料,可以添加V获取:vip1024c (备注前端)
正文
ES6的实现:
class Person {
//构造方法constructor就等于上面的构造函数Person
constructor(name,age){
this.name = name;
this.age = age;
}
getAge(){
return ‘俺的年龄是:’+this.age;
}
}
//创建新的子类p1
let person1 = new Person(‘小明’,18);
这两个例子效果是一毛一样的,只是写法不同
原型链
这个图咋一看有点复杂,如果看不懂,贴心的我还有一遍关于原型链的教程,先看这个 => JS原型链详解
如果你看懂了,那么将会get到这项技能:构造方法constructor() = 构造函数本身 (上面我也进行了打印,你应该懂的)
super()
super() = 继承,这玩意就是用来继承的,继承它的父级
在class方法中,继承是使用 extends 关键字来实现的
class Person{
constructor(name,age){
this.name = name;
this.age = age;
}
getAge(){
return ‘我的年龄是:’+ this.age;
}
}
class demo extends Person{
constructor(name,age,sex){
super(name,age); // 调用父类的constructor(name,age)
this.sex = sex;
}
fn(){
return this.sex + ’ ’ + super.getAge(); // 调用父类的getAge()
}
}
上面的例子中,有super(),子类必须在constructor() 中调用 super() ,否则新建实例时会报错。不然就继承不了父类的香火了,刚刚说了这玩意是用来继承的。
报错的原因是:子类没有自己的 this 对象的,它只能继承自父类的 this 对象,然后对其进行加工,而 super() 就是将父类中的 this 对象继承给子类的。
没有继承,子类就得不到 this 对象,没有 this 对象而要对 this 进行处理,如果能成功的话,那只能说明隔壁老王有问题。
经典的报错例子:
class parent{}
class son extends parent{
constructor(){
}
}
这里分享一份由字节前端面试官整理的「2021大厂前端面试手册」,内容囊括Html、CSS、Javascript、Vue、HTTP、浏览器面试题、数据结构与算法。全部整理在下方文档中,共计111道
HTML
-
HTML5有哪些新特性?
-
Doctype作⽤? 严格模式与混杂模式如何区分?它们有何意义?
-
如何实现浏览器内多个标签页之间的通信?
-
⾏内元素有哪些?块级元素有哪些? 空(void)元素有那些?⾏内元 素和块级元素有什么区别?
-
简述⼀下src与href的区别?
-
cookies,sessionStorage,localStorage 的区别?
-
HTML5 的离线储存的使用和原理?
-
怎样处理 移动端 1px 被 渲染成 2px 问题?
-
iframe 的优缺点?
-
Canvas 和 SVG 图形的区别是什么?
JavaScript
-
问:0.1 + 0.2 === 0.3 嘛?为什么?
-
JS 数据类型
-
写代码:实现函数能够深度克隆基本类型
-
事件流
-
事件是如何实现的?
-
new 一个函数发生了什么
-
什么是作用域?
-
JS 隐式转换,显示转换
-
了解 this 嘛,bind,call,apply 具体指什么
-
手写 bind、apply、call
-
setTimeout(fn, 0)多久才执行,Event Loop
-
手写题:Promise 原理
-
说一下原型链和原型链的继承吧
-
数组能够调用的函数有那些?
-
PWA使用过吗?serviceWorker的使用原理是啥?
-
ES6 之前使用 prototype 实现继承
-
箭头函数和普通函数有啥区别?箭头函数能当构造函数吗?
-
事件循环机制 (Event Loop)
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
需要这份系统化的资料的朋友,可以添加V获取:vip1024c (备注前端)
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
需要这份系统化的资料的朋友,可以添加V获取:vip1024c (备注前端)
[外链图片转存中…(img-GpB9KEQr-1713383590022)]
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!