摘要: 引子 学生时代为了掌握某个知识点会不断地做习题,做总结,步入岗位之后何尝不是一样呢?做业务就如同做习题,如果‘课后’适当地进行总结,必然更快地提升自己的水平。 由于公司采用的react+node的技术栈,于是就完成了一个reactSPA小项目,计划日后把平时工作中遇到的业务以及学习中遇到有趣的东西给阅读全文
posted @ 2017-05-12 10:10 牧云云 阅读(9623) 评论(20) 编辑
摘要: 随着该项目的发布到线上(小打小闹),即将又要开启另一段崭新的旅程。强迫自己停下来写写所学所得,个人认为总结和分享是一种很棒的学习方式。那让我们先来瞧瞧项目长的什么样。如果着急要源码的朋友,可以下拉到最后~~ 微信端部分展现 从微信端进入网页端的效果(这部分还需要优化(*^__^*)) 但是这图是真的阅读全文
posted @ 2016-11-15 04:00 牧云云 阅读(1967) 评论(8) 编辑
摘要: 开发中,我们或多或少地接触了设计模式,但是很多时候不知道自己使用了哪种设计模式或者说该使用何种设计模式。本文意在梳理常见设计模式的特点,从而对它们有比较清晰的认知。 JavaScript 中常见设计模式 "单例模式" "策略模式" "代理模式" "迭代器模式" "发布 订阅模式" "命令模式" "组阅读全文
posted @ 2018-05-18 13:37 牧云云 阅读(6) 评论(0) 编辑
摘要: webpack 可谓是让人欣喜又让人忧,功能强大但需要一定的学习成本。在探寻 webpack 插件机制前,首先需要了解一件有意思的事情,webpack 插件机制是整个 webpack 工具的骨架,而 webpack 本身也是利用这套插件机制构建出来的。因此在深入认识 webpack 插件机制后,再来阅读全文
posted @ 2018-04-18 16:45 牧云云 阅读(92) 评论(0) 编辑
摘要: 随着 ES6 和 TypeScript 中类的引入,在某些场景需要在不改变原有类和类属性的基础上扩展些功能,这也是装饰器出现的原因。 装饰器简介 作为一种可以动态增删功能模块的模式(比如 "redux 的中间件机制" ),装饰器同样具有很强的动态灵活性,只需在类或类属性之前加上 就完成了相应的类或类阅读全文
posted @ 2018-03-19 11:43 牧云云 阅读(88) 评论(2) 编辑
摘要: "原文链接" middleware 的由来 在业务中需要打印每一个 action 信息来调试,又或者希望 dispatch 或 reducer 拥有异步请求的功能。面对这些场景时,一个个修改 dispatch 或 reducer 代码有些乏力,我们需要一个可组合的、自由增减的插件机制,Redux 借阅读全文
posted @ 2018-03-01 00:43 牧云云 阅读(47) 评论(0) 编辑
摘要: 本文首发于 "my blog" 在业务中一般 MVVM 框架一般都会配合上数据状态库(redux, mobx 等)一起使用,本文会通过一个小 demo 来讲述为什么会引人数据状态库。 从 MVC 到 MVVM 模式说起 传统 MVC 架构(如 JSP)在当今移动端流量寸土寸金的年代一个比较头疼的问题阅读全文
posted @ 2018-02-11 15:39 牧云云 阅读(273) 评论(0) 编辑
摘要: "更好的阅读体验" 跨域是日常开发中经常开发中经常会接触到的一个重难点知识,何不总结实践一番,从此心中对之了无牵挂。 同源策略 之所以会出现跨域解决方案,是因为同源策略的限制。同源策略规定了如果两个 url 的协议、域名、端口中有任何一个不等,就认定它们跨源了。比如下列表格列出和 比较的同源检测的结阅读全文
posted @ 2018-02-05 00:27 牧云云 阅读(208) 评论(0) 编辑
摘要: 更好的阅读体验,点击 "原文地址" 瀑布流布局中的图片有一个核心特点 —— 等宽不定等高,瀑布流布局在国内外网站都有一定规模的使用,比如 "pinterest" 、 "花瓣网" 等等。那么接下来就基于这个特点开始瀑布流探索之旅。 <! more 基础功能实现 首先我们定义好一个有 20 张图片的容器阅读全文
posted @ 2018-01-31 00:49 牧云云 阅读(465) 评论(0) 编辑
摘要: 更好的阅读体验,点击 "原文地址" "项目地址" MVVM 框架 近年来前端一个明显的开发趋势就是架构从传统的 MVC 模式向 MVVM 模式迁移。在传统的 MVC 下,当前前端和后端发生数据交互后会刷新整个页面,从而导致比较差的用户体验。因此我们通过 Ajax 的方式和网关 REST API 作通阅读全文
posted @ 2018-01-18 00:21 牧云云 阅读(506) 评论(1) 编辑
摘要: "原文链接" 不久前年会主题征集活动中,我提交的主题是《在路上》,和骑手们一样,我们亦不是在路上呢? 恰逢踏入社会一年之际写下第一篇年终总结,百感交集,有初融入团队的喜悦、有独自完成需求的兴奋、有一次次团建的畅饮也有过为自己能力不足的懊恼以及与好友离别的感伤。 通过这篇总结,希望能记录些琐事,并给 阅读全文
posted @ 2017-12-31 23:06 牧云云 阅读(489) 评论(0) 编辑
摘要: 项目地址: "diana" 文档地址: "http://muyunyun.cn/diana/" 造轮子的意义 为啥已经有如此多的前端工具类库还要自己造轮子呢?个人认为有以下几个观点吧: 定制性强,能根据自己的需求为主导延伸开发。万一一不小心还能帮到别人(比如 React 库); 纸上得来终觉浅,很多阅读全文
posted @ 2017-12-25 06:06 牧云云 阅读(308) 评论(2) 编辑