Taobao FED

主页

2019

工具&平台

VSCode原理解析 - 断点调试

背景今年年初，有辛参与了IDE 共建项目组, 打造阿里生态体系内的公共IDE底层，而作为一款面向开发者的IDE，调试能力的支持一定程度上决定着一款IDE的开发体验；VSCode作为微软体系下一款当前最热的IDE开发工具，在调试领域上的探索实践是很好的学习案例，有道是：借他山之石,逐已身之玉，故本文着力于分析VCode中调试功能的设计与实现，让后来的人可以较为简单的理解调试这件事情是如何做到的。

Web开发

Fdcon 2018 分享：淘宝Web 3D应用与游戏开发实战

Fdcon 2018 分享：淘宝Web 3D应用与游戏开发实战主题：分会场二：全端与全栈专场 - 淘宝Web 3D应用与游戏开发实战 时间：2018年5月19日 15:15 地点：中国 上海 演讲嘉宾：徐乾伟(烧鹅)-淘宝-前端技术专家 PPT地址：https://shimo.im/docs/Mq8nWZ3pCyg3AAN5/ 寸志：接下来开始下半场。下半场有请淘宝的烧鹅前端技术专家给我们带来“

Web开发

大话 JavaScript 动画

背景138.2亿年前，世界上没有时间和空间，或许世界都不存在，在一个似有似无的点上，汇集了所有的物质，它孕育着无限的能量与可能性。 宇宙大爆炸巨大的内力已无法被抑制，瞬间爆发，它爆炸了！世界上有了时间和空间，随着岁月的变迁，时光的流逝，无数的星系、恒星、卫星、彗星形成。我们生活的地球，只是茫茫宇宙中的一个小小的天体，或许在遥远的宇宙的另一边，会有平行世界的存在，或许在那里，我们可能是医生、老师、

Web开发

前端修炼小册 开放申请啦

想要系统地学习前端？想要了解我们期待的 FEDer 要有哪些硬技能？淘宝前端团队倾情奉上了这本小册，带你一起开启前端修炼之旅。 小册分为三个篇章，逐步进阶： 基础篇：建立编程思维模式，熟练掌握基础技能 入门篇：在实践中，不断深入学习 深入篇：知其然知其所以然 他们是这么评价这本小册的： 小册子来自一线工程师的技术总结，在这个缺少前端课程的大环境下，对渴望进入前端行业的同学来说，是非常宝贵

Web开发

使用 React Hooks 代替 Redux

使用 React Hooks 代替 Redux 注：此文章立场不表示 Hooks 可以完全代替 Redux。因为 Redux 还有其他适用的场景和功能，只是在大部分场景可以用 Hooks 代替。理性选择即合理。 React Hooks 面世也有很大一段时间了。我相信很多人对于 Hooks 的认知还大概处在： 更 FP「Functional Programming」 编程方式 更简洁易测的组件

Web开发

我们是如何管理一个 1w+ stars 的开源仓库的

对于每个开发者来讲，git 仓库是我们几乎每天都要接触的东西，但是实际上大多数的 git 仓库管理都是非常随性且不规范的，在某些情况下这样做并没有太大的问题，但是当协作成员逐渐增多、仓库职责逐步扩展时，很多原本不规范的小问题会被逐渐放大乃至产生一些极为严重的问题。笔者所在的飞冰（ICE）团队在 2018 年 2 月开源了 alibaba/ice 这个仓库，经过不到一年的时间终于在 2018 年末

Web开发

Web端H.265播放器研发解密

音视频编解码对于前端工程师是一个比较少涉足的领域，涉及到流媒体技术中的文本、图形、图像、音频和视频多种理论知识的学习，才能够应用到具体实践中，我们自研web播放器并支持h.265解码，在码率优化的大背景下（保持画质不变情况下，应用图像增强、roi区域检测、智能场景分类和h265编解码等多种技术能力，将码流降低50%。达到减少带宽成本，提升视频服务QoE的目的），真正做到了h265解码播放的全域覆

团队生活

淘宝前端团队 2019 年实习生内部推荐通道已开启

随着阿里巴巴 2019 年实习生招聘的启动，淘宝前端团队（Taobao FED）实习生内部推荐也已经拉开序幕。这是一个有着十多年历史与荣耀的团队，相信你已经从各个渠道听到过我们的名字。选择一家公司进行实习，对于大学生来说是一个关键的抉择；找到有潜力的实习生进行培养，对于一个团队来说更是求贤若渴。 在这里，请让我向你介绍我们在做的一些事情以及我的小伙伴们。如果你感到有兴趣，并且认为自己足够优秀，不

Web开发

imgcook 体验版发布

imgcook 体验版发布经过淘宝前端团队内部近一年半的打磨，imgcook 迎来了社区体验版发布，欢迎试用～。 imgcook 是什么？imgcook 是专注以各种图像（Sketch/PSD/静态图片）为原材料烹饪的匠心大厨，通过智能化手段将各种图像一键生成可维护的 UI 视图代码，期望此 imgcook (图像大厨) 未来能够成为一位 P5 级别的重构工程师，能切实提高开发的开发效率，并助力

2018

Web开发

WebGL 纹理详解

WebGL 纹理详解Buffer（数据缓冲区）与 Texture（纹理）是 WebGL 程序的两大数据来源。Buffer 可以通过 ArrayBuffer 或更语义化的 TypedArray 来构造；而 Texture 在大多数情况下，是通过 Image 对象来构造的。在构造和使用 Texture 的过程中，需要确定很多选项来以不同的方式构造 Texture；这些选项之间有着各种各样的关系，或互