摘要: 一个完整的前端监控平台包括三个部分:数据采集与上报、数据整理和存储、数据展示。 本文要讲的就是其中的第一个环节——数据采集与上报。下图是本文要讲述内容的大纲,大家可以先大致了解一下: 仅看理论知识是比较难以理解的,为此我结合本文要讲的技术要点写了一个简单的监控 SDK,可以用它来写一些简单的 DEM 阅读全文
posted @ 2021-10-11 23:08 谭光志 阅读(9) 评论(0) 推荐(0) 编辑
摘要: 简介 Git 能在特定的重要动作发生时触发自定义脚本,其中比较常用的有:pre-commit、commit-msg、pre-push 等钩子(hooks)。我们可以在 pre-commit 触发时进行代码格式验证,在 commit-msg 触发时对 commit 消息和提交用户进行验证,在 pre- 阅读全文
posted @ 2021-07-20 10:14 谭光志 阅读(258) 评论(0) 推荐(0) 编辑
摘要: 最近在学习 vue-cli 的源码,获益良多。为了让自己理解得更加深刻,我决定模仿它造一个轮子,争取尽可能多的实现原有的功能。 我将这个轮子分成三个版本: 尽可能用最少的代码实现一个最简版本的脚手架。 在 1 的基础上添加一些辅助功能,例如选择包管理器、npm 源等等。 实现插件化,可以自由的进行扩 阅读全文
posted @ 2021-02-24 09:55 谭光志 阅读(120) 评论(0) 推荐(0) 编辑
摘要: 本文是可视化拖拽系列的第三篇,之前的两篇文章一共对 17 个功能点的技术原理进行了分析: 编辑器 自定义组件 拖拽 删除组件、调整图层层级 放大缩小 撤消、重做 组件属性设置 吸附 预览、保存代码 绑定事件 绑定动画 导入 PSD 手机模式 拖拽旋转 复制粘贴剪切 数据交互 发布 本文在此基础上,将 阅读全文
posted @ 2021-02-15 14:15 谭光志 阅读(238) 评论(0) 推荐(0) 编辑
摘要: 这是一本关于前端工程化的小书(4W 字左右 )。项目地址: https://github.com/woai3c/introduction-to-front-end-engineering 前端工程化,其实是软件工程在前端方面的应用。什么是软件工程?来看一下百度百科的定义: 软件工程是一门研究用工程化 阅读全文
posted @ 2021-01-22 17:37 谭光志 阅读(95) 评论(0) 推荐(0) 编辑
摘要: 本文是对《可视化拖拽组件库一些技术要点原理分析》的补充。上一篇文章主要讲解了以下几个功能点: 编辑器 自定义组件 拖拽 删除组件、调整图层层级 放大缩小 撤消、重做 组件属性设置 吸附 预览、保存代码 绑定事件 绑定动画 导入 PSD 手机模式 现在这篇文章会在此基础上再补充 4 个功能点,分别是: 阅读全文
posted @ 2021-01-18 09:22 谭光志 阅读(376) 评论(0) 推荐(0) 编辑
摘要: 本文主要对以下技术要点进行分析: 编辑器 自定义组件 拖拽 删除组件、调整图层层级 放大缩小 撤消、重做 组件属性设置 吸附 预览、保存代码 绑定事件 绑定动画 导入 PSD 手机模式 为了让本文更加容易理解,我将以上技术要点结合在一起写了一个可视化拖拽组件库 DEMO: github 项目地址 在 阅读全文
posted @ 2020-12-21 12:28 谭光志 阅读(1034) 评论(2) 推荐(1) 编辑
摘要: 1. 查看元素伪类 css 样式 例如我想查看元素触发 hover 时的 css 样式。先选中该元素,然后按下图操作: 2. 临时增删元素 class 3. document.body.contentEditable="true" 在控制台输入 document.body.contentEditab 阅读全文
posted @ 2020-11-18 11:08 谭光志 阅读(352) 评论(0) 推荐(0) 编辑
摘要: 为什么转行 因为混得不好。 在成为程序员之前,我干过很多工作。由于学历的问题(高中),我的工作基本上都是体力活。包括但不限于:工厂普工、销售(没有干销售的才能)、搬运工、摆地摊等,转行前最后一份工作是修电脑。这么多年,月薪没高过 3300... 后来偶然一个机会我发现了知乎这个网站,在上面了解到程序 阅读全文
posted @ 2020-11-16 15:37 谭光志 阅读(369) 评论(2) 推荐(0) 编辑
摘要: 编译器是一个程序,作用是将一门语言翻译成另一门语言。 例如 babel 就是一个编译器,它将 es6 版本的 js 翻译成 es5 版本的 js。从这个角度来看,将英语翻译成中文的翻译软件也属于编译器。 一般的程序,CPU 是无法直接执行的,因为 CPU 只能识别机器指令。所以要想执行一个程序,首先 阅读全文
posted @ 2020-11-10 15:04 谭光志 阅读(211) 评论(0) 推荐(0) 编辑