2021年300道前端面试题附答案和优质文章汇总

待我称王封你为后i 2022-10-28 00:46 166阅读 0赞

# 前端面试进阶宝典 #

前端进阶资料及其面试题汇总项目，项目长期维护，欢迎更多人一起加入维护.

致力于汇总全网最优质的技术文章和面试题

点个`star`让我们一起帮助更多人

### 同步更新小程序 ###

![2102042209_1612447765530.png][]

大家好，我是鬼哥，欢迎关注我的公众号，每天跟我一起前端进阶  
![2102042131_1612445463996.png][]

## 优质文章汇总 ##

*  [高级前端必会的十个函数][Link 1]
 *  [使用mono-repo实现跨项目组件共享][mono-repo]
 *  [TypeScript高级特性][TypeScript]
 *  [Scoped Style解决方案之deep深入理解][Scoped Style_deep]
 *  [前端如何修改组件库源码来封装符合自己需求的组件？][Link 2]
 *  [这几年经验的总结，如何让公司技术人员认可你？][Link 3]
 *  [【实战总结篇】写React Hooks前必读][React Hooks]
 *  [全网最强：一文总结 React Hooks 常用场景][React Hooks 1]
 *  [反正我是这样处理async…await 错误的，你呢？][async_await]
 *  [我在阿里半年收获的成长][Link 4]
 *  [中高级前端必须注意的40条移动端H5坑位指南 | 网易三年实践][40_H5_ _]
 *  [10个 Javascript 小技巧帮你提升代码质量][10_ Javascript]
 *  [Json5怎一个爽字了得][Json5]
 *  [13个技巧让你的 vue.js 代码更优雅][13_ vue.js]
 *  [实现：超过N行折叠并显示“…查看全部”【功能】][N]
 *  [React Hooks 最佳实践][React Hooks 2]

## 每日一题 ##

*  [每日一题面试题及答案系列][Link 5]

## 面试题汇总 ##

*  [React面试题及答案系列][React]
 *  [Vue面试题及答案系列][Vue]
 *  [ReactJS面试题及答案系列][React]
 *  [javascipr面试题及答案系列][javascipr]
 *  [CSS3面试题及答案系列][CSS3]
 *  [Node面试题及答案系列][Node]
 *  [小程序面试题及答案系列][Link 6]
 *  [浏览器面试题及答案系列][Link 7]
 *  [问答题面试题及答案系列][Link 8]

## 优秀技术博客 ##

*  [国外掘金社区][Link 9]
 *  [全面的技术博客][Link 10]
 *  [css技术博客][css]
 *  [优质技术博客][Link 11]
 *  [全面的技术博客][Link 12]
 *  [在线面试测试][Link 13]
 *  [技术博客][Link 14]
 *  [博客倒流工具][Link 15]
 *  [简历模板][Link 16]
 *  [技术博客][Link 17]
 *  [常用JS代码块][JS]
 *  [技术博客][Link 18]
 *  [javascript进阶课程][javascript]

## 工具类汇总 ##

*  [好的gif转换][gif]
 *  [全面的压缩工具][Link 19]
 *  [图片素材][Link 20]
 *  [配色][Link 21]
 *  [配色][Link 22]
 *  [图片压缩][Link 23]
 *  [好的画板工具][Link 24]
 *  [免费网站证书ssl][ssl]

## 资料汇总 ##

*  [JavaScript高级程序设计第4版][JavaScript_4]
 *  [Vue3.0(正式版)+TS 仿知乎专栏企业级项目视频课程][Vue3.0_TS]
 *  [Vue Element+Node.js开发企业通用管理后台系统视频课程，全栈工程师的进阶之路][Vue3.0_TS]
 *  [Vue全家桶+SSR+Koa2全栈开发美团网视频课程][Vue3.0_TS]
 *  [React+ts项目架构源码，本架子使用React+TypeScript+Dva+Ant+Mock（本地自定义mock，可以实现具体到某个接口的mock请求，实现高UI还原度必备）][Vue3.0_TS]
 *  [使用Vue全家桶+Node.js搭建的小型全栈项目视频课程][Vue3.0_TS]
 *  [css进阶手册][Vue3.0_TS]
 *  [css高级][Vue3.0_TS]
 *  [ES6进阶手册][Vue3.0_TS]
 *  [前端学习图谱][Vue3.0_TS]

