我最新整理的 web 前端知识体系

前言 我最近几年一直关注“知识体系”这个话题。经历了很久的积累的总结，前段时间刚刚写完这份知识体系目录。但后面还会再继续补充，也能会做出调整。因为内容较多，我就做了一个开源的网站 what-is-fe.gitee.io ，读者可以去那里查阅。 什么是知识体系 完善的知识范围，包含了前端工程师常用的所有知识点 合理的结构化，便于理解和记忆 初衷 Web 前端知识体系很重要，而当今网络上又没有一个靠谱的，只能自己去写。一为自己总结输出，二为分享帮助他人。 你并不是学不动了，而是学太

面试过程中应该避免的几种情况（最后附送前端面试题）

前言 2020 春招在即，准备跳槽的同学应该也都在准备中。除了要准备技术知识点之外，还应该知道面试时容易犯的一些错误。 本片文章，我将回顾一下自己作为面试官，曾经面试过的几个负面的案例，分享出来。大家可以作为参考，看看是不是这样做有些不合适。 案例1 - 深入问题中，誓死不肯放弃 永不放弃，不达目的誓不罢休 —— 在面试或者编程时，是不可取的 案例描述 A 同学来面试，我出的第一个问题是一个有关逻辑、算法的问题，并不是一个什么新技术。按照正常的流程，A 就说：先让

为何前端面试会考察 nodejs ？

相信很多同学学习 nodejs 都是为了应对面试，或者看别人学过会了，自己也要学。但是你有没有深入思考过，为何面试时要考察 nodejs ，为何 nodejs 逐渐成为前端程序员的必备技能？ 为了你自己？ 有些同学可能会说，学习 nodejs 会让自己前后端都懂，慢慢成长为全栈工程师，巴拉巴拉 —— 就此打住！ 不要一上来就说一些个人的技术理想，虽然能有且坚持技术理想的人也少之又少。技术的使用，永远都是为了解决问题，你自己的成长只有你自己关心，公司从来不关心一个普通员工的技术成长

大厂前端项目的研发流程

7.11 晚双越老师在慕课网前端核心用户 qq 群进行了一次直播式分享，主题是《大厂前端项目的研发流程》。本文就是这次分享的所有文字内容，给当时没参与的同学查阅参考。 开始 各位同学晚上好，欢迎大家关注这次分享。接下来由我（双越老师）给大家分享一个话题 —— 大厂前端项目的研发流程。即，在一线互联网公司，一个项目的开发，或者产品的迭代，从一开始到上线，都要经历哪些核心步骤、哪些角色人员。而我们前端程序员，又是如何参与其中的。 这个主题是我在一年多之前就想做的，只

关于前端面试的十问十答（并附知识点思维导图）

6.29 双越老师在慕课网直播讲解了关于前端面试的一些技巧和经验，以下是同学的一些问题反馈和老师的解答1、问题描述:老师你好，我是计算机专业大二在校生，想了解前端需要重点掌握哪些算法呢，我感觉我现在做的前端项目，从头到脚似乎都没有用到什么算法，有点迷茫，学的数据结构好像用不上，还有，怎么系统学习js设计模式，看过书，熟悉demo,但就是用不上，不知道怎么用双越老师回复：第一，前端岗位对算法的要求并不高，因此你按照我直播中讲解的算法、数据结构来学习。先别管怎么用，先学会，以后做的东西多了自然有用处。第二，系统学习 js 设计模式推荐我的《js 设计模式》课程，你需要知道前端 js 主要使用哪些设计模式，常用的有哪些，先学会别人是怎么用的。你才大二，做的项目估计也不会太复杂，可以尝试去使用，但是不要强求。总结，你才大二，以学习基础为主，用不上不着急。2、问题描述：老师你好，我是计算机大三的学生，正在找实习。互联网大厂实，笔试，一面，基本就挂了。感觉不知道怎么提升。很多内容看了视频不知怎么用，看文档又感觉看起来吃

webpack4 从零学习常用配置

webpack 的核心价值就是前端源码的打包，即将前端源码中每一个文件（无论任何类型）都当做一个 pack ，然后分析依赖，将其最终打包出线上运行的代码。webpack 的四个核心部分 entry 规定入口文件，一个或者多个 output 规定输出文件的位置 loader 各个类型的转换工具 plugin 打包过程中各种自定义功能的插件 webpack 如今已经进入 v4.x 版本，v5.x 估计也会很快发布。不过看 v5 的变化相比于 v4 ，常用的配置没有变，这是一个好消息，说明基本稳定。 前端工程师需要了解的

