牧云云

deku拼多多

I like programming, music, surfing internet, playing games, and I love making friends very much.

28关注

5,883关注者

4,385掘力值

225

专栏

牧云云
24天前
React 现代化测试测试用例的书写是一个风险驱动的行为, 每当收到 Bug 报告时, 先写一个单元测试来暴露这个 Bug, 在日后的代码提交中, 若该测试用例是通过的, 开发者就能更为自信地确保程序不会再次出现此 bug。金字塔模型摘自 Martin Fowler's blog, 模型示意图如下: 金字塔模型自下而...
- 14
- 收藏
阅读全文
牧云云
1月前
React Hooks 深入系列 —— 设计模式本文是 React Hooks 深入系列的后续。此篇详细介绍了 Hooks 相对 class 的优势所在, 并介绍了相关 api 的设计思想, 同时对 Hooks 如何对齐 class 的生命周期钩子作了阐述。 React 的 logo 是一个原子图案, 原子组成了物质的表现。类似的, React...
- 18
- 收藏
阅读全文
牧云云
3月前
如何使页面交互更流畅本篇是基于 FDCon2019 上《让你的网页更丝滑by刘博文》的复盘文。该课题也是博主感兴趣的领域, 后续会结合 React 的 Schedule 与该文进行进一步整合, 个人博客当前市面上的设备频率在 60 HZ 以上。跑如下界面 https://code.h5jun.com/pojob ...
- 45
- 收藏
阅读全文
牧云云
4月前
React Hooks 深入系列本文基于近段时间对 hooks 碎片化的理解作一次简单梳理, 个人博客。同时欢迎关注基于 hooks 构建的 UI 组件库 —— snake-design。在 class 已经融入 React 生态的节点下, React 推出的 Hooks 具有如下优势: 在以下 demo 中, 的第二个参数传...
- 38
- 收藏
阅读全文
牧云云
5月前
你不知道的 requestIdleCallback 本文副标题是。在本章中会介绍的用法以及其缺陷, 接着对 React 团队对该 api 的 hack 部分的源码进行剖析。在下一篇中会结合优先级对 React 的调度算法进行宏观的解释, 欢迎关注个人博客。与这个 api 息息相关。的作用是是在浏览器一帧的剩余空闲时间内执行优先度相对较低的...
- 31
- 收藏
阅读全文
牧云云
6月前
深度理解 React Suspense 本文介绍与在三种情景下使用方法，并结合源码进行相应解析。欢迎关注个人博客。在 16.6 版本之前，通常是由第三方库来完成的，比如 react-loadble(核心思路为: 高阶组件 + webpack dynamic import), 在 16.6 版本中提供了和这两个钩子, 因此在之后...
- 64
- 收藏
阅读全文
牧云云
6月前
React Fiber 数据结构揭秘此章节会通过两个来展示以及的数据结构。首先用代码表示上图节点间的关系。比如下有 , 就可以把它们间的关系写成 ; 在之前，节点之间的关系可以用数据结构中来表示。如下实现函数, 将深度遍历的节点打印出来。在中，节点之间的关系可以用数据结构中的来表示。节点之间的链表有三种情形, ...
- 20
- 收藏
阅读全文
牧云云
7月前
编程范式 —— 函数式编程入门该系列会有 3 篇文章，分别介绍什么是函数式编程、剖析函数式编程库、以及函数式编程在 React 中的应用，欢迎关注我的 blog 1.烧开水(为第一人称)2.拿个茶杯3.放茶叶4.冲水函数式编程是声明式编程的范式。在函数式编程中数据在由纯函数组成的管道中传递。假如有这样一个函数, 用其包装...
- 68
- 收藏
阅读全文
牧云云
9月前
React 特性剪辑(版本 16.0 ~ 16.9)在 18年的 JSConf Iceland 上, Dan 神提到 Concurrent Render 涉及到 CPU 以及 IO 这两方面。 Time Slicing 对应解决左侧的问题, Suspense 对应解决了右侧的问题。它们共同要解决的是的提升用户体验, 在更多的场景下都可以做到。而 F...
- 25
- 收藏
阅读全文
牧云云
10月前
解读 IoC 框架 InversifyJS InversityJS 是一个 IoC 框架。IoC(Inversion of Control) 包括依赖注入(Dependency Injection) 和依赖查询(Dependency Lookup)。 1.将所有相关类(这里指 Music、popMusic、classicMusic) 通过 ...
- 11
- 收藏
阅读全文
牧云云
11月前
探寻 JavaScript 精度问题以及解决方案阅读完本文可以了解到为什么等于以及 JavaScript 中最大安全数是如何来的。 ①. 针对整数部分 173，采取; ②. 针对小数部分 0.8125，采用; ③. 将前面两部的结果相加，结果为 ; 根据上面的知识，将十进制小数转为二进制：推导 0.1 + 0.2 为何等于 0.3000...
- 174
- 收藏
阅读全文
牧云云
1年前
从 0 到 1 实现 React 系列 —— 5.PureComponent 实现 && HOC 探幽本系列文章在实现一个 cpreact 的同时帮助大家理顺 React 框架的核心内容(JSX/虚拟DOM/组件/生命周期/diff算法/setState/PureComponent/HOC/...) 项目地址使用 PureComponent 是优化 React 性能的一种常用手段，相较于 Com...
- 42
- 收藏
阅读全文
牧云云
1年前
JS 异步系列 —— Promise 札记基于这些目的，实践了一个符合 Promise/A+ 规范的 repromise 本札记系列总共三篇文章，作为之前的文章 Node.js 异步异闻录的拆分和矫正。在实现一个符合 Promise/A+ 规范的 promise 之前，先了解下 Promise/A+ 核心，想更全面地了解可以阅读 Pr...
- 55
- 收藏
阅读全文
牧云云
1年前
JavaScript 中常见设计模式整理开发中，我们或多或少地接触了设计模式，但是很多时候不知道自己使用了哪种设计模式或者说该使用何种设计模式。本文意在梳理常见设计模式的特点，从而对它们有比较清晰的认知。看完了上述设计模式后，把它们的关键词特点罗列出来，以后提到某种设计模式，进而联想相应的关键词和例子，从而心中有数。
- 1251
- 收藏
阅读全文
牧云云
1年前
探寻 webpack 插件机制 webpack 可谓是让人欣喜又让人忧，功能强大但需要一定的学习成本。在探寻 webpack 插件机制前，首先需要了解一件有意思的事情，webpack 插件机制是整个 webpack 工具的骨架，而 webpack 本身也是利用这套插件机制构建出来的。因此在深入认识 webpack 插件机制后，再...
- 54
- 收藏
阅读全文
牧云云
1年前
JS 装饰器解析随着 ES6 和 TypeScript 中类的引入，在某些场景需要在不改变原有类和类属性的基础上扩展些功能，这也是装饰器出现的原因。作为一种可以动态增删功能模块的模式(比如 redux 的中间件机制)，装饰器同样具有很强的动态灵活性，只需在类或类属性之前加上就完成了相应的类或类方法功能的变化。...
- 25
- 收藏
阅读全文
牧云云
1年前
redux middleware 源码分析在业务中需要打印每一个 action 信息来调试，又或者希望 dispatch 或 reducer 拥有异步请求的功能。面对这些场景时，一个个修改 dispatch 或 reducer 代码有些乏力，我们需要一个可组合的、自由增减的插件机制，Redux 借鉴了 Koa 中 middleware 的...
- 74
- 收藏
阅读全文
牧云云
1年前
探索从 MVC 到 MVVM + Flux 架构模式的转变在业务中一般 MVVM 框架一般都会配合上数据状态库(redux, mobx 等)一起使用，本文会通过一个小 demo 来讲述为什么会引人数据状态库。传统 MVC 架构(如 JSP)在当今移动端流量寸土寸金的年代一个比较头疼的问题就是会进行大量的全局重复渲染。但是 MVC 架构是好东西，其对数据...
- 18
- 收藏
阅读全文
牧云云
1年前
跨域实践二三事跨域是日常开发中经常开发中经常会接触到的一个重难点知识，何不总结实践一番，从此心中对之了无牵挂。之所以会出现跨域解决方案，是因为同源策略的限制。同源策略规定了如果两个 url 的协议、域名、端口中有任何一个不等，就认定它们跨源了。比如下列表格列出和比较的同源检测的结果， url结果原因那跨源有...
- 119
- 收藏
阅读全文
牧云云
1年前
原生 JS 实现一个瀑布流插件瀑布流布局中的图片有一个核心特点 —— 等宽不定等高，瀑布流布局在国内外网站都有一定规模的使用，比如pinterest、花瓣网等等。那么接下来就基于这个特点开始瀑布流探索之旅。首先我们定义好一个有 20 张图片的容器，由于未知的 css 知识点，丝袜最长的妹子把下面的空间都占用掉了。。。接着...
- 102
- 收藏
阅读全文

个人成就

掘金优秀作者

获得点赞4,108

文章被阅读79,840

掘力值4,385

加入于

2016-11-16

提示

根据我国《网络安全法》，您需要绑定手机号后才可在掘金社区内发布内容。

牧云云