## 优秀开源项目汇总 ##

待更新

[2102042209_1612447765530.png]: /images/20221024/8e1a7afa07f848f0bddb3cf83e162edf.png
[2102042131_1612445463996.png]: /images/20221024/48da1903d68d49eea3b76a9fcb708190.png
[Link 1]: https://juejin.cn/post/6844904175592013838
[mono-repo]: https://mp.weixin.qq.com/s/wBWhjC8ebIgMA51HOzdbtQ
[TypeScript]: https://mp.weixin.qq.com/s/nDqwj3r1HOODYQik8F6iQg
[Scoped Style_deep]: https://mp.weixin.qq.com/s/U7mFAjKuTaFAkQ7vWyFwBQ
[Link 2]: https://mp.weixin.qq.com/s/inPsov7pKRp9QxYNpUOpDw
[Link 3]: https://mp.weixin.qq.com/s/5JOX9M3sGRCGwGrj0YQ9IA
[React Hooks]: https://mp.weixin.qq.com/s/rAw_9tvkxPpneI-Mdxp-pQ
[React Hooks 1]: https://mp.weixin.qq.com/s/ZNFJNh22V8m9V3XENMxN1g
[async_await]: https://mp.weixin.qq.com/s/7Naavk6hxa3YRpFTHK-QUQ
[Link 4]: https://juejin.cn/post/6923016622273724430
[40_H5_ _]: https://juejin.cn/post/6921886428158754829
[10_ Javascript]: https://mp.weixin.qq.com/s/l08G0skVlHJikYW9Y2FL2Q
[Json5]: https://mp.weixin.qq.com/s/SRFXp4SakRVlPUKp2Zx1bQ
[13_ vue.js]: https://mp.weixin.qq.com/s/-JbyGQG0TciFU6yn9ofkjw
[N]: https://mp.weixin.qq.com/s/xKWUQnDF2gRaWOlBZNwVHw
[React Hooks 2]: https://mp.weixin.qq.com/s/dYGLIUUWCd1a3wahUr8i7g
[Link 5]: https://github.com/yangyunhai/FrontendPeople/blob/master/questions/days.md
[React]: https://github.com/yangyunhai/FrontendPeople/blob/master/questions/ReactJS.md
[Vue]: https://github.com/yangyunhai/FrontendPeople/blob/master/questions/VueJS.md
[javascipr]: https://github.com/yangyunhai/FrontendPeople/blob/master/questions/javascipr.md
[CSS3]: https://github.com/yangyunhai/FrontendPeople/blob/master/questions/CSS3.md
[Node]: https://github.com/yangyunhai/FrontendPeople/blob/master/questions/Node.md
[Link 6]: https://github.com/yangyunhai/FrontendPeople/blob/master/questions/minapp.md
[Link 7]: https://github.com/yangyunhai/FrontendPeople/blob/master/questions/browser.md
[Link 8]: https://github.com/yangyunhai/FrontendPeople/blob/master/questions/question.md
[Link 9]: https://dev.to/
[Link 10]: https://www.samanthaming.com
[css]: https://css-tricks.com
[Link 11]: https://medium.com/
[Link 12]: https://khalilstemmler.com/
[Link 13]: https://www.coderbyte.com
[Link 14]: https://heydesigner.com
[Link 15]: https://openwrite.cn/
[Link 16]: https://github.com/Wscats/CV
[Link 17]: https://www.yangtao.site
[JS]: https://1loc.dev/
[Link 18]: https://thesmartcoder.dev/author/simon-holdorf/
[javascript]: https://thesmartcoder.dev/10-javascript-code-snippets-you-can-use-right-now/
[gif]: https://www.screentogif.com/
[Link 19]: https://docsmall.com/gif-compress
[Link 20]: https://unsplash.com/s/photos/code
[Link 21]: https://coolors.co/
[Link 22]: https://colorhunt.co/
[Link 23]: https://tinypng.com/
[Link 24]: https://excalidraw.com/
[ssl]: https://myssl.com/csr_create.html
[JavaScript_4]: https://github.com/yangyunhai/FrontendPeople/blob/master/files/JavaScript%E9%AB%98%E7%BA%A7%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1%E7%AC%AC4%E7%89%88.pdf
[Vue3.0_TS]: https://mp.weixin.qq.com/s/B39aQsTNy7-LGQ3R0vaSWQ