Products

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

Projects

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

图书《深入理解 Babel》编写中，部分草稿
项目地址
文章
- 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)

性能优化

框架

Node

Event Loop 理解总结(2019)
koa-compose(2019)
RESTful 风格(2018/08)
SQL(2018/08/24)

JavaScript

CSS

基础知识

工具

碎语

#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/04/21# 有赞前端技术开放日
#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/19# #得到# 如何提升自知力（2017）
#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)
#2017/08/22# 在做事的时候多考虑“方法论”(2017)
#2017/08/19# 掌握一个新技能需要的时间其实挺短(2017)

hoperyy / blog

About Me

Products

Projects

深入理解 Babel

思考

前端工程化

性能优化

框架

Node

JavaScript

CSS

基础知识

工具

碎语

About

Languages