gulp 已经成为很多项目的标配了,gulp 的插件生态也十分繁荣,截至 2015.1.5,npm 上已经有 10190 款 gulp 插件供我们使用。我们完全可以傻瓜式地搭起一套构建。
然而,我们经常会遇到一种情况,我们好不容易按照文档传入对应的参数调用了插件,却发现结果不如预期,这时候我们就要一点点去排错,这就要求我们对 gulp 插件的工作原理有一定的了解。本文以实现一个 gulp 插件为例,讲解一下 gulp 插件是如何工作的。
轰隆隆,轰隆隆,一不小心,来到了公布 AlloyTeam 大事件的日子。 这个大事件是什么?大家也有一些猜想。
好啦,就不卖关子啦,我们的大事件就是
这次大会的主题是《移动 web 性能》,随着移动互联网的发展,AlloyTeam 的业务从 web qq 的 pc 时代迁移到兴趣部落,家校群,吃喝玩乐等大型移动 web 应用。
丰富复杂的业务场景驱使我们不断在性能和工程领域探索,攒积了丰富的技术、工具和开源项目,覆盖了前端技术栈的很多方面。
希望借助<AC 大会> 的平台将每一年的收获分享给业界同仁,希望大家能在<AC 大会> 上体验到业务架构与技术探索并包的前端技术海天盛筵。
关于 AC 大会的更多细节,请狠戳官网
在 Angular, Vue.js 等 MVVM 框架中,都涉及到指令(directive)的概念,directive 实际上是一种针对 DOM 操作的抽象封装,并通过框架处理,将 DOM 操作逻辑与 DOM 元素进行自动化绑定,用一个简单的声明式语法简化了 DOM 操作逻辑中的 “给元素命名”,“查询目标元素”,“进行 DOM 操作”步骤。
有时候我们的代码有很多的条件判断,我们只能用 switch 语句来让代码更好看一点。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
function getDrink(type) { if (type === 'coke') { type = 'Coke'; } else if (type === 'pepsi') { type = 'Pepsi'; } else if (type === 'mountain dew') { type = 'Mountain Dew'; } else if (type === 'lemonade') { type = 'Lemonade'; } else if (type === 'fanta') { type = 'Fanta'; } else { // acts as our "default" type = 'Unknown drink!'; } return 'You\'ve picked a ' + type; } |
像上面介样子的代码,看起来是很头疼滴。而用 switch 语句,代码会更直观简洁。
Copyright © 2011-2021 AlloyTeam. All Rights Reserved. Powered By WordPress
粤ICP备15071938号-2