牧云云

dekudwd

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

动态

专栏

189

专栏

牧云云
10天前
React 特性剪辑(版本 16.0 ~ 16.9)在 18年的 JSConf Iceland 上, Dan 神提到 Concurrent Render 涉及到 CPU 以及 IO 这两方面。 Time Slicing 对应解决左侧的问题, Suspense 对应解决了右侧的问题。它们共同要解决的是的提升用户体验, 在更多的场景下都可以做到。而 F...
- 18
- 收藏
阅读全文
牧云云
1月前
解读 IoC 框架 InversifyJS InversityJS 是一个 IoC 框架。IoC(Inversion of Control) 包括依赖注入(Dependency Injection) 和依赖查询(Dependency Lookup)。 1.将所有相关类(这里指 Music、popMusic、classicMusic) 通过 ...
- 10
- 收藏
阅读全文
牧云云
2月前
探寻 JavaScript 精度问题以及解决方案阅读完本文可以了解到为什么等于以及 JavaScript 中最大安全数是如何来的。 ①. 针对整数部分 173，采取; ②. 针对小数部分 0.8125，采用; ③. 将前面两部的结果相加，结果为 ; 根据上面的知识，将十进制小数转为二进制：推导 0.1 + 0.2 为何等于 0.3000...
- 163
- 收藏
阅读全文
牧云云
3月前
从 0 到 1 实现 React 系列 —— 5.PureComponent 实现 && HOC 探幽本系列文章在实现一个 cpreact 的同时帮助大家理顺 React 框架的核心内容(JSX/虚拟DOM/组件/生命周期/diff算法/setState/PureComponent/HOC/...) 项目地址使用 PureComponent 是优化 React 性能的一种常用手段，相较于 Com...
- 38
- 收藏
阅读全文
牧云云
5月前
JS 异步系列 —— Promise 札记基于这些目的，实践了一个符合 Promise/A+ 规范的 repromise 本札记系列总共三篇文章，作为之前的文章 Node.js 异步异闻录的拆分和矫正。在实现一个符合 Promise/A+ 规范的 promise 之前，先了解下 Promise/A+ 核心，想更全面地了解可以阅读 Pr...
- 55
- 收藏
阅读全文
牧云云
7月前
JavaScript 中常见设计模式整理开发中，我们或多或少地接触了设计模式，但是很多时候不知道自己使用了哪种设计模式或者说该使用何种设计模式。本文意在梳理常见设计模式的特点，从而对它们有比较清晰的认知。看完了上述设计模式后，把它们的关键词特点罗列出来，以后提到某种设计模式，进而联想相应的关键词和例子，从而心中有数。
- 1151
- 收藏
阅读全文
牧云云
8月前
探寻 webpack 插件机制 webpack 可谓是让人欣喜又让人忧，功能强大但需要一定的学习成本。在探寻 webpack 插件机制前，首先需要了解一件有意思的事情，webpack 插件机制是整个 webpack 工具的骨架，而 webpack 本身也是利用这套插件机制构建出来的。因此在深入认识 webpack 插件机制后，再...
- 51
- 收藏
阅读全文
牧云云
9月前
JS 装饰器解析随着 ES6 和 TypeScript 中类的引入，在某些场景需要在不改变原有类和类属性的基础上扩展些功能，这也是装饰器出现的原因。作为一种可以动态增删功能模块的模式(比如 redux 的中间件机制)，装饰器同样具有很强的动态灵活性，只需在类或类属性之前加上就完成了相应的类或类方法功能的变化。...
- 25
- 收藏
阅读全文
牧云云
9月前
redux middleware 源码分析在业务中需要打印每一个 action 信息来调试，又或者希望 dispatch 或 reducer 拥有异步请求的功能。面对这些场景时，一个个修改 dispatch 或 reducer 代码有些乏力，我们需要一个可组合的、自由增减的插件机制，Redux 借鉴了 Koa 中 middleware 的...
- 72
- 收藏
阅读全文
牧云云
10月前
探索从 MVC 到 MVVM + Flux 架构模式的转变在业务中一般 MVVM 框架一般都会配合上数据状态库(redux, mobx 等)一起使用，本文会通过一个小 demo 来讲述为什么会引人数据状态库。传统 MVC 架构(如 JSP)在当今移动端流量寸土寸金的年代一个比较头疼的问题就是会进行大量的全局重复渲染。但是 MVC 架构是好东西，其对数据...
- 19
- 收藏
阅读全文
牧云云
10月前
跨域实践二三事跨域是日常开发中经常开发中经常会接触到的一个重难点知识，何不总结实践一番，从此心中对之了无牵挂。之所以会出现跨域解决方案，是因为同源策略的限制。同源策略规定了如果两个 url 的协议、域名、端口中有任何一个不等，就认定它们跨源了。比如下列表格列出和比较的同源检测的结果， url结果原因那跨源有...
- 120
- 收藏
阅读全文
牧云云
10月前
原生 JS 实现一个瀑布流插件瀑布流布局中的图片有一个核心特点 —— 等宽不定等高，瀑布流布局在国内外网站都有一定规模的使用，比如pinterest、花瓣网等等。那么接下来就基于这个特点开始瀑布流探索之旅。首先我们定义好一个有 20 张图片的容器，由于未知的 css 知识点，丝袜最长的妹子把下面的空间都占用掉了。。。接着...
- 96
- 收藏
阅读全文
牧云云
11月前
MVVM 框架解析之双向绑定近年来前端一个明显的开发趋势就是架构从传统的 MVC 模式向 MVVM 模式迁移。在传统的 MVC 下，当前前端和后端发生数据交互后会刷新整个页面，从而导致比较差的用户体验。因此我们通过 Ajax 的方式和网关 REST API 作通讯，异步的刷新页面的某个区块，来优化和提升体验。在 MVVM ...
- 130
- 收藏
阅读全文
牧云云
11月前
尝试造了个工具类库，名为 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 的异步展开讨论，其他的主题只能日后慢慢补...
- 78
- 收藏
阅读全文
牧云云
1年前
使用 Node.js 搭建一个 API 网关使用 NODE.JS 搭建一个 API 网关外部客户端访问微服务架构中的服务时，服务端会对认证和传输有一些常见的要求。API 网关提供共享层来处理服务协议之间的差异，并满足特定客户端（如桌面浏览器、移动设备和老系统）的要求。微服务是面向服务的架构，团队可以独立设计、开发和发布应用程序。它允许在...
- 188
- 收藏
阅读全文
牧云云
1年前
用 Node.js 把玩一番 Alfred Workflow 作为 Mac 上常年位居神器榜第一位的软件来说，Alfred 给我们带来的便利是不言而喻的，其中 workflow(工作流) 功不可没，在它上面可以轻松地查找任何 api；可以快速在豆瓣上搜到自己喜欢的电影、图书、音乐；可以快速把图片上传到图床等等。附上一张个人装着的插件的截图。Caffein...
- 65
- 收藏
阅读全文
牧云云
1年前
[译] 所有你需要知道的关于完全理解 Node.js 事件循环及其度量所有你需要知道的关于完全理解 NODE.JS 事件循环及其度量 Node.js 是一个基于事件的平台。这意味着在 Node 中发生的一切都是基于对事件的反应。通过 Node 的事件处理机制遍历一系列回调。事件的回调，这一切都由一个名为 libuv 的库来处理，它提供了一种称为事件循环的机制。这...
- 79
- 收藏
阅读全文
牧云云
1年前
[译] React 在服务端渲染的实现 React是最受欢迎的客户端 JavaScript 框架，但你知道吗(或许更应该试试)，你可以使用 React 在服务器端进行渲染？假设你为客户构建了一个很棒的事件列表 React app。。该应用程序使用了您最喜欢的服务器端工具构建的API。几周后，用户告诉您，他们的页面没有显示在 Googl...
- 53
- 收藏
阅读全文

个人成就

联合编辑

获得点赞3,536次

文章被阅读53,718次