50行代码学会koa2中间件原理

Koa 是 nodejs 开发的下一代 web 开发框架，可参考 Koa 官网 。说是“下一代”，其实在实际开发中早就用在项目中了。特别是 nodejs 新版本开始正式支持 async/await 语法之后，Koa2 正在被大量使用。 关于 Koa2 的基本使用和中间件机制的使用，大家可以去官网查阅和学习，本文主要讲解 Koa2 的中间件原理 —— 而且是通过非常简短的 50 行代码。代码写完之后，要能实现官网中的一段中间件示例，如下： const Koa = require('koa'); const app = new Koa(); //

Linux/Unix 系统设计的九大准则

《linux/unix设计思想》真本书是程序员的必读书籍，无论是前端、后端、运维还是客户端开发人员。本书总结了 linux/unix 这些年积累的一些经验和方法，阅读了解它们对于我们日常的工作、学习帮助和启发非常大，有些甚至能颠覆自己的传统认知（如：避免强制性的用户界面）。 但是，本书已经买不到正规的纸质版书籍，pdf 也需要自己费劲去寻找。本书内容也比较多，但是笔者感觉没必要详细的阅读，只需要了解书中重点的原则和介绍即可。因此，笔者在看完之后，就记录了书中最主要的内容，供读者

《汇编语言》学习笔记

《汇编语言》学习笔记 by 张悠慧教授（清华大学），课程链接 https://www.bilibili.com/video/av27895807/?p=1 ，大概有十几个小时的视频。看完课程之后我又回看了阮一峰老师的《汇编语言入门》博客 http://www.ruanyifeng.com/blog/2018/01/assembly-language-primer.html 。因此本笔记就依据这两份资料来总结编写。 另外，我觉得学习汇编语言之前最好先了解 计算机组成 的相关知识，否则遇到一些 CPU 寄存器 内存寻址 等相关概念时，可能会听着有点懵。 前言 学完 计算机组成

web前端知识体系梳理

【更新】作者重新梳理的最新、最全的 web 前端知识体系，并做了开源网站 https://what-is-fe.gitee.io/ ，欢迎参观。 前言 现在是信息时代，经过 web1.0 时期、web2.0 时期到现在的移动互联网时期，信息获取越来越高效，坐着不动就会有大量的新闻、博客、资讯向你推荐而来。作为一名靠谱的程序员，你免不了要查阅大量的文章、视频和书籍来充斥你的知识量，不断学习。但是现在网上大量的信息堆积起来，对于你来说意味着什么？你如何去合理的筛选、梳理这些获得的信息，又如何去知道自己

从零做一个前端开源项目

前言 每个程序员都应该有自己的 github 账号，并贡献自己的代码 本文将像您介绍，如何从零做一个前端的开源项目。如果您对 github 和开源不熟悉，又想开始自己的开源项目，可以通过阅读本文来入门。 另外，本文已录制成免费的视频教程，想看视频的来 https://www.imooc.com/learn/1003。 目录 由于本文内容较多，先列一下目录供参考。 什么是开源？ 为何做开源？ 做什么？ 注册账号 搭建开发环境 提交代码 创建官网 如何宣传？ 持续迭代 总结 什么是开源？ 您可能有很多次

这里有一份 JavaScript 高级面试题，请来回答

前言 金三银四 三月份和四月份，一年一度的跳槽旺季又开始了。很多自我的升级都必须通过跳槽来解决，例如想增加薪酬、想换个好一些的平台和环境、想进一线互联网公司、想去创业公司当 CTO 等等。作为前端工程师的你，是否有跳槽的想法？且是否已准备好了？ 前端工程师的技术面试分为好多方面，除了本节要讲的 JavaScript 之外，还有 CSS HTML ，以及所有的技术岗位都会考察的工作经验、软技能等。内容这么多，一篇文章肯定盛不下，本文先关注最主要的部分 —— JavaScript 常考的面

JSONP - 从理论到实践

同源策略 ajax之所以需要“跨域”，罪魁祸首就是浏览器的同源策略。即，一个页面的ajax只能获取这个页面相同源或者相同域的数据。 如何叫“同源”或者“同域”呢？——协议、域名、端口号都必须相同。例如： http://google.com 和 https://google.com 不同，因为协议不同； http://localhost:8080 和 http://localhost:1000 不同，因为端口不同； http://localhost:8080 和 https://google.com 不同，协议、域名、端口号都不同，根本不是一家的。 根据同源策略，我自己做的一个网