摘要:最近在学习 vue-cli 的源码,获益良多。为了让自己理解得更加深刻,我决定模仿它造一个轮子,争取尽可能多的实现原有的功能。 我将这个轮子分成三个版本: 尽可能用最少的代码实现一个最简版本的脚手架。 在 1 的基础上添加一些辅助功能,例如选择包管理器、npm 源等等。 实现插件化,可以自由的进行扩 阅读全文
posted @ 2021-02-24 09:55 谭光志 阅读(71) 评论(0) 推荐(0) 编辑
摘要:本文是可视化拖拽系列的第三篇,之前的两篇文章一共对 17 个功能点的技术原理进行了分析: 编辑器 自定义组件 拖拽 删除组件、调整图层层级 放大缩小 撤消、重做 组件属性设置 吸附 预览、保存代码 绑定事件 绑定动画 导入 PSD 手机模式 拖拽旋转 复制粘贴剪切 数据交互 发布 本文在此基础上,将 阅读全文
posted @ 2021-02-15 14:15 谭光志 阅读(158) 评论(0) 推荐(0) 编辑
摘要:这是一本关于前端工程化的小书(4W 字左右 )。项目地址: https://github.com/woai3c/introduction-to-front-end-engineering 前端工程化,其实是软件工程在前端方面的应用。什么是软件工程?来看一下百度百科的定义: 软件工程是一门研究用工程化 阅读全文
posted @ 2021-01-22 17:37 谭光志 阅读(56) 评论(0) 推荐(0) 编辑
摘要:本文是对《可视化拖拽组件库一些技术要点原理分析》的补充。上一篇文章主要讲解了以下几个功能点: 编辑器 自定义组件 拖拽 删除组件、调整图层层级 放大缩小 撤消、重做 组件属性设置 吸附 预览、保存代码 绑定事件 绑定动画 导入 PSD 手机模式 现在这篇文章会在此基础上再补充 4 个功能点,分别是: 阅读全文
posted @ 2021-01-18 09:22 谭光志 阅读(249) 评论(0) 推荐(0) 编辑
摘要:本文主要对以下技术要点进行分析: 编辑器 自定义组件 拖拽 删除组件、调整图层层级 放大缩小 撤消、重做 组件属性设置 吸附 预览、保存代码 绑定事件 绑定动画 导入 PSD 手机模式 为了让本文更加容易理解,我将以上技术要点结合在一起写了一个可视化拖拽组件库 DEMO: github 项目地址 在 阅读全文
posted @ 2020-12-21 12:28 谭光志 阅读(759) 评论(2) 推荐(1) 编辑
摘要:1. 查看元素伪类 css 样式 例如我想查看元素触发 hover 时的 css 样式。先选中该元素,然后按下图操作: 2. 临时增删元素 class 3. document.body.contentEditable="true" 在控制台输入 document.body.contentEditab 阅读全文
posted @ 2020-11-18 11:08 谭光志 阅读(278) 评论(0) 推荐(0) 编辑
摘要:为什么转行 因为混得不好。 在成为程序员之前,我干过很多工作。由于学历的问题(高中),我的工作基本上都是体力活。包括但不限于:工厂普工、销售(没有干销售的才能)、搬运工、摆地摊等,转行前最后一份工作是修电脑。这么多年,月薪没高过 3300... 后来偶然一个机会我发现了知乎这个网站,在上面了解到程序 阅读全文
posted @ 2020-11-16 15:37 谭光志 阅读(226) 评论(1) 推荐(0) 编辑
摘要:编译器是一个程序,作用是将一门语言翻译成另一门语言。 例如 babel 就是一个编译器,它将 es6 版本的 js 翻译成 es5 版本的 js。从这个角度来看,将英语翻译成中文的翻译软件也属于编译器。 一般的程序,CPU 是无法直接执行的,因为 CPU 只能识别机器指令。所以要想执行一个程序,首先 阅读全文
posted @ 2020-11-10 15:04 谭光志 阅读(131) 评论(0) 推荐(0) 编辑
摘要:本文将分成以下 7 个小节: 技术选型 统一规范 测试 部署 监控 性能优化 重构 部分小节提供了非常详细的实战教程,让大家动手实践。 另外我还写了一个前端工程化 demo 放在 github 上。这个 demo 包含了 js、css、git 验证,其中 js、css 验证需要安装 VSCode,具 阅读全文
posted @ 2020-11-06 22:11 谭光志 阅读(418) 评论(0) 推荐(1) 编辑
摘要:建议先阅读官方指南——Vue.js 服务器端渲染指南,再回到本文开始阅读。 本文将分成以下两部分: 简述 Vue SSR 过程 从零开始搭建 SSR 项目 好了,下面开始正文。 简述 Vue SSR 过程 客户端渲染过程 访问客户端渲染的网站。 服务器返回一个包含了引入资源语句和 <div id=" 阅读全文
posted @ 2020-11-02 17:04 谭光志 阅读(1471) 评论(0) 推荐(0) 编辑