如何设计开发了一个 H5 在线编辑器，并正式上线运维

项目介绍 虽说是“H5 在线编辑器”，但它不是一个工具，不仅仅是编辑器，而是一个庞大的系统。 包括作品管理、编辑器、组件库、H5 发布和访问、统计服务、后台管理，以及为了研发提效开发的脚手架。 项目已经正式上线 www.imooc-lego ，请用 PC 浏览器访问。 项目源代码已经在 github 开源，大家可以去免费下载查看。 项目的架构设计 需求指导设计，设计指导开发。 上图是项目的架构设计图，从图上看项目还是比较复杂的，以为它是一个业务闭环的，全栈项目。 它是多个模块组成的

看过 100 份前端简历之后，汇总一下常见的问题

背景 由于工作原因，近几个月我看过 100+ 前端简历。 我看完了之后会给他们回复自己的评审建议，供他们参考。 一直都是零零散散的一对一回复，也是时候统一汇总一下常见问题。\ 一方面分享给大家作为参考，毕竟春招正旺。另一方我自己作总结和复盘。 最主要的几个问题 统一用 pdf 文件 很多简历都是 word 格式，我用邮箱自带的浏览功能预览，有时候会格式错乱。\ 建议统一用 pdf 格式，在任何情况下都不会混乱。 另外，简历要简洁明了，白底黑字就好。格式上就用常见的表格、标

使用 Typescript 的一些注意事项

背景 我上学时学过 java 和 C# ，毕业后又做了两年 C# 全栈开发，对于静态类型语言是有一定经验的。ts 之所以能够慢慢取代 js ，也是因为它是静态类型语言。 但 ts 和 java 是不一样的，本质是因为它作为一个静态类型语言，要编译成弱类型语言 js 来执行。所以，ts 只管得了编译时，却管不了运行时。下文的很多内容，都是这个特点的具体表现。 【个人提醒】我感觉 ts 为了能让自己更适应 js 的转型，做了很多非常繁琐（或者叫灵活）的设计，我没有详细总结，但这种感觉很

动真格的了！为做一门课程花费 1.5万 购买云服务

开场 最贵的 iPhone12 Pro Max 要 11899 元，我没有买。今年新出的 iPad mini 据说玩游戏体验很好，要 2921 元，我也没有买。 我把这些钱都花在了正在制作的课程上，1.5w 购买了各种云服务：两台云服务器、各种数据库、OSS、CDN、域名、https 证书、Web 防火墙、短信服务、内容审核服务…… 哦，还花钱请了以为 UI 设计师来设计页面。 你可能会疑问：就讲一门课而已吗，还需要花钱？现在网上各种“Vue 做电商”，就写代码就好了，一分钱都不用花。 对此，我也有一个疑问：

【长文】wangEditor V4.0 探索以团队的形式做开源项目

> 团队的存在，就是为了避免个人的不确定性。 这篇文章我持续写了大概有 10 天，每天都写 1-2 小时，边思考边写。内容很多，可能也比较乱，但我感觉没有废话。所以，请感兴趣的朋友，一定多花点时间耐心阅读。 wangEditor（V4.0）—— typescript 开发的 web 富文本编辑器， 轻量、简洁、易用、开源免费。 感谢 首先感谢整个团队成员，对于 wangEditor 的支持和信任。截止本文发布时，团队一共有 11 个人（算上我本人）。大家能无偿加入团队，并且牺牲业余休息时间贡献代码，

我最新整理的 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 ，常用的配置没有变，这是一个好消息，说明基本稳定。前端工程师需要了解的 webpack前端工程化是近几年前端发展迅速的主要推手之一，webpack 无疑是前端工程化的核心工具。目前前端工程化工具还没有到一键生成，或者重度继承到某个 IDE 中（虽然有些 cli 工具可以直接创建），还是需要开发人员手动做一些配置。因此，作为前端开发人员，熟练应用 webpack 的常用配置、常用优化方案是必备的技能 —— 这也正是本文的内容。另外，webpack 的实现原理算是一个加分项，不要求

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 不同，协议、域名、端口号都不同，根本不是一家的。 根据同源策略，我自己做的一个网