Taobao FED

归档: 2016

无线性能优化:FPS 测试

时间回到几周前,这天,女神突然来找我,“我这里有几个页面想测量下页面滚动的顺畅性,你有啥办法不?”。Are you kidding me?这么简单,简直是道送分题啊,于是当着女神面,打开 Chrome 开发者工具,勾选上 Show FPS meter,醒目的 FPS 监控面板就出来了,滑动页面时 FPS 的曲线就基本反映出了页面滚动的顺畅性,坐等女神的夸奖~~ “这个我知道啊,但是我有好多页面,

让我们谈谈「生产环境中的 Node.js」- Node 地下铁第 1 次线下沙龙总结

1 月 9 日下午,Node 地下铁第 1 次线下沙龙在北京京仪大酒店举行,当天也是难得的好天气。 本次沙龙邀请到了 4 位线上 Node.js 大规模应用设计以及性能调优的核心工程师,共同就「生产环境中的 Node.js」这一主题进行分享。 感谢各位同学的参与,13 点半签到,很快会议厅就被挤满了,对那些全场站在后排听完分享的同学表示抱歉~ 分享Node.js 助力淘宝大促活动峰值 4 万 Q

D2 论坛淘宝 FED 展台游戏「氪金弹头」制作始末

「氪金弹头」游戏,是淘宝 FED 团队互动小组为 D2 开发的展台游戏,也是互动技术的一片试验田。这款游戏的设计类似经典的「坦克大战」,每个玩家控制一辆坦克,在一篇草丛中作战(互相攻击)。基本玩法是,使用一台大屏电视显示战场和坦克,玩家使用手机扫码登录,手机「变身」为遥控器,控制大屏幕上属于自己的坦克。目前,这款游戏已经部署在淘宝 FED 博客上,亲可以点击下面的按钮进入游戏。 D2 当天,承

karma 测试框架的前世今生

这篇文章主要来自 karma 作者的一篇论文,主要是说 karma 的由来,通过这篇文章,可以了解下 karma 的设计思想,这样大家在做前端单元测试时,也能了然于心。 背景JavaScript 作为 web 端使用最广泛的编程语言,它是动态语言,缺乏静态类型检查,所以在代码编译期间,很难发现像变量名写错,调用不存在的方法等错误,除非在运行时才能暴露出来,所以非常有必要有一个测试工具来验证

找回 Node.js 里面那些遗失的 ES6 特性

由于 Babel,WebPack, React 技术的流行, 小明同学已经开始在前端代码里面用上了 ECMAScript 2015 (以下称 ES6 ) 的众多特性。import, export, class, arrow function, let const 等等关键词甚至都已经开始变成小明的肌肉记忆。 但是等等,对于小明这样既写 React 又写 Node.js 的的人来说,又有点分裂了。

Node.js 源站应用稳定性保障

源站与 CDN源站是 CDN 技术中的一部分,是发布内容的原始站点。CDN 负责承载流量的部分称做缓存服务器,而缓存服务器自身不生产内容,需要从源站获取原始内容。Dragonfly 作为淘宝内容管理系统(CMS)的源站,渲染并为缓存服务器提供了所有的页面内容。 Dragonfly 使用 Node.js 开发,稳定性保障是一边实践探索、一边总结经验。现在来回顾,稳定性保障涉及了 Dragonfly

近几年前端技术盘点以及 2016 年技术发展方向

Web 发展了几十个春秋,风起云涌,千变万化。我很庆幸自己没有完整地经历过这些年头,而是站在前人的肩膀上行走。Web 技术发展的速度让人感觉那几乎不是继承式的迭代,而是一次又一次的变革,一次又一次的创造。这几年的前端,更为之甚! 我从 12 年底开始接触前端,12 年之前的前端发展情况只能从上一辈的笔触中领会。本文会盘点从 09 年开始到 15 年间前端技术的革新,同时也会从多个角度,解读近几年前端技术发展的潜在因素,其中穿插了若干对前端演进的拙见,难免会有错误和疏漏,望读者可以补充和斧正。