谭sir

本文已经授权掘金开发者社区公众号独家使用，包括但不限于编辑、标注原创等权益。 本文将尽量用通俗易懂的方式来向读者讲述 HTTP 的知识。 另外，建议在学习 HTTP 知识的时候，利用 Chrome 开发者工具来做实践，这可以帮助你理解得更深刻。 HTTP 超文本传输​​协议是位…

这些知识可以看一下阮一峰老师的《ES6 入门教程》。 阅读源码，建议先过一遍该模块下的 API，了解一下有哪些功能。然后再看一遍相关的单元测试，单元测试一般会把所有的功能细节都测一边。对源码的功能有所了解后，再去阅读源码的细节，效果更好。 handler，包含捕捉器（trap）…

编译器是一个程序，作用是将一门语言翻译成另一门语言。 例如 babel 就是一个编译器，它将 es6 版本的 js 翻译成 es5 版本的 js。从这个角度来看，将英语翻译成中文的翻译软件也属于编译器。 一般的程序，CPU 是无法直接执行的，因为 CPU 只能识别机器指令。所以…

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …

部分小节提供了非常详细的实战教程，让大家动手实践。 另外我还写了一个前端工程化 demo 放在 github 上。这个 demo 包含了 js、css、git 验证，其中 js、css 验证需要安装 VSCode，具体教程在下文中会有提及。 对于前端来说，技术选型挺简单的。就是…

本文用 Vue 项目做示范。 利用 Vue-CLI 创建项目时要将 ESlint 选上，下载完依赖后，用 VSCode 打开项目。 配置完之后，VSCode 会根据你当前 Vue 项目下的 .eslintrc.js 文件的规则来验证和格式化代码。 test/ src/ 是你要校…

建议先阅读官方指南——Vue.js 服务器端渲染指南，再回到本文开始阅读。 好了，下面开始正文。 访问客户端渲染的网站。 服务器返回一个包含了引入资源语句和 <div id="app"></div> 的 HTML 文件。 客户端通过 HTTP 向服务器请求资…

本教程主要讲解了怎么使用 Jenkins 和 Github Actions 部署前端项目。 第一部分是使用 Gitea 配置局域网 git 服务器，再使用 Jenkins 将 Gitea 下的项目部署到局域网服务器。 第二部分是使用 Github Actions 将 Githu…

webpack 是一个模块打包器，在它看来，每一个文件都是一个模块。 无论你开发使用的是 CommonJS 规范还是 ES6 模块规范，打包后的文件都统一使用 webpack 自定义的模块规范来管理、加载模块。本文将从一个简单的示例开始，来讲解 webpack 模块加载原理。 …