牧云云

deku拼多多

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

动态

专栏

204

专栏

牧云云
1月前
你不知道的 requestIdleCallback 本文副标题是。在本章中会介绍的用法以及其缺陷, 接着对 React 团队对该 api 的 hack 部分的源码进行剖析。在下一篇中会结合优先级对 React 的调度算法进行宏观的解释, 欢迎关注个人博客。与这个 api 息息相关。的作用是是在浏览器一帧的剩余空闲时间内执行优先度相对较低的...
- 28
- 收藏
阅读全文
牧云云
1月前
深度理解 React Suspense 本文介绍与在三种情景下使用方法，并结合源码进行相应解析。欢迎关注个人博客。在 16.6 版本之前，通常是由第三方库来完成的，比如 react-loadble(核心思路为: 高阶组件 + webpack dynamic import), 在 16.6 版本中提供了和这两个钩子, 因此在之后...
- 41
- 收藏
阅读全文
牧云云
2月前
React Fiber 数据结构揭秘此章节会通过两个来展示以及的数据结构。首先用代码表示上图节点间的关系。比如下有 , 就可以把它们间的关系写成 ; 在之前，节点之间的关系可以用数据结构中来表示。如下实现函数, 将深度遍历的节点打印出来。在中，节点之间的关系可以用数据结构中的来表示。节点之间的链表有三种情形, ...
- 21
- 收藏
阅读全文
牧云云
2月前
编程范式 —— 函数式编程入门该系列会有 3 篇文章，分别介绍什么是函数式编程、剖析函数式编程库、以及函数式编程在 React 中的应用，欢迎关注我的 blog 1.烧开水(为第一人称)2.拿个茶杯3.放茶叶4.冲水函数式编程是声明式编程的范式。在函数式编程中数据在由纯函数组成的管道中传递。假如有这样一个函数, 用其包装...
- 66
- 收藏
阅读全文
牧云云
4月前
React 特性剪辑(版本 16.0 ~ 16.9)在 18年的 JSConf Iceland 上, Dan 神提到 Concurrent Render 涉及到 CPU 以及 IO 这两方面。 Time Slicing 对应解决左侧的问题, Suspense 对应解决了右侧的问题。它们共同要解决的是的提升用户体验, 在更多的场景下都可以做到。而 F...
- 20
- 收藏
阅读全文
牧云云
5月前
解读 IoC 框架 InversifyJS InversityJS 是一个 IoC 框架。IoC(Inversion of Control) 包括依赖注入(Dependency Injection) 和依赖查询(Dependency Lookup)。 1.将所有相关类(这里指 Music、popMusic、classicMusic) 通过 ...
- 12
- 收藏
阅读全文
牧云云
6月前
探寻 JavaScript 精度问题以及解决方案阅读完本文可以了解到为什么等于以及 JavaScript 中最大安全数是如何来的。 ①. 针对整数部分 173，采取; ②. 针对小数部分 0.8125，采用; ③. 将前面两部的结果相加，结果为 ; 根据上面的知识，将十进制小数转为二进制：推导 0.1 + 0.2 为何等于 0.3000...
- 165
- 收藏
阅读全文
牧云云
8月前
从 0 到 1 实现 React 系列 —— 5.PureComponent 实现 && HOC 探幽本系列文章在实现一个 cpreact 的同时帮助大家理顺 React 框架的核心内容(JSX/虚拟DOM/组件/生命周期/diff算法/setState/PureComponent/HOC/...) 项目地址使用 PureComponent 是优化 React 性能的一种常用手段，相较于 Com...
- 38
- 收藏
阅读全文
牧云云
9月前
JS 异步系列 —— Promise 札记基于这些目的，实践了一个符合 Promise/A+ 规范的 repromise 本札记系列总共三篇文章，作为之前的文章 Node.js 异步异闻录的拆分和矫正。在实现一个符合 Promise/A+ 规范的 promise 之前，先了解下 Promise/A+ 核心，想更全面地了解可以阅读 Pr...
- 55
- 收藏
阅读全文
牧云云
11月前
JavaScript 中常见设计模式整理开发中，我们或多或少地接触了设计模式，但是很多时候不知道自己使用了哪种设计模式或者说该使用何种设计模式。本文意在梳理常见设计模式的特点，从而对它们有比较清晰的认知。看完了上述设计模式后，把它们的关键词特点罗列出来，以后提到某种设计模式，进而联想相应的关键词和例子，从而心中有数。
- 1191
- 收藏
阅读全文
牧云云
1年前
探寻 webpack 插件机制 webpack 可谓是让人欣喜又让人忧，功能强大但需要一定的学习成本。在探寻 webpack 插件机制前，首先需要了解一件有意思的事情，webpack 插件机制是整个 webpack 工具的骨架，而 webpack 本身也是利用这套插件机制构建出来的。因此在深入认识 webpack 插件机制后，再...
- 53
- 收藏
阅读全文
牧云云
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 架构是好东西，其对数据...
- 19
- 收藏
阅读全文
牧云云
1年前
跨域实践二三事跨域是日常开发中经常开发中经常会接触到的一个重难点知识，何不总结实践一番，从此心中对之了无牵挂。之所以会出现跨域解决方案，是因为同源策略的限制。同源策略规定了如果两个 url 的协议、域名、端口中有任何一个不等，就认定它们跨源了。比如下列表格列出和比较的同源检测的结果， url结果原因那跨源有...
- 119
- 收藏
阅读全文
牧云云
1年前
原生 JS 实现一个瀑布流插件瀑布流布局中的图片有一个核心特点 —— 等宽不定等高，瀑布流布局在国内外网站都有一定规模的使用，比如pinterest、花瓣网等等。那么接下来就基于这个特点开始瀑布流探索之旅。首先我们定义好一个有 20 张图片的容器，由于未知的 css 知识点，丝袜最长的妹子把下面的空间都占用掉了。。。接着...
- 97
- 收藏
阅读全文
牧云云
1年前
MVVM 框架解析之双向绑定近年来前端一个明显的开发趋势就是架构从传统的 MVC 模式向 MVVM 模式迁移。在传统的 MVC 下，当前前端和后端发生数据交互后会刷新整个页面，从而导致比较差的用户体验。因此我们通过 Ajax 的方式和网关 REST API 作通讯，异步的刷新页面的某个区块，来优化和提升体验。在 MVVM ...
- 133
- 收藏
阅读全文
牧云云
1年前
尝试造了个工具类库，名为 Diana 抛开内部方法(写相应的专题效果可能会更好，所以这里先略过)，下面分享一些开发 diana 库时的一些心得：目录结构也随着方法的增多在不停迭代当中，建议直接到库中查看最新的目录结构。相应地，具体的方法会随着时间迭代，所以首先推荐查看文档，点击如下图的 Ⓢ 就能查看源码。让模块同时在 NODE...
- 25
- 收藏
阅读全文
牧云云
1年前
走近 Python (类比 JS)Python 是一门运用很广泛的语言，自动化脚本、爬虫，甚至在深度学习领域也都有 Python 的身影。作为一名前端开发者，也了解 ES6 中的很多特性借鉴自 Python (比如默认参数、解构赋值、Decorator等)，同时本文会对 Python 的一些用法与 JS 进行类比。不管是提升自己的...
- 73
- 收藏
阅读全文
牧云云
1年前
Node.js 异步异闻录提到 Node.js, 我们脑海就会浮现异步、非阻塞、单线程等关键词，进一步我们还会想到 buffer、模块机制、事件循环、进程、V8、libuv 等知识点。本文起初旨在理顺 Node.js 以上易混淆概念，然而一入异步深似海，本文尝试基于 Node.js 的异步展开讨论，其他的主题只能日后慢慢补...
- 79
- 收藏
阅读全文

个人成就

联合编辑

获得点赞3,807

获得阅读61,177

加入于

2016年11月16日