2019-12-01
技术
《测试驱动开发》完成阅读，初步学会了用例的组织和设计，输出了 Demo 实现和简单的阅读笔记
《全程软件测试》完成阅读，输出了脑图与按脑图目录整理的阅读笔记
《Google 软件测试之道》快速阅读，输出很简单笔记
刷完了稍后阅读内的「Web测试」部分，输出笔记
阅读了几篇关于程序员职业发展规划的文章，输出了一些总结(在个人的笔记里)
《Ja...
阅读全文
2019-11-07
性能的重要性关于用户体验（包括用户使用成本）、业务转化率、用户去留以及 SEO 等。
性能评估RAIL 模型：
立即响应用户 Response：在 100 毫秒以内确认用户输入。
设置动画或滚动时 Animation：在 10 毫秒以内生成帧。
Idle： 最大程度增加主线程的空闲时间。
持续吸引用户 Load：在 1000 毫秒以内呈现交互内容。
性...
阅读全文
2019-10-12
DevTools v4 版本的重大更新的确让平时不是特别关注调试工具的本人诧异了下，由于最近在关注一个长列表性能的评估，故仔细研读了这一版本的更新日志。
性能提升
新版本相比旧版本是一个完全的重写。
旧版本工具中一旦组件更新， UI 渲染会接收到 backend 发送的全量变化数据，导致前端需要大量的 JSON 序列化计算，新版本只接收最小的渲染组件树所需...
阅读全文
2019-09-27
起因是更新 Xcode 时提示空间不足，查看系统存储发现还有 40G 呀，虽然不是那么够用，怎么着也够 App 升级了吧。
问题的存在促使我不得不正面应对。
清理 node_modules首先想到的就是 node_modules 的熵增模式，理所当然拿这个“黑洞”来开刀。
1find . -type d -name node_modules | grep...
阅读全文
2019-09-19
现状与解决方案最近接手的活是重构一个 Web 端文件管理器，其中包括：
单文件在不同模式下 UI 渲染
滚动懒加载
超长列表在可视区域的懒渲染
显示模式的切换
文件支持不同字段排序
列表适应不同页面 (桌面、回收站、收藏夹等)
文件拖拽排序、移动
批量选择操作
不同模式的右键菜单和下拉菜单
旧代码目前存在以下问题：
不同显示模式下 单个文件 UI 渲染...
阅读全文
2019-05-26
作为一个基础组件，Button 的设计相对比较朴素和简单易用。
但也提供了一些诸如 icon 属性、ButtonGroup 组件之类的扩充来丰富组件的功能，特别值得一提的是 Wave 组件。
123456789101112131415161718class Button extends React.Component<ButtonProps, Butt...
阅读全文
2019-05-21
总结这个组件比想象中的难啃很多
一开始甚至以为就是通过 position: sticky 的方式来控制目标元素定位的，揣测可能是由于兼容性原因放弃使用这种方式？
该组件实现的功能是：元素在滚动到某位置时固定在页面上。
其实现方法是：通过设置目标元素target（默认是 window）和offsetTop/offsetBottom的属性值来控制当前元素滚动到距...
阅读全文
2019-05-19
很多组件库乃至企业项目(此处仅止纯前端项目)，但凡涉及到多项目工程构建、模板(库项目、页面项目)生成等流程，都会倾向于封装一套统一的构建、代码检查等流程工具以及项目中使用的脚手架，这样能在基础架构层面上减轻业务工程师的工作量，并且有助于统一多项目代码、流程规范（回想起当初写一个巨简单页面都要写一套 webpack + babel 配置的痛苦 😂）。
ant...
阅读全文