最近在学习 vue-cli 的源码，获益良多。为了让自己理解得更加深刻，我决定模仿它造一个轮子，争取尽可能多的实现原有的功能。 我将这个轮子分成三个版本： 尽可能用最少的代码实现一个最简版...

Serverless，即无服务架构。是指由第三方云计算供应商以服务的方式为开发者提供所需功能，例如数据库、消息，以及身份验证等。它的核心思想是让开发者专注构建和运行应用，而无需管理服务器。...

本文是可视化拖拽系列的第三篇，之前的两篇文章一共对 17 个功能点的技术原理进行了分析： 编辑器 自定义组件 拖拽 删除组件、调整图层层级 放大缩小 撤消、重做 组件属性设置 吸附 预览、保...

什么是微服务？先看看维基百科的定义： 微服务（英语：Microservices）是一种软件架构风格，它是以专注于单一责任与功能的小型功能区块 (Small Building Blocks) 为基础，利用模块化的方式组...

《重构2》一书中对重构进行了定义： 所谓重构（refactoring）是这样一个过程：在不改变代码外在行为的前提下，对代码做出修改，以改进程序的内部结构。重构是一种经千锤百炼形成的有条不紊的...

什么是测试 维基百科的定义： 在规定的条件下对程序进行操作，以发现程序错误，衡量软件质量，并对其是否能满足设计要求进行评估的过程。 也可以这样理解：测试的作用是为了提高代码质量和可...

在了解模块化、组件化之前，最好先了解一下什么是高内聚，低耦合。它能更好的帮助你理解模块化、组件化。 高内聚，低耦合 高内聚，低耦合是软件工程中的概念，它是判断代码好坏的一个重要指标...

代码规范 代码规范是指程序员在编码时要遵守的规则，规范的目的就是为了让程序员编写易于阅读、可维护的代码。 试想一下，一个几十万行代码的项目，存在几种不同的代码规范，阅读起来是什么感...

技术选型应该对很多程序员都不陌生了，无论是大到技术框架、编程语言，还是小到工具库的选择，都属于技术选型的范围。个人认为技术选型应该按照以下四个指标进行选择： 可控性 稳定性 适用性...

这是一本关于前端工程化的小书（4W 字左右 ）。项目地址： https://github.com/woai3c/int... 前端工程化，其实是软件工程在前端方面的应用。什么是软件工程？来看一下百度百科的定义： 软件...

本文是对《可视化拖拽组件库一些技术要点原理分析》的补充。上一篇文章主要讲解了以下几个功能点： 编辑器 自定义组件 拖拽 删除组件、调整图层层级 放大缩小 撤消、重做 组件属性设置 吸附 ...

本文主要对以下技术要点进行分析： 编辑器 自定义组件 拖拽 删除组件、调整图层层级 放大缩小 撤消、重做 组件属性设置 吸附 预览、保存代码 绑定事件 绑定动画 导入 PSD 手机模式 为了让本文...

1. 查看元素伪类 css 样式 例如我想查看元素触发 hover 时的 css 样式。先选中该元素，然后按下图操作： 2. 临时增删元素 class 3. document.body.contentEditable="true" 在控制台输入 docu...

为什么转行 因为混得不好。 在成为程序员之前，我干过很多工作。由于学历的问题（高中），我的工作基本上都是体力活。包括但不限于：工厂普工、销售（没有干销售的才能）、搬运工、摆地摊等，...

编译器是一个程序，作用是将一门语言翻译成另一门语言。 例如 babel 就是一个编译器，它将 es6 版本的 js 翻译成 es5 版本的 js。从这个角度来看，将英语翻译成中文的翻译软件也属于编译器。...

本文将分成以下 7 个小节： 技术选型 统一规范 测试 部署 监控 性能优化 重构 部分小节提供了非常详细的实战教程，让大家动手实践。 另外我还写了一个前端工程化 demo 放在 github 上。这个 ...

建议先阅读官方指南——Vue.js 服务器端渲染指南，再回到本文开始阅读。 本文将分成以下两部分： 简述 Vue SSR 过程 从零开始搭建 SSR 项目 好了，下面开始正文。 简述 Vue SSR 过程 客户端渲...

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

github 项目地址 i18n-replace 是一个能够自动替换中文并支持自动翻译的前端国际化辅助工具。 它具有以下功能： 根据你提供的默认映射数据（{ 中文：变量 }），i18n-replace 会把中文替换成对...

webpack 是一个模块打包器，在它看来，每一个文件都是一个模块。 无论你开发使用的是 CommonJS 规范还是 ES6 模块规范，打包后的文件都统一使用 webpack 自定义的模块规范来管理、加载模块。...