摘要：
Webpack 开发一个 Loader 开发一个 markdown-loader // src/about.md # 关于我 我是 robert, 一名技术爱好者~ import about from './about.md' console.log(about) <!DOCTYPE html> < 阅读全文
摘要：
Webpack URL 加载器 Data URLS 传统的 url 要求服务器上有个对应的文件，通过请求地址得到该文件，而 Data URLS 则是当前 URL 就可以直接表示文件内容的方式，这种 URL 中的文本就已经包含了文件内容，当我使用此种 URL 时，就不会再发送 HTTP 请求。 小文件 阅读全文
摘要：
模块打包工具的由来 Web1.0 编写静态页面 表单验证和动效 Web2.0 之 AJAX 管理数据 和用户进行数据交互 大前端开发 PC 端 移动端 小程序 APP 现代 Web 开发“问题” 采用模块化开发 使用新特性提高效率保证安全性 实时监听开发过程使用热更新 项目结果打包压缩优化 使用 W 阅读全文
摘要：
ESM 在 Node.js 中的支持情况 Node.js 在 8.5 版本过后，开始以实验特性支持 ESM Node 中使用 ESM 的条件及步骤 Node 版本需大于 8.5 模块文件名需为 mjs 启动 node 时需加 experimental-modules 参数，该参数表示启用 Node. 阅读全文
摘要：
函数式编程与 JS 异步编程、手写 Promise 简答题 谈谈你是如何理解 JS 异步编程的？ EventLoop、消息队列都是做什么的？ 什么事宏任务，什么是微任务？ JS 异步编程 JavaScript 语言的执行环境是单线程的，一次只能执行一个任务，多任务需要排队等待，这种模 式可能会阻塞代 阅读全文
摘要：
ES Modules ES Modules 特性 自动采用严格模式，忽略 'use strict' 每个 ESM 模块都是单独的私有作用域 ESM 是通过 CORS 去请求外部 JS 模块的 ESM 的 script 标签会延迟执行脚本 <!DOCTYPE html> <html lang="en" 阅读全文
摘要：
模块化开发 模块化概述 模块化只是一种思想 模块化演变过程 早起在没有工具和规范的情况下，对模块化的落地有以下方式： 文件划分方式 完全依靠约定 缺点 污染全局作用域 命名冲突问题 无法管理模块依赖关系 命令空间的方式 可减小命名冲突的可能，但该方式仍然没有私有空间，模块成员仍然可能在外部被访问，被 阅读全文
摘要：
背景 一切重复工作本应自动化，自动化构建是前端工程化非常重要的组成部分。 自动化：就是通过机器去代替手工完成一些工作。 构建：把一个东西转换成另一个东西。 自动化构建：将开发过程中的源代码自动化的转换成生产环境中可以运行的代码或程序。 构建转换那些不被支持的特性，比如 scss 和 ECMAScri 阅读全文
摘要：
通过 node.js 开发一个小型的脚手架工具 脚手架工具就是在启动它之后自动询问一些预设的问题，然后将回答的结果结合一些模板文件生成一个项目的结构。脚手架工具就是一个cli应用，创建脚手架工具就是创建一个cli的应用。 脚手架的工作过程 通过命令行交互询问用户问题 根据用户回答的结果生成文件 步骤 阅读全文
摘要：
前端自动化构建工具 -- Plop https://github.com/plopjs/plop 是一个轻量型的工具，可以按照简单的问答来生成代码也可以随着项目迭代随时更改，使得团队开发的内容保持一致，也节省的基础、重复工作所话费的时间，接下来就通过几个案例来演示一下Plop的最佳实践。 整理的参考 阅读全文
