- 👨 I'm a Front-End Developer.
- ⚡ I'm now focused on Tech Product / Teach Lead / Deep-In-Series
Notely: https://notelyio.com/
Notely: Note Friendly
Features as below:
Easy Using: Without Login
Type: Draw / Markdown / Text
Storage: Offline / Github / ...
Unlimited: Multi Level Directory
-
deep-in-babel(2021 ~ now)
《深入理解 Babel》作者，图书编写中，部分草稿
-
sync-directory(2017)
A sometimes popular package
npm weekly download count 12k+ (the top download count)
-
what-does-tech-leader-do(2021-12)
《技术管理者的自我修养》，好的管理，可以最大限度的激发每个人的能力和善意
-
plugin-anything(2020)
Make pluginable applications.
-
auto-compute-first-screen-time(2018)
Get first screen loading time automatically
-
fix-colors-out-of-memory(2022)
You surely know what happed with colors
Fix it!
npm was just publish for it!
-
snippets(长期更新)
日常工作、学习中常用的代码片段收集、复用
-
独立解析某个文件的依赖树：get-dependency-tree(2019/07/03)
用该工具可以快速解析出：
js / vue / scss / sass / less / css类入口文件的依赖树，不再依赖 webpack 获取依赖树（webpack 暴露的获取方式较晦涩）。 -
bio-cli: 前端开发一站式解决方案(2018)
自动化流程：项目初始化 -- 开发环境启动 -- 打包。
插件化。
-
发起并维护着 微店技术 blog(2019)
-
图书《深入理解 Babel》编写中，部分草稿
-
文章
-
工具
-
独立解析某个文件的依赖树：get-dependency-tree
用该工具可以快速解析出：
js / vue / scss / sass / less / css类入口文件的依赖树，不再依赖 webpack 获取依赖树（webpack 暴露的获取方式极其晦涩）。
-
-
分享
- babel 插件开发全面理解(2019-05-05)
- babel 插件开发实践过程(2019-05-19)
- babel架构图(2019-12-05)
- 微信小程序知识图谱
- 对技术 TL 的思考: what does tech leader do(2021-12-22)
- 个人整理的知识体系思维导图(2019/08/01)
- 业务 Sense 培养之路(2020/05/06)
- 一种实现简单且舒服的前端接口异常处理方案(2019/08/01)
- 如何在项目中做到 0 bug？(2019/04/12)
- 如何维护并优化一个复杂项目(2017)
- 推进业务落地的经验(2017)**
- 收藏的文章(2019/05)
- 聊一聊前端业务开发(2019/03/18)
- 前端工作流(2018)
- 一次难得的多团队协作项目(2016)
- 优秀的前端要注意的素养(2016)
- 前端技能图谱(2016)
- 一次大促活动总结(2016)
- 工作中的方法论(2015)
- 何为优秀的前端？(2015)
- 2014年工作总结(2014)
- vite 源码解读 · 核心链路 (2022/05/28)
- 预检测 -- 微店的前端质量保证探索(2021/05/31)
- commander.js 原理解析(2021/02/22)
- 2018 iWeb 峰会《微店前端工程化》分享 PPT(2018/08/12)
- 微店前端工程化迭代史(2019/08/09)
- 前端工程化简介(2018)
- 谈谈前端产品质量控制(2018)
- 远程同步文件的几种技术方案(2017)
- 解决 webpack/webpack-dev-server 监听文件时频繁触发编译和回调的问题(2017)
- webpack 深入配置(2017)
- webpack 经验谈(2017)
- 启动一个 vue 项目(2017)
- 项目个性化配置策略(2017)
- 用纯 webpack 结构替代 gulp+webpack 结构开发脚手架(2017)
- 脚手架与业务目录的目录结构浅析(2017)
- 终端性能优化杂谈(2019)
- 自动获取首屏时间原理(2018)
- 前端性能优化知识集合(2017)
- 《高性能 JavaScript》笔记(2015)
- vuex(2018)
- vue ssr 那些事(2017)
- vue 源码学习之：如何监听一个对象的变化(2017)
- React / Redux(2018)
- React 渲染性能提升(2016)
- 用 React 实现移动端单页应用(2016)
- Event Loop 理解总结(2019)
- koa-compose(2019)
- RESTful 风格(2018/08)
- SQL(2018/08/24)
- Currying Demo(2019)
- 《你不知道的 JavaScript》读书笔记(2017)
- 数组的几个方法(2016)
- TypeScript 学习笔记
- 《JavaScript 设计模式》笔记(2016)
- underscore 源码了解(2015)
- 事件冒泡(2015)
- 正则表达式语法规则(2015)
- jQuery-1.7.1 源码阅读笔记(2015)
- js 基础(2015)
- css 样式的百分比都相对于谁？(2016)
- 什么是 BFC？(2016)
- flex 属性快速记忆(2016)
- css 清除浮动的 3 个方法(2014)
- css3 速查手册(2015)
- css 书写顺序规范(2014)
- 《图解 HTTP》 读书笔记(2017)
- 跨域那点事(2016)
- 聊聊 websocket(2016)
- HTTP/HTTP/2.0/SPDY/HTTPS(2016)
- gif/jpg/png/WebP 的区别(2016)
- 从输入 URL 到页面加载完成的过程中都发生了什么事情？(2016)
- chrome 插件开发总结(2018/12/05)
- chrome 开发者工具(2018)
- 每天一个 linux 命令(2017)
- 配置你的 github pages(2015)
- Git 速查手册(2014)
- 用油猴子定制你的个性化插件(2014)
-
#2022/02/11 悲观者正确，乐观者成功
-
#2021/05/07 为什么 npm publish 要忽略 package-lock.json?
-
#2020/04/02 休息休息
-
#2020/03/21 信息熵
-
#2020/03/18 把复杂的事情做简单，把简单的事情做复杂
-
#2020/03/16 着手建立完整的知识体系并产出
-
#2020/03/12 研究下文件加密
-
#2020/01/29 杭州超市的菜很贵！
-
#2020/01/25 加油，武汉！
-
#2020/01/17 对创业的感悟
- 商业化产品的特点：易用、稳定
- All In: 时刻思考
- 角色：主导者
- 定位
- 该领域的 No.1
- 思考必须充分
-
#2020/01/12 坦诚可沟通
-
#2020/01/11 换个思路，海阔天空
-
#2019/12/15 保持输出强度
-
#2019/12/02 身体第一
-
#2019/12/01 说话、做事，要优先找重点
-
#2019/11/28 在做事的过程中，不断动态调整优先级
-
#2019/09/26 深入再深入
-
#2019/07/17 以天为单位回顾目标进展
-
#2019/07/16 看到产品曙光
-
#2019/06/28 “提效”是很多成果的直接指导思想
-
#2019/06/25 越来越重视时间，重视单位价值最大化
-
#2019/06/03 下阶段重点：知识的体系化，模块化
-
#2019/05/30 知识管理方式确定为：markdown + 思维导图
-
#2019/05/17 项目管理方法论需整理
-
#2019/05/15 在别人的“事情”里做事，还是在自己的“事情”里做事
-
#2019/05/15 随时“准备好”的能力
-
#2019/05/06 创建了微信公众号，新阶段开始
-
#2019/05/04 花时间学习时间管理
-
#2019/04/25 严以做事，宽以待人
-
#2019/04/07 学会写小程序，不错
-
#2019/04/06 把时间用在可以积累的地方去
-
#2019/04/03 2018 房子装修存档
-
#2019/04/01# 发起了《多端统一开发》虚拟小组，希望有结果
-
#2019/03/19# 沉下心，放长线，专注个人成长
-
#2019/03/15# 重视代码可读性
-
#2019/03/14# 整理知识思维导图中……
-
#2019/03/11# 做事前，想好各个方案的性价比
-
#2019/03/10# 规划，珍惜时间
-
#2019/03/07# BEM 很好用
-
#2019/02/08# 识货，是种能力
-
#2019/01/28# 充足的时间是做好事情的保证
-
#2019/01/03# 算法还是挺有意思的
-
#2019/01/02# 做好知识输出
-
#2019/01/01# 2018 年总结与 2019 年计划
-
#2018/12/29# 滑雪技巧
-
#2018/12/28# 没有稳定的职位，只有稳定的能力
-
#2018/12/27# 忽略完美，持续交付
-
#2018/12/07# 意外
-
#2018/12/01# 职业规划考虑重点：业务方向、时间
-
#2018/11/17# 数据化
-
#2018/11/13# 结论需充分的理由
-
#2018/11/09# 保持学习的强度
-
#2018/11/01# 演讲前需频繁演练
-
#2018/10/12# 需求梳理是一个技术活，值得花时间研究
-
#2018/10/07# 个人品牌在平时
-
#2018/10/04# 用图解的方式解说
-
#2018/10/02# 提前处理，能够避免很多问题
-
#2018/10/01# 懂得放弃边角问题，节省精力
-
#2018/09/30# 多想，少做
-
#2018/09/26# 工作需要有阶段化成果
-
#2018/09/25# 产品化自己的工作
-
#2018/09/21# 数据化工作效果，重视闭环
-
#2018/09/13# 错误的做事方法浪费不少时间
-
#2018/09/11# 保持强度，保持成长
-
#2018/09/09# 详细记录日常工作，以备不时之需
-
#2018/08/27# 觉得累了就休息
-
#2018/08/23# 学习 “如何把事情讲清楚”
-
#2018/08/07# 好好学习技术演讲
-
#2018/05/19# 架构师的水平极大影响团队的水平
-
#2018/04/28# 简单是稳定的前提
-
#2018/03/24# 不要过度设计
-
#2018/03/23# 小步快跑
-
#2018/03/20# 精力有限，关注一方面，另一方面可能会被忽略
-
#2018/03/18# 职场角色：执行者、驱动者
-
#2018/03/18# 完成搬家！和租房告别
-
#2018/03/16# 你的客户是谁？做事情前需要想清楚这个问题
-
#2018/03/03# 每个阶段都需要有技术突破
-
#2018/02/25# 技术、运气、情商
-
#2018/02/22# 好的技术人员的特点：做事快、质量高
-
#2018/02/22# 注意力 > 效率 > 时间 > 金钱
-
#2018/02/20# 不断站在更高的角度思考
-
#2018/02/17# 管理也是门技术
-
#2018/02/05# 产品化和技术化都非常重要
-
#2018/02/01# 系统化学习
-
#2018/01/25# 分析问题的套路：拆解
-
#2018/01/18# 评价在平时
-
#2018/01/16# 同一个问题，有不同的描述方式
-
#2018/01/15# 兜底方案是什么？正常服务之外是否有考虑？
-
#2018/01/13# 多思考，再行动
-
#2018/01/09# 低成本解决问题，高回报创造长期价值
-
#2017/12/24# 要做技术扛把子
-
#2017/11/22# 新起点，新机会
-
#2017/11/20# 优雅的代码，让人有查看的欲望；杂乱无章的代码，让人没有食欲
-
#2017/11/17# 如果把事情的完成度用百分比衡量的话，60% 可能是初步合格，90% 是优秀，100% 是很优秀，120% 是非常好。用百分比衡量一件事做的好的程度，是不错的角度。
-
#2017/11/15# 解决问题一定要思考 A/B Question
-
#2017/11/08# 通过看 issue 是解决开源项目问题的好办法
-
#2017/11/06# 软件开发就是把一个复杂的问题分解成一系列简单的问题，再把一系列简单的解决方案组合成一个复杂的解决方案
-
#2017/11/02# 三个技术角度：（1）深度：能够看到细节；（2）全局观：能够找到定位；（3）远瞻：能抓住核心
-
#2017/10/30# 头脑风暴：如果在优化性能的时候遇到瓶颈，不妨尝试绕过该问题，先解决其周边问题，比如代码可读性
-
#2017/10/27# 好好学习如何写 PPT
-
#2017/10/26# 用技巧解决非技术问题
-
#2017/10/25# 技术选型时要特别注意重要的技术节点
-
#2017/10/17# 大局观，不能只关注一个点(2017)
-
#2017/10/16# 化整为零(2017)
-
#2017/10/09# 用方法论辅助自己(2017)
-
#2017/10/08# 用规划和计划消除紧急事务(2017)
-
#2017/10/08# 用方法论帮助自己(2017)
-
#2017/10/07# 多领域专家(2017)
-
#2017/10/06# 牢记目标和节点(2017)
-
#2017/09/27# 技术储备相当重要(2017)
-
#2017/09/26# “需求池”这个概念不错(2017)