Taobao FED

分类:Web开发

响应至上:打造无卡顿的滚动列表

在技术变化与发展如此之快的今天,web用户对页面的访问速度与响应度提出了越来越高的要求。 其中的“响应度”不仅仅是实现层面的问题,更是个设计问题,仅靠性能优化与更快的硬件是难以解决的。 本文以常见的「无尽滚动列表」场景为案例,阐述如何从交互的角度看待和提升用户体验的思路,提升页面的「响应度」。 播放视频查看效果 用户体验就是生产力 感知的响应度可能看起来不如有效性重要,但实际上恰好相反。

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

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

大话 JavaScript 动画

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

前端修炼小册 开放申请啦

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

使用 React Hooks 代替 Redux

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

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

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

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

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

imgcook 体验版发布

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

WebGL 纹理详解

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

前端架构杂思录:议 Function Component 与 Hooks

最近团队里 @大果 分享了 React Hooks,也尝试讨论下 Function Component 与 React Hooks,技术的发展路径总是逐步降低其门槛,简单从轻量级角度我们做一个排序: 1createClass Component > Class Component > Function Component 技术上 Class Component 是可以完全代替 cre