无敌小啫喱

摘要： 本文是可视化拖拽系列的第三篇，之前的两篇文章一共对 17 个功能点的技术原理进行了分析： 编辑器 自定义组件 拖拽 删除组件、调整图层层级 放大缩小 撤消、重做 组件属性设置 吸附 预览、保存代码 绑定事件 绑定动画 导入 PSD 手机模式 拖拽旋转 复制粘贴剪切 数据交互 发布 本文在此基础上，将 阅读全文

摘要： 这是一本关于前端工程化的小书（4W 字左右 ）。项目地址： https://github.com/woai3c/introduction-to-front-end-engineering 前端工程化，其实是软件工程在前端方面的应用。什么是软件工程？来看一下百度百科的定义： 软件工程是一门研究用工程化 阅读全文

摘要： 本文是对《可视化拖拽组件库一些技术要点原理分析》的补充。上一篇文章主要讲解了以下几个功能点： 编辑器 自定义组件 拖拽 删除组件、调整图层层级 放大缩小 撤消、重做 组件属性设置 吸附 预览、保存代码 绑定事件 绑定动画 导入 PSD 手机模式 现在这篇文章会在此基础上再补充 4 个功能点，分别是： 阅读全文

摘要： 本文主要对以下技术要点进行分析： 编辑器 自定义组件 拖拽 删除组件、调整图层层级 放大缩小 撤消、重做 组件属性设置 吸附 预览、保存代码 绑定事件 绑定动画 导入 PSD 手机模式 为了让本文更加容易理解，我将以上技术要点结合在一起写了一个可视化拖拽组件库 DEMO： github 项目地址 在 阅读全文

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

摘要： 为什么转行 因为混得不好。 在成为程序员之前，我干过很多工作。由于学历的问题（高中），我的工作基本上都是体力活。包括但不限于：工厂普工、销售（没有干销售的才能）、搬运工、摆地摊等，转行前最后一份工作是修电脑。这么多年，月薪没高过 3300... 后来偶然一个机会我发现了知乎这个网站，在上面了解到程序 阅读全文

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

摘要： 本文将分成以下 7 个小节： 技术选型 统一规范 测试 部署 监控 性能优化 重构 部分小节提供了非常详细的实战教程，让大家动手实践。 另外我还写了一个前端工程化 demo 放在 github 上。这个 demo 包含了 js、css、git 验证，其中 js、css 验证需要安装 VSCode，具 阅读全文

摘要： 建议先阅读官方指南——Vue.js 服务器端渲染指南，再回到本文开始阅读。 本文将分成以下两部分： 简述 Vue SSR 过程 从零开始搭建 SSR 项目 好了，下面开始正文。 简述 Vue SSR 过程 客户端渲染过程 访问客户端渲染的网站。 服务器返回一个包含了引入资源语句和 <div id=" 阅读全文

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