摘要:引子 学生时代为了掌握某个知识点会不断地做习题,做总结,步入岗位之后何尝不是一样呢?做业务就如同做习题,如果‘课后’适当地进行总结,必然更快地提升自己的水平。 由于公司采用的react+node的技术栈,于是就完成了一个reactSPA小项目,计划日后把平时工作中遇到的业务以及学习中遇到有趣的东西给 阅读全文
posted @ 2017-05-12 10:10 牧云云 阅读(24282) 评论(21) 推荐(15) 编辑
摘要:背景 观察基于 create-react-doc 搭建的文档站点, 发现网页代码光秃秃的一片(见下图)。这显然是单页应用 (SPA) 站点的通病 —— 不利于文档被搜索引擎搜索 (SEO)。 难道 SPA 站点就无法进行 SEO 了么, 那么 Gatsby、nuxt 等框架又为何能作为不少博主搭建博 阅读全文
posted @ 2021-03-08 10:27 牧云云 阅读(54) 评论(0) 推荐(0) 编辑
摘要:背景: 写博客的时候每当新增 LeetCode 题解时都需要在 LeetCode/README 手动更新表格, 非常费劲。因此构思了 crd-leetcode-cli 插件实现自动化同步更新 leetcode ac 题解为 markdown table 。 crd-leetcode-cli crd- 阅读全文
posted @ 2020-09-30 13:41 牧云云 阅读(116) 评论(0) 推荐(0) 编辑
摘要:Create React Doc 是一个使用 React 的 markdown 文档站点生成工具。就像 create-react-app 一样,开发者可以使用 Create React Doc 来开发、部署 markdown 站点或者博客而不用关心站点环境配置信息。 特性 零配置书写 markdow 阅读全文
posted @ 2020-07-06 18:26 牧云云 阅读(517) 评论(0) 推荐(0) 编辑
摘要:Time is flying, it arrives at the end of year again. This is my first year working in PinDuoDuo inc and it seems I arrive in the company yesterday. Th 阅读全文
posted @ 2020-01-05 00:39 牧云云 阅读(323) 评论(1) 推荐(0) 编辑
摘要:When I look up css properties in MDN's specifications section, there are some properties in it and it seems unfamiliar to me. So I try to find out som 阅读全文
posted @ 2019-12-28 11:24 牧云云 阅读(162) 评论(0) 推荐(0) 编辑
摘要:<! more 重新定义受控与非受控组件的边界 "React 官网中" 对非受控组件与受控组件作了如图中下划线的边界定义。一经推敲, 该定义是缺乏了些 和`严谨性`的, 比如针对非表单组件(弹框、轮播图)如何划分受控与非受控的边界? 又比如非受控组件是否真的如文案上所说的数据的展示与变更都由 dom 阅读全文
posted @ 2019-11-23 18:49 牧云云 阅读(339) 评论(0) 推荐(1) 编辑
摘要:测试的动机 测试用例的书写是一个风险驱动的行为, 每当收到 Bug 报告时, 先写一个单元测试来暴露这个 Bug, 在日后的代码提交中, 若该测试用例是通过的, 开发者就能更为自信地确保程序不会再次出现此 bug。 测试的动机是有效地提高开发者的自信心。 前端现代化测试模型 前端测试中有两种模型, 阅读全文
posted @ 2019-08-25 09:43 牧云云 阅读(948) 评论(0) 推荐(0) 编辑
摘要:本文是 "React Hooks 深入系列" 的后续。此篇详细介绍了 Hooks 相对 class 的优势所在, 并介绍了相关 api 的设计思想, 同时对 Hooks 如何对齐 class 的生命周期钩子作了阐述。 React Logo 与 Hooks React 的 logo 是一个原子图案, 阅读全文
posted @ 2019-08-01 05:08 牧云云 阅读(1761) 评论(0) 推荐(0) 编辑
摘要:流畅性 本篇是基于 FDCon2019 上《让你的网页更丝滑by刘博文》的复盘文。该课题也是博主感兴趣的领域, 后续会结合 React 的 Schedule 与该文进行进一步整合, "个人博客" 被动交互: animation 主动交互: 鼠标、键盘 被动交互 当前市面上的设备频率在 60 HZ 以 阅读全文
posted @ 2019-05-26 02:30 牧云云 阅读(530) 评论(0) 推荐(1) 编辑
摘要:本文基于近段时间对 hooks 碎片化的理解作一次简单梳理, "个人博客" 。同时欢迎关注基于 hooks 构建的 UI 组件库 —— "snake design" 。 在 class 已经融入 React 生态的节点下, React 推出的 Hooks 具有如下优势: 更简洁的书写; 相对类中的 阅读全文
posted @ 2019-05-12 13:38 牧云云 阅读(998) 评论(1) 推荐(0) 编辑