Taobao FED

主页

前端测试的平台化之路

概述相对前端技术快速发展的今天,测试这块显得有点冷清,原因有很多:可能在于测试的价值体现、在于测试的持续跟踪、在于 UI 测试的准确性等。在淘宝 FED 有针对前端的测试平台,也一直在探索前端测试的切入、测试工具的选择,经过不断的探索,觉得有必要说说目前的一些思路和进展。 历史淘宝 FED 的前端测试平台名称叫 UITest,大约在几年前的一个冬季面世,从名字上就可以看出来起初主要定位是做 UI

Node.js 单元测试:我要写测试

故事是这样的:小明是一个前端工程师,近期因为个人兴趣以及工作上的需要,开始做 Node.js 相关的项目。一个多月过去了,小明基于 Koa 搭出了自己的第一个 Node.js web 应用,在这个过程中,小明也遇到了很多的问题: 如何在上线时保证代码完全没问题? 每次增加功能时如何保证之前的功能是可用的? 随着代码增多,没有勇气和信心去重构代码 面对以上这些问题,小明作为一个前端工程师,惯性

使用 JS 构建跨平台的原生应用:ListView 组件介绍

背景滚动列表 几乎是移动开发中用途最广的 UI 组件,其重要性不言而喻。由于平台差异性,React Native 中的滚动列表组件 ListView 并没有直接映射为 Android 中的 ListView 或 iOS 中的 UITableView,而是在 ScrollView 的基础上使用 JS 做了一次封装。这样,滚动体验部分由 Native 负责,而 React 部分则专注于组件何时渲染、

高效 Node.js 开发环境之命令行工具篇

追求更高的效率是码农不断的追求。选择合适的工具,合理搭配使用,既能提高一部分开发效率,又能改善写代码时的心情。本文介绍笔者自己平时使用的部分工具与配置,希望抛砖引玉,对大家有所帮助。每种工具或配置后都有扩展阅读的链接,方便大家做更深入的了解。 写在前面的操作系统选择作为一个 Node.js 开发者,如果你还在用 Windows,那你一定是上辈子折翼的天使……(大雾)。Node.js 应用的开发过

Math.random() 二三事

随机数随机数是统计学领域的一个重要概念,对于游戏来说同样意义非凡,用好随机数,可以使你的游戏更真实、更人性、富有魅力。 举例子来说:一个打靶游戏,子弹每次都命中准心所示位置是不科学的,加上抖动误差,会使真实感更加强烈;再如,抽奖大转盘程序,每当转盘停止转动时,指针恰好都指向奖品图片的正中点,人们会觉得这个转盘很不自然,指向一个随机位置效果要好得多。 学过 JavaScript 的人都知道,应用随

如何检测移动端 CPU 以及内存占用率

前言6 月底的时候淘宝众筹的 H5 接入到了支付宝钱包,上线前支付宝钱包就对性能提出了明确要求:即页面静态下 app 的 CPU 消耗要低于 10%。我面临的第一个问题并不是如何优化,而是要如何便利地查看 CPU 的占用率。CPU 占用率的有效分析对于性能优化是至关重要的。因此,本文并不会讲移动端 CPU 占用率的优化,而是讲其“前戏”——如何查看移动端的 CPU 以及内存占有率。 Androi

Node.js 探秘:求异存同

前言在 Node.js 探秘:初识单线程的 Node.js 中,我们了解到,Node.js 基于 libuv 实现了 I/O 的异步操作。所以,我们经常写类似下面的代码: 1234567fs.readFile('test.txt', function(err, data) { if (err) { //error handle/ } //do somet

页面白屏与瀑布流分析方法

无线页面的开发在我们的日常工作中越来越重要,无线的性能也是我们需要重点关注的,而加载的性能又是无线性能中的一个重要问题。那么,今天我们一起来看下如何去评估、测试无线页面的加载性能。 为了方便分析页面的加载过程,这里将网络设置成最慢的 GPRS,并将加载过程录制下来,通常你可以通过 Chrome 自带的 timeline, 勾选 screenhot,可以得到详尽的过程,如下图: 这里为了和请求一

首届 KISSY 杯羽毛球双打公开赛赛况

淘宝前端团队(FED)之首届 KISSY 杯羽毛球双打公开赛落下帷幕,樱空&左御 组合不负众望,成功斩获冠军奖杯,恭喜二位选手,也恭喜阿大教练组,感谢其他选手与观众的参与,感谢组办方和赞助商! 本届羽毛球比赛看点:赞助商和组办方竟被痛下杀手,首轮即获败出局,伐开心! 唯一混双组合 站稳&晴苑 因为没有“站的很稳”,错失晋级良机,说好的要照顾妹子的呢,说好的要站稳的呢? 足球

骨骼动画原理与前端实现浅谈

人的运动——走,跑,跳,是由骨骼带动躯干和四肢完成的。「骨骼动画」,顾名思义,就是模拟骨骼运动的机制而制作的动画。比如下面这条奔跑的小龙。参考 Demo。 素材来自开源骨骼动画编辑器 Dragonbones 用到的素材,额,其实是他大卸八块后的样子。 骨骼动画主要被用游戏场景中,做 Logo 、彩蛋也不错(比如 2014 年双 11 的喵喵舞就是天猫的同学基于骨骼动画原理实现的)。其实,在