Web前端最全前端10 个“哇塞”的 学习资源网站，收藏等于学会~(2)，高级前端开发面试解答之线程篇

框架相关

原生JS虽能实现绝大部分功能，但要么就是过于繁琐，要么就是存在缺陷，故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架，两者工作原理上存在共通点，也存在一些不同点，对于校招来说，不需要两个框架都学得特别熟，一般面试官会针对你简历中写的框架进行提问。

在框架方面，生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的，在学习的过程可以结合框架的官方文档

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

Vue框架

知识要点：
1. vue-cli工程
2. vue核心知识点
3. vue-router
4. vuex
5. http请求
6. UI样式
7. 常用功能
8. MVVM设计模式

React框架

知识要点：
1. 基本知识
2. React 组件
3. React Redux
4. React 路由

responsively是干嘛吃的？一张图你就懂了：

​

你可以在上面输入你的 web 网站，一次性查看它在各个设备下的响应式布局表现~

并且支持自定义选择设备、导出为图片等；响应式布局，一个界面尽收眼底！ 👀 再也不用在搁控制台那儿拉来拉去了~~

2. figlet

---

想在控制台上玩点花样,figlet就不容错过了~~

在项目中 npm install figlet （分清环境：node/Vue/Browser）；

​

还有更多配置项可以去探究；

​

该库的周下载量稳定在 800k 左右😍，太猛了！还不快点在你的项目中用起来，产品经理忍不住夸一句：“细节！”

3. readme.so

---

顾名思义，readme.so这个用来快捷生成标准 README 的~

​

在左侧编辑，在右侧预览，README 必备的各个要素一应俱全；规范！标准！好看！

还支持下载到本地；有了这个，还有人不会写 README 嘛？

4. smalldev

---

这类开发辅助工具还算是挺常见的，不过 smalldev的优势就是 功能全、颜值高、没广告😎；

代码分享床、JSON 格式化、base64 加解密、HTML/JS/CSS 格式化、压缩 SQL、生成占位图、生成测试数据等等；

​

5. smartmockups

---

据说 smartmockups是：最好的产品模板生成工具，能创建令人惊艳的产品模板！

​

除了放置图片，还可以放置网页（自动捕获内容）；

把我的主页放上去，嗯，效果不错，应该是这样用的！（妈妈，我上电视了~）😄

​

6. pfpmaker

---

头像处理神器！效果可百变！

​

本瓜给好基友阿詹做做头像：

​

实际产生的处理结果比截图上的多得多，还支持自定义，全凭你的奇葩色彩搭配喜好~~ (❤ ω ❤)

框架相关

原生JS虽能实现绝大部分功能，但要么就是过于繁琐，要么就是存在缺陷，故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架，两者工作原理上存在共通点，也存在一些不同点，对于校招来说，不需要两个框架都学得特别熟，一般面试官会针对你简历中写的框架进行提问。

在框架方面，生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的，在学习的过程可以结合框架的官方文档

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

Vue框架

知识要点：
1. vue-cli工程
2. vue核心知识点
3. vue-router
4. vuex
5. http请求
6. UI样式
7. 常用功能
8. MVVM设计模式

React框架

知识要点：
1. 基本知识
2. React 组件
3. React Redux
4. React 路由

8. MVVM设计模式

[外链图片转存中…(img-9RUhUPdt-1715882261994)]

React框架

知识要点：
1. 基本知识
2. React 组件
3. React Redux
4. React 路由

[外链图片转存中…(img-OZ38Iv9l-1715882261995)]