摘要:
前言 react router升级到4之后,跟前面版本比有了很大的差别。 例如包的拆分,动态路由等 "详细的差别就不说了,各位大神的总结也很到位,详细可以点击看看,All About React Router 4这篇文章" 。 此外还有个差别是路由规则的变化。 一直有着上个版本的习惯,所以稍微复杂的 阅读全文
摘要:
前言 面向对象(OOP)作为经典的设计范式,对于我们来说可谓无人不知,还记得我们入行起始时那句经典的总结吗 万事万物皆对象 。 是的,基于OOP思想封装、继承、多态的特点,我们会自然而然的遵循模块化、组件化的思维来设计开发应用,以到达易维护、可扩展、高复用的目的。 既然OOP这么多优点,那么经常被大 阅读全文
摘要:
前言 在 "上文" 介绍过控制反转之后,本来打算写篇文章介绍下控制反转的常见模式 依赖注入。在翻看资料的时候,发现了一篇好文 "Dependency injection in JavaScript" ,就不自己折腾了,结合自己理解翻译一下,好文共赏。 我喜欢引用这样一句话‘编程是对复杂性的管理’。可 阅读全文
摘要:
前言 随着前端承担的职责越来越重,前端应用向着复杂化、规模化的方向发展。大型项目模块化是一种趋势,不可避免模块之间要相互依赖,此外还有很多第三方包。这样的话如何去管理这些繁杂的文件,是一个不可避免的话题。此时作为一种已经被实践证明过的思想模式一直得到大家的青睐,这就是控制反转(IOC)。 IOC定义 阅读全文
摘要:
npm包的更新说明,你还敢不看吗 前言 平时工作少不了依赖一些第三方的npm包,站在各位大牛的肩膀上来更好的写bug,此外还可以学习各位大佬们的各种设计思路和优雅实现。不过npm包虽好,但使用之前也要多加甄别,特别是相同包的不同版本之间的差别,可能一不小心,原本用的飞起的轮子就会让我们笑不出来。下面 阅读全文
摘要:
前言 升级webpack4,一定要去看文档,特别是 "更新说明" ,不要自持用过原本webpack就自己开始折腾。折腾到后面,可能就默默流下眼泪了。 webpack4的变化 webpack cli抽离 webpack cli被单独拆了出来,使用的时候如果只是全局装了CLI,直接执行的时候是可以的。 阅读全文
摘要:
Symlink(符号链接)一个package文件夹。 概括 描述 package 链接过程分为两步 首先、npm link将会在全局包{prefix}/lib/node_modules/下面创建一个指向命令执行的地方的符号链接。同时也会创建一个{prefix}/bin/{name}下面对应的bin包 阅读全文
摘要:
前言 ESLint作为插件化的javascript代码检测工具,为我们的平时的开发保驾护航,好处就不多说了 "详情查看官网" 。 问题 有这么一个五年前开发的老项目,机缘巧合到了我们这边来维护。 项目是zepto撸起来的,单个文件巨大,只有gulp+公司内部古老的打包工具做了下简单的打包。 但是问题 阅读全文
摘要:
前言 除了大家经常提到的自定义事件之外,浏览器本身也支持我们自定义事件,我们常说的自定义事件一般用于项目中的一些通知机制。最近正好看到了这部分,就一起看了下自定义事件不同的实现,以及vue数据响应的基本原理。 <! more 浏览器自定义事件 定义 除了我们常见的click,touch等事件之外,浏 阅读全文
摘要:
前言 本文翻自 "Scroll Bouncing On Your Websites" ,拜读之后收获颇多,结合自己的理解,将该文章翻成中文,一方面加深理解另一方面好文共享。 导读 本文介绍了不同浏览器上弹簧滚动(即scroll bouncing)特效及实现,并回顾了网上几种常见的解决方案,顺便介绍了 阅读全文