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前端知识体系梳理

前言 现在是信息时代，经过 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 不同，协议、域名、端口号都不同，根本不是一家的。 根据同源策略，我自己做的一个网