woai3c

2064
获赞数
3
关注数
13056
粉丝数
天津
IP 属地天津
2018-11-30 加入
浏览 80k

公众号: 前端编程技术分享

FE/Nodejs,正在学习英语...

Github: https://github.com/woai3c
知乎: https://www.zhihu.com/people/tan-guang-zhi-19/posts

6,925 声望|大师
全站排名超越 99.86% 用户
前端
6.6k
javascript
6.2k
vue.js
2.3k
css
1.9k
html
1.6k
个人动态
  • 发布了文章2024-05-17
    前端性能优化:从系统分析到实践策略
    在过去几年,我曾经写过几篇和性能优化相关的文章,例如有性能优化方法相关的,有性能监控相关的。但是都只关注于局部,没有从整体上去看待、分析性能优化。所以本文打算尝试从整体上去分析前端性能优化,从性能指标,性能分析,到性能优化这一整条链路来分析前端性...
  • 发布了文章2024-05-05
    如何为 Nestjs 编写单元测试和 E2E 测试
    最近在给一个 nestjs 项目写单元测试(Unit Testing)和 e2e 测试(End-to-End Testing,端到端测试,简称 e2e 测试),这是我第一次给后端项目写测试,发现和之前给前端项目写测试还不太一样,导致在一开始写测试时感觉无从下手。后来在看了一些示例之后才想明白怎...
  • 发布了文章2024-02-24
    低代码与大语言模型的探索实践
    低代码系列文章:可视化拖拽组件库一些技术要点原理分析可视化拖拽组件库一些技术要点原理分析(二)可视化拖拽组件库一些技术要点原理分析(三)可视化拖拽组件库一些技术要点原理分析(四)低代码与大语言模型的探索实践低代码相关仓库:一个低代码(可视化拖拽)...
  • 发布了文章2023-08-13
    从零开始实现一个玩具版浏览器渲染引擎
    浏览器渲染原理作为前端必须要了解的知识点之一,在面试中经常会被问到。在一些前端书籍或者培训课程里也会经常被提及,比如 MDN 文档中就有渲染原理的相关描述。
  • 发布了文章2023-08-01
    一个 git 仓库下拥有多个项目的 git hooks 配置方案
    通常情况下,一个 git 仓库就是一个项目,只需要配置一套 git hooks 脚本就可以执行各种校验任务。对于 monorepo 项目也是如此,monorepo 项目下的多个 packages 之间,它们是有关联的,可以互相引用,所以当成一个项目也没问题。
  • 发布了文章2023-07-23
    Vue 加载远程组件的解决方案
    背景最近的项目有一个加载远程组件的需求。基于此我对 Vue 加载远程组件的方案进行了研究,并且整理了两个可行的解决方案。HTML 文件 + umd 组件这个方案是最简单、最容易实现的。组件以 umd 的格式进行打包,然后在 HTML 文件中直接使用。 {代码...} 但是这个方案不...
  • 发布了文章2022-08-09
    markdown 编辑器实现双屏同步滚动
    由于一直在使用 markdown 编辑器写技术文章,所以对于编写体验很敏感。我发现各大社区的 markdown 编辑器基本都有同步滚动功能。只不过有些做得好,有些做得马马虎虎。出于好奇,我就打算自己亲自实现一下这个功能。
  • 发布了文章2022-08-08
    可视化拖拽组件库一些技术要点原理分析(四)
    本文是可视化拖拽系列的第四篇,比起之前的三篇文章,这篇功能点要稍微少一点,总共有五点:SVG 组件动态属性面板数据来源(接口请求)组件联动组件按需加载如果你对我之前的系列文章不是很了解,建议先把这三篇文章看一遍,再来阅读本文(否则没有上下文,不太好理...
  • 赞了文章2022-04-02
    Mac osx 下安装iTerm2,并使用rz sz上传下载(附homebrew配置)
    从window上转换到Mac还是有一些不习惯的地方,今天就一直在弄这个远程服务器的操作的软件,先是费了好大劲下载了SecureCRT,又是破解弄了半天发现上传下载用不了,很是伤心。一直想找一个类似xShell的软件,我放弃了,最后定为到iTerm配合rz和sz来实现上传下载。先说...
  • 发布了文章2022-02-27
    手把手教你写一个简易的微前端框架
    最近看了几个微前端框架的源码(single-spa、qiankun、micro-app),感觉收获良多。所以打算造一个迷你版的轮子,来加深自己对所学知识的了解。这个轮子将分为五个版本,逐步的实现一个最小可用的微前端框架:支持不同框架的子应用(v1 分支)支持子应用 HTML 入口(...
  • 发布了文章2022-01-11
    2021 年终总结:奔向北京,迎接 996!
    从转行开始,我就一直在天津工作。虽然当时转行已经 29 岁了,但是对于未来能做成什么事,要达到什么样的高度并没有清晰的认识,也没有规划。毕竟当时转行也只是为了混口饭吃,能让自己在天津活下去。
  • 发布了文章2021-11-09
    一些常用的 Git 进阶知识与技巧
    假设我们在同一电脑上拥有多个 Git 账号,例如公司内部使用的是 Gitlab,个人使用的是 Github 或者 Gitee。那就会遇到一种情况,上班时想给个人开源项目提交代码,但是 Git 绑定的是公司的账号。
  • 发布了文章2021-10-11
    前端监控 SDK 的一些技术要点原理分析
    一个完整的前端监控平台包括三个部分:数据采集与上报、数据整理和存储、数据展示。本文要讲的就是其中的第一个环节——数据采集与上报。下图是本文要讲述内容的大纲,大家可以先大致了解一下:仅看理论知识是比较难以理解的,为此我结合本文要讲的技术要点写了一个简...
  • 发布了文章2021-07-19
    手写 git hooks 脚本(pre-commit、commit-msg)
    Git 能在特定的重要动作发生时触发自定义脚本,其中比较常用的有:pre-commit、commit-msg、pre-push 等钩子(hooks)。我们可以在 pre-commit 触发时进行代码格式验证,在 commit-msg 触发时对 commit 消息和提交用户进行验证,在 pre-push 触发时进行单元测试、e2e...
  • 发布了文章2021-05-24
    手把手教你写一个脚手架(二)
    时隔三个月,终于有时间写脚手架系列第二篇文章了,在北京上班确实比天津忙多了,都没时间摸鱼。如果你没看过本系列的第一篇文章手把手教你写一个脚手架,建议先看一遍再来阅读本文,效果更好。
  • 赞了回答2021-05-09
    npm publish 怎样忽略文件?
    黑名单模式:.npmignore文件,没有.npmignore情况下使用.gitignore文件。白名单模式:package.json里边配置files字段
  • 发布了文章2021-02-24
    手把手教你写一个脚手架
    最近在学习 vue-cli 的源码,获益良多。为了让自己理解得更加深刻,我决定模仿它造一个轮子,争取尽可能多的实现原有的功能。我将这个轮子分成三个版本:尽可能用最少的代码实现一个最简版本的脚手架。在 1 的基础上添加一些辅助功能,例如选择包管理器、npm 源等等...
  • 赞了文章2021-02-20
    手写一个webpack,看看AST怎么用
    本文开始我会围绕webpack和babel写一系列的工程化文章,这两个工具我虽然天天用,但是对他们的原理理解的其实不是很深入,写这些文章的过程其实也是我深入学习的过程。由于webpack和babel的体系太大,知识点众多,不可能一篇文章囊括所有知识点,目前我的计划是从简...
  • 发布了文章2021-02-18
    入门 Serverless——简介与实践
    Serverless,即无服务架构。是指由第三方云计算供应商以服务的方式为开发者提供所需功能,例如数据库、消息,以及身份验证等。它的核心思想是让开发者专注构建和运行应用,而无需管理服务器。
  • 发布了文章2021-02-15
    可视化拖拽组件库一些技术要点原理分析(三)
    本文是可视化拖拽系列的第三篇,之前的两篇文章一共对 17 个功能点的技术原理进行了分析:编辑器自定义组件拖拽删除组件、调整图层层级放大缩小撤消、重做组件属性设置吸附预览、保存代码绑定事件绑定动画导入 PSD手机模式拖拽旋转复制粘贴剪切数据交互发布本文在此...