前端进阶必备,github 优质资源整理分享!

116,712 阅读10分钟

前言

前端技术日新月异,随着 大前端 的趋势,想要成为一名合格的前端工程师,需要学习掌握的东西更是宽泛。所以我们在寻求进阶的过程中,既要不断夯实前端基础,也要快速响应技术的更新迭代。闲话少说,这次给大家整理分享一些前端进阶的优质学习资源,希望对大家有所帮助!

个人博客地址 🍹🍰 fe-code

github 优质项目

frontend-tech-list

前端技术清单,不论你是正在自学前端,还是对前端某些技术熟练掌握但某些还未涉足,我都希望这份清单能帮助你 review 一些前端的基础能力。

CS-Notes

📚 Tech Interview Guide 技术面试必备基础知识、Leetcode 题解、Java、C++、Python、后端面试、操作系统、计算机网络、系统设计

 算法  操作系统  网络  面向对象   数据库      Java    系统设计    工具    编码实践    后记   
✏️ 💻 ☁️ 🎨 💾 ☕️️ 💡 🔧 🍉 📝

✏️ 算法

☁️ 网络

javascript-algorithms

JavaScript 算法与数据结构。本仓库包含了多种基于 JavaScript 的算法与数据结构。每种算法和数据结构都有自己的 README,包含相关说明和链接,以便进一步阅读 (还有 YouTube 视频) 。

算法是如何解决一类问题的明确规范。算法是一组精确定义操作序列的规则。B - 初学者, A - 进阶

30-seconds-of-code

精选 JavaScript 代码段集合,您可以在30秒或更短的时间内理解这些代码段

javascript-questions

JavaScript 进阶问题列表,从基础到进阶,测试你有多了解 JavaScript,刷新你的知识,或者帮助你的 coding 面试! 💪 🚀 我每周都会在这个仓库下更新新的问题。

  • github

  • 摘要

      1. 输出是什么?
    function sayHi() {
    console.log(name)
    console.log(age)
    var name = 'Lydia'
    let age = 21
    }
    
    sayHi()
    
    • A: Lydiaundefined
    • B: LydiaReferenceError
    • C: ReferenceError21
    • D: undefinedReferenceError
    答案

    答案: D

    在函数内部,我们首先通过 var 关键字声明了 name 变量。这意味着变量被提升了(内存空间在创建阶段就被设置好了),直到程序运行到定义变量位置之前默认值都是 undefined。因为当我们打印 name 变量时还没有执行到定义变量的位置,因此变量的值保持为 undefined

    通过 letconst 关键字声明的变量也会提升,但是和 var 不同,它们不会被初始化。在我们声明(初始化)之前是不能访问它们的。这个行为被称之为暂时性死区。当我们试图在声明之前访问它们时,JavaScript 将会抛出一个 ReferenceError 错误。


      1. 输出是什么?
    for (var i = 0; i < 3; i++) {
    setTimeout(() => console.log(i), 1)
    }
    
    for (let i = 0; i < 3; i++) {
    setTimeout(() => console.log(i), 1)
    }
    
    • A: 0 1 20 1 2
    • B: 0 1 23 3 3
    • C: 3 3 30 1 2
    答案

    答案: C

    由于 JavaScript 的事件循环,setTimeout 回调会在遍历结束后才执行。因为在第一个遍历中遍历 i 是通过 var 关键字声明的,所以这个值是全局作用域下的。在遍历过程中,我们通过一元操作符 ++ 来每次递增 i 的值。当 setTimeout 回调执行的时候,i 的值等于 3。

    在第二个遍历中,遍历 i 是通过 let 关键字声明的:通过 letconst 关键字声明的变量是拥有块级作用域(指的是任何在 {} 中的内容)。在每次的遍历过程中,i 都有一个新值,并且每个值都在循环内的作用域中。


Daily-Interview-Question

每天搞定一道前端大厂面试题,祝大家天天进步,一年后会看到不一样的自己。

2019-07-26

第 114 题:编程题,找出字符串中连续出现最多的字符和个数(蘑菇街)

