牧云云

搬砖ingdwd

code poem

更多

专栏

牧云云
6天前
JavaScript 中常见设计模式整理开发中，我们或多或少地接触了设计模式，但是很多时候不知道自己使用了哪种设计模式或者说该使用何种设计模式。本文意在梳理常见设计模式的特点，从而对它们有比较清晰的认知。看完了上述设计模式后，把它们的关键词特点罗列出来，以后提到某种设计模式，进而联想相应的关键词和例子，从而心中有数。
- 1023
- 收藏
阅读全文
牧云云
1月前
探寻 webpack 插件机制 webpack 可谓是让人欣喜又让人忧，功能强大但需要一定的学习成本。在探寻 webpack 插件机制前，首先需要了解一件有意思的事情，webpack 插件机制是整个 webpack 工具的骨架，而 webpack 本身也是利用这套插件机制构建出来的。因此在深入认识 webpack 插件机制后，再...
- 41
- 收藏
阅读全文
牧云云
2月前
JS 装饰器解析随着 ES6 和 TypeScript 中类的引入，在某些场景需要在不改变原有类和类属性的基础上扩展些功能，这也是装饰器出现的原因。作为一种可以动态增删功能模块的模式(比如 redux 的中间件机制)，装饰器同样具有很强的动态灵活性，只需在类或类属性之前加上就完成了相应的类或类方法功能的变化。...
- 23
- 收藏
阅读全文
牧云云
2月前
redux middleware 源码分析在业务中需要打印每一个 action 信息来调试，又或者希望 dispatch 或 reducer 拥有异步请求的功能。面对这些场景时，一个个修改 dispatch 或 reducer 代码有些乏力，我们需要一个可组合的、自由增减的插件机制，Redux 借鉴了 Koa 中 middleware 的...
- 71
- 收藏
阅读全文
牧云云
3月前
探索从 MVC 到 MVVM + Flux 架构模式的转变在业务中一般 MVVM 框架一般都会配合上数据状态库(redux, mobx 等)一起使用，本文会通过一个小 demo 来讲述为什么会引人数据状态库。传统 MVC 架构(如 JSP)在当今移动端流量寸土寸金的年代一个比较头疼的问题就是会进行大量的全局重复渲染。但是 MVC 架构是好东西，其对数据...
- 18
- 收藏
阅读全文
牧云云
3月前
跨域实践二三事跨域是日常开发中经常开发中经常会接触到的一个重难点知识，何不总结实践一番，从此心中对之了无牵挂。之所以会出现跨域解决方案，是因为同源策略的限制。同源策略规定了如果两个 url 的协议、域名、端口中有任何一个不等，就认定它们跨源了。比如下列表格列出和比较的同源检测的结果， url结果原因那跨源有...
- 118
- 收藏
阅读全文
牧云云
3月前
原生 JS 实现一个瀑布流插件瀑布流布局中的图片有一个核心特点 —— 等宽不定等高，瀑布流布局在国内网网站都有一定规模的使用，比如pinterest、花瓣网等等。那么接下来就基于这个特点开始瀑布流探索之旅。首先我们定义好一个有 20 张图片的容器，由于未知的 css 知识点，丝袜最长的妹子把下面的空间都占用掉了。。。接着...
- 89
- 收藏
阅读全文
牧云云
4月前
MVVM 框架解析之双向绑定近年来前端一个明显的开发趋势就是架构从传统的 MVC 模式向 MVVM 模式迁移。在传统的 MVC 下，当前前端和后端发生数据交互后会刷新整个页面，从而导致比较差的用户体验。因此我们通过 Ajax 的方式和网关 REST API 作通讯，异步的刷新页面的某个区块，来优化和提升体验。在 MVVM ...
- 115
- 收藏
阅读全文
牧云云
5月前
尝试造了个工具类库，名为 Diana 抛开内部方法(写相应的专题效果可能会更好，所以这里先略过)，下面分享一些开发 diana 库时的一些心得：目录结构也随着方法的增多在不停迭代当中，建议直接到库中查看最新的目录结构。相应地，具体的方法会随着时间迭代，所以首先推荐查看文档，点击如下图的 Ⓢ 就能查看源码。让模块同时在 NODE...
- 26
- 收藏
阅读全文
牧云云
6月前
走近 Python (类比 JS)Python 是一门运用很广泛的语言，自动化脚本、爬虫，甚至在深度学习领域也都有 Python 的身影。作为一名前端开发者，也了解 ES6 中的很多特性借鉴自 Python (比如默认参数、解构赋值、Decorator等)，同时本文会对 Python 的一些用法与 JS 进行类比。不管是提升自己的...
- 73
- 收藏
阅读全文
牧云云
8月前
Node.js 异步异闻录提到 Node.js, 我们脑海就会浮现异步、非阻塞、单线程等关键词，进一步我们还会想到 buffer、模块机制、事件循环、进程、V8、libuv 等知识点。本文起初旨在理顺 Node.js 以上易混淆概念，然而一入异步深似海，本文尝试基于 Node.js 的异步展开讨论，其他的主题只能日后慢慢补...
- 80
- 收藏
阅读全文
牧云云
9月前
使用 Node.js 搭建一个 API 网关使用 NODE.JS 搭建一个 API 网关外部客户端访问微服务架构中的服务时，服务端会对认证和传输有一些常见的要求。API 网关提供共享层来处理服务协议之间的差异，并满足特定客户端（如桌面浏览器、移动设备和老系统）的要求。微服务是面向服务的架构，团队可以独立设计、开发和发布应用程序。它允许在...
- 174
- 收藏
阅读全文
牧云云
9月前
用 Node.js 把玩一番 Alfred Workflow 作为 Mac 上常年位居神器榜第一位的软件来说，Alfred 给我们带来的便利是不言而喻的，其中 workflow(工作流) 功不可没，在它上面可以轻松地查找任何 api；可以快速在豆瓣上搜到自己喜欢的电影、图书、音乐；可以快速把图片上传到图床等等。附上一张个人装着的插件的截图。Caffein...
- 63
- 收藏
阅读全文
牧云云
9月前
[译] 所有你需要知道的关于完全理解 Node.js 事件循环及其度量所有你需要知道的关于完全理解 NODE.JS 事件循环及其度量 Node.js 是一个基于事件的平台。这意味着在 Node 中发生的一切都是基于对事件的反应。通过 Node 的事件处理机制遍历一系列回调。事件的回调，这一切都由一个名为 libuv 的库来处理，它提供了一种称为事件循环的机制。这...
- 77
- 收藏
阅读全文
牧云云
10月前
[译] React 在服务端渲染的实现 React是最受欢迎的客户端 JavaScript 框架，但你知道吗(或许更应该试试)，你可以使用 React 在服务器端进行渲染？假设你为客户构建了一个很棒的事件列表 React app。。该应用程序使用了您最喜欢的服务器端工具构建的API。几周后，用户告诉您，他们的页面没有显示在 Googl...
- 50
- 收藏
阅读全文
牧云云
10月前
从 JavaScript 到 TypeScript TypeScript 并不是一个完全新的语言, 它是 JavaScript 的超集，为 JavaScript 的生态增加了类型机制，并最终将代码编译为纯粹的 JavaScript 代码。 TypeScript 由 Microsoft(算上 Angular 2 的话加上 Google)开发和维护的一...
- 162
- 收藏
阅读全文
牧云云
11月前
使用 React 全家桶搭建一个后台管理系统使用React技术栈搭建一个后台管理系统最初是为了上手公司的业务，后来发现这个项目还能把平时遇到的有趣的demo给整合进去。此文尝试对相关的技术栈以及如何在该项目中引人Redux进行分析。项目的初始结构和构造原因已罗列如上，由于过些日子会引人ts，所以项目结构必然还会改动，但肯定基于这基本雏形扩...
- 231
- 收藏
阅读全文
牧云云
11月前
读书笔记 - 你不知道的 JavaScript(上)《你不知道的JavaScript》系列丛书给出了很多颠覆以往对JavaScript认知的点, 读完上卷，受益匪浅，于是对其精华的知识点进行了梳理。作用域是一套规则，用于确定在何处以及如何查找变量。 JavaScript是一门编译语言。在传统编译语言的流程中，程序中一段源代码在执行之前会经历三个步...
- 99
- 收藏
阅读全文

个人成就

联合编辑

获得喜欢2,516次

文章被阅读33,542次