taobaofed.org
Archives: 2017 | Taobao FED | 淘宝前端团队
http://taobaofed.org/archives/2017
相信现在绝大多数人在 JavaScript 中绘制动画已经在使用 requestAnimationFrame 了,关于 requestAnimationFrame 的种种就不多说了,关于这个 API 的资料,详见 http:/ www.w3.org/TR/animation-timing/,https:/ developer.mozilla.org/en/docs/Web/API/window. 在前端界,以前有远近闻名的 jQuery,近来有声名鹊起的 Vue.js。 这两者叫好又叫座的原因固然有很多,但是其中有一个共同特质不可忽视,那便是它们的 API 设计 非常优雅。 讨论内容的定义域本文并不是 jQuery API 赏析 ,当我们谈论 API 的设计. 同时,结合近期 GitHub 上的相关 is. 引子 本文开始之前先调整一个概念,陪我们奋战穿促的 Rx 更名为 Rax。 RaxRax 是一个基于 React 方式的跨容器的 JS 框架 React 你会用 React,那么你会很快上手 Rax 跨容器 Browser、WEEX、Node.js gzip.
taobaofed.org
Archives: 2016/11 | Taobao FED | 淘宝前端团队
http://taobaofed.org/archives/2016/11
React 组件间通讯说 React 组件间通讯之前,我们先来讨论一下 React 组件究竟有多少种层级间的关系。 假设我们开发的项目是一个纯 React 的项目,那我们项目应该有如下类似的关系 父子 Parent 与 Child 1、Child 2、Child 1 1、Child 1 2、Child 2 1 兄弟 Child 1 与 Child 2、Child 1 1 与 Child 2、e. 而一旦这些问题导致了 JavaScript 报错 如空指针异常 ,并且没有被有效地隔离,就有可能引发页面的白屏、无法交互等线上问题。 在双 11 准备期间,我们收集了过往一年前端相关的线上问题,在收集的 21 个案例中,竟有一半的问题都与 数据异常触发页面显示异常 这个原因有些相关。 ES6 你可能不知道的事 - 进阶篇. 前言这篇文章主要会针对上篇未涉及到的进阶特性展开 而与前一篇文章相同,本文主要介绍这些特性的一些容易忽略的部分,希望能对大家正确认识和使用 ES6 有帮助。 Module 是 ES6 的新特性,是语言层面对模.
taobaofed.org
Archives: 2017/1 | Taobao FED | 淘宝前端团队
http://taobaofed.org/archives/2017/01
引子 本文开始之前先调整一个概念,陪我们奋战穿促的 Rx 更名为 Rax。 RaxRax 是一个基于 React 方式的跨容器的 JS 框架 React 你会用 React,那么你会很快上手 Rax 跨容器 Browser、WEEX、Node.js gzip.
taobaofed.org
Archives: 2016/6 | Taobao FED | 淘宝前端团队
http://taobaofed.org/archives/2016/06
从 14 年双十二结束开始接手淘宝首页,到如今差不多 1 年半时间了,不久前完成了首页相关工作的交接。 经历了两次改版和一次从 PHP 到 Node 的迁移,还是颇有感受,下面给大家分享下。 近几年无线端崛起,业务重点开始向无线终端偏移 目前不能叫偏移,基本以无线为主了 ,所以淘宝 PC 端首页的流量也有削.
taobaofed.org
Category: Node.js | Taobao FED | 淘宝前端团队
http://taobaofed.org/categories/Node-js
八面玲珑的 Node.js - Node 地下铁第三期广州站线下沙龙总结. 前言转眼 2016 年就要结束了,距上次地下铁沙龙已经过去了大半年,我们在这冬天来到温暖的广州,跟朋友们相聚一堂,一起学习探讨开发 Node.js 过程中的心得,以及探讨 Node.js 领域内的新动向。 本次活动受广州地主 UC 前端团队的大力支持,由 UC 提供了会场,博文视点、图灵、稀土掘金提供了本次活动的赞助。 如何 hack Node.js 模块. 为何要去 hack 在业务开发过程中,往往会依赖一些 Node.js 模块,hack 这些 Node.js 模块的主要目的是在不修改工具源码的情况下,篡改一些特定的功能。 可能会是出于以下几种情况的考虑 总是存在一些特殊的本地需求,不一定能作为工具的通用需求来暴露正常的 API 给更多的用户。 Nodejs 和 C 之间的类型转换. 我非常喜欢使用 Node.js,但是当涉及到计算密集型的场景时 Node.js 就不能够很好地胜任了。 虽然在 Node.js 官方网站有很多的关于怎么使用这些 API 的文档,但是在 JavaScript 和. 虽然当天是近来久违的好天气,而...
taobaofed.org
Archives: 2016/7 | Taobao FED | 淘宝前端团队
http://taobaofed.org/archives/2016/07
纠结的链接 ln、ln -s、fs.symlink、require. 最近在使用 fs.symlink 实现软链时,发现文档里面写的是 fs.symlink(target, path) 然而 man ln 的时候显示的是 ln source file target file 而且,require 模块的时候其实还会处理软链但是处理的又不是想象中那样。 ES6 你可能不知道的事 - 基础篇. 序ES6,或许应该叫 ES2015 2015 年 6 月正式发布 ,对于大多数前端同学都不陌生。 首先这篇文章不是工具书,不会去过多谈概念,而是想聊聊关于每个特性 你可能不知道的事,希望能为各位同学 正确使用 ES6,提供一些指导。 Memoization适用于递归计算场景,例如 fibonacci 数值 的计算。
taobaofed.org
Category: 工具&平台 | Taobao FED | 淘宝前端团队
http://taobaofed.org/categories/工具-平台
说起 happypack 可能很多同学还比较陌生,其实 happypack 是 webpack 的一个插件,目的是通过多进程模型,来加速代码构建,目前我们的线上服务器已经上线这个插件功能,并做了一定适配,效果显著。 这里有一些大致参考 这张图是 happypack 九月逐步全量上线后构建时间的的参考数据,线上构建服务器 16 核环境。 调试技术的起源1947 年 9 月 9 日,一名美国的科学家格蕾丝.霍普和她的同伴在对 Mark II 计算机进行研究的时候发现,一只飞蛾粘在一个继电器上,导致计算机无法正常工作,当他们把飞蛾移除之后,计算机又恢复了正常运转。 于是他们将这只飞蛾贴在了他们当时记录的日志上,对这件事情进行了详细的记录,并在日志最后写了这样一句话 First actual case of bug being foun. 背景通常个人在开发项目的时,都是在本地编写构建脚本对项目进行构建,这个脚本可能是 Gulp,可能是 Grunt, 可能是 webpack,也可能是其他的一些脚本,每次代码发布之前,都要对代码进行构建,代码仓库里面包含构建脚本和构建之后的代码。 第 1 页,共 2 页.
taobaofed.org
Archives: 2016/12 | Taobao FED | 淘宝前端团队
http://taobaofed.org/archives/2016/12
QCon San Francisco 2016 前端参会总结. 11 月初有幸参加了在美国旧金山举行的 Qcon 会议,会议之余在小伙伴们的各路关系中拜访了一些美国的科技公司。 Webpack: The One Build Step To Rule Them Allwebp. 八面玲珑的 Node.js - Node 地下铁第三期广州站线下沙龙总结. 前言转眼 2016 年就要结束了,距上次地下铁沙龙已经过去了大半年,我们在这冬天来到温暖的广州,跟朋友们相聚一堂,一起学习探讨开发 Node.js 过程中的心得,以及探讨 Node.js 领域内的新动向。 本次活动受广州地主 UC 前端团队的大力支持,由 UC 提供了会场,博文视点、图灵、稀土掘金提供了本次活动的赞助。 说起 happypack 可能很多同学还比较陌生,其实 happypack 是 webpack 的一个插件,目的是通过多进程模型,来加速代码构建,目前我们的线上服务器已经上线这个插件功能,并做了一定适配,效果显著。 这里有一些大致参考 这张图是 happypack 九月逐步全量上线后构建时间的的参考数据,线上构建服务器 16 核环境。
taobaofed.org
Category: 团队生活 | Taobao FED | 淘宝前端团队
http://taobaofed.org/categories/团队生活
2015 年我在不同的场合分享了很多内容 有移动端的性能、有适配、有 Web vs Native,也有 hybrid,但是其实我一直比较担心,真正有深度的内容,其实面向的是比较小. 淘宝前端团队 FED 之首届 KISSY 杯羽毛球双打公开赛落下帷幕,樱空&左御 组合不负众望,成功斩获冠军奖杯,恭喜二位选手,也恭喜阿大教练组,感谢其他选手与观众的参与,感谢组办方和赞助商 本届羽毛球比赛看点 赞助商和组办方竟被痛下杀手,首轮即获败出局,伐开心 唯一混双组合 站稳&晴苑 因为没有 站的很稳 ,错失晋级良机,说好的要照顾妹子的呢,说好的要站稳的呢 足球. 这里是由淘宝前端团队 FED 发起的 Node.js 爱好者的地下聚集社区,产出我们在 Node.js 实践中的原创思考和片面观点。