'abcaakjbb' => {'a':2,'b':2}
'abbkejsbcccwqaa' => {'c':3}

解析:第 114 题


2019-07-25

第 113 题:编程题,根据以下要求,写一个数组去重函数(蘑菇街)

  1. 如传入的数组元素为[123, "meili", "123", "mogu", 123],则输出:[123, "meili", "123", "mogu"]

  2. 如传入的数组元素为[123, [1, 2, 3], [1, "2", 3], [1, 2, 3], "meili"],则输出:[123, [1, 2, 3], [1, "2", 3], "meili"]

  3. 如传入的数组元素为[123, {a: 1}, {a: {b: 1}}, {a: "1"}, {a: {b: 1}}, "meili"],则输出:[123, {a: 1}, {a: {b: 1}}, {a: "1"}, "meili"]

解析:第 113 题


learnVue

Vue.js 源码解析

vue-design

渲染器,仓库内还有一个针对 Vue 的逐行级别的源码分析,都是干货。

  • github
  • 目录列表
    • 组件的本质
    • 设计 Vnode
    • 辅助创建 VNode 的 h 函数
    • 渲染器之挂载
    • 渲染器之 patch
    • 渲染器的核心 Diff 算法
    • 自定义渲染器和异步渲染

CS-Interview-Knowledge-Map

前端面试图谱

react-interpretation

React 源码解析。通过两个部分来完成这个解析:第一是加上这份代码的中文注释,第二是配套相应的文章。

Front-end-Web-Development-Interview-Question

这里将收集我做过的所有的前端面试笔试题,并根据自己的理解提供解答,以及一些关于前端找工作方面的经验等。

试题链接 原题概述 标签分类 更新状态
1.md Front End Web Development Quiz CSS部分 CSS 已完结 :v:
2.md Front End Web Development Quiz HTML部分 HTML 已完结 :v:
3.md FEX 面试题 General 待完善 :punch:
4.md 前端面试常见问题 General 待完善 :punch:
5.md 前端面试HTML 相关问题 HTML 已完结 :v:

高级前端进阶

每周重点攻克一个前端面试重难点

前端工匠

努力打造一系列适合初中级工程师能够看得懂的优质文章

libpku

github 上大学系列

weekly

前端精读周刊

  • github
  • 摘要
    • 精读 js 模块化发展
    • 精读模态框的最佳实践
    • 精读《编写有弹性的组件》
    • 精读《React Hooks》
    • 精读《React 代码整洁之道》

mobileHack

这里收集了许多移动端上遇到的各种坑

underscore-analysis

underscore-1.8.3.js 源码解读 & 系列文章

awesome-vue

与Vue.js相关的各种文章合集

free-programming-books-zh_CN

📚 免费的计算机编程类中文书籍

airbnb/javascript

JavaScript 风格指南

其他推荐

文章

书籍

  • JS 函数式编程指南
  • 你不知道的 JS
  • ECMAScript 6 入门
  • JavaScript 正则表达式迷你书
  • 《图解 HTTP》
  • 《HTTP 权威指南》
  • 《重构-改善既有代码的设计》
  • 《Javascript 高级程序设计》
  • 《Javascript 权威指南》
  • 《JavaScript 函数式编程》
  • 《JavaScript 设计模式与开发实践》
  • 《学习 JS 数据结构与算法》
  • 《CSS 世界》
  • 《CSS 揭秘》
  • 《深入浅出Node.js》
  • 《代码整洁之道》
  • 《忍者秘籍》
  • 《剑指 offer》

视频

更多视频资料大家可以关注公众号 — 前端发动机,回复 “学习”,即可获得丰富视频类学习资料。

交流群

qq前端交流群:960807765,欢迎各种技术交流,期待你的加入;

微信群:有需要的同学可以加我微信(q1324210213),回复“加群”。

后记

如果你看到了这里,且本文对你有一点帮助的话,希望你可以动动小手支持一下作者,感谢🍻。文中如有不对之处,也欢迎大家指出,共勉。好了,又耽误大家的时间了,感谢阅读,下次再见!

往期文章:

感兴趣的同学可以关注下我的公众号 前端发动机,好玩又有料。