分类:Web开发

使用 React Hooks 代替 Redux

作者: 炎霖 发表于: 2019-05-18
使用 React Hooks 代替 Redux *注: 此文章立场不表示 Hooks 可以完全代替 Redux。 因为 Redux 还有其他适用的场景和功能,只是在大部分场景可以用 Hooks 代替。 理性选择即合理。* React Hooks 面世也有很大一段时间了。 我相信很多人对于 ...

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

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

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

作者: 林晚 发表于: 2019-03-19
音视频编解码对于前端工程师是一个比较少涉足的领域,涉及到流媒体技术中的文本、图形、图像、音频和视频多种理论知识的学习,才能够应用到具体实践中,我们自研web播放器并支持h.265解码,在码率优化的大背景下(保持画质不变情况下,应用图像增强、roi区域检测、智能场景分类和h265编解码等多种技术...

imgcook 体验版发布

作者: 波本 发表于: 2019-01-08
imgcook 体验版发布 经过淘宝前端团队内部近一年半的打磨,imgcook 迎来了社区体验版发布,欢迎试用~。 imgcook 是什么? imgcook 是专注以各种图像(Sketch/PSD/静态图片)为原材料烹饪的匠心大厨,通过智能化手段将各种图像一键生成可维护的 UI 视图代码,期...

WebGL 纹理详解

作者: 叶斋 发表于: 2018-12-18
WebGL 纹理详解 Buffer(数据缓冲区)与 Texture(纹理)是 WebGL 程序的两大数据来源。Buffer 可以通过 ArrayBuffer 或更语义化的 TypedArray 来构造;而 Texture 在大多数情况下,是通过 Image 对象来构造的。在构造和使用 Text...

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

作者: 元彦 发表于: 2018-11-28
最近团队里 @大果 分享了 React Hooks,也尝试讨论下 Function Component 与 React Hooks,技术的发展路径总是逐步降低其门槛,简单从轻量级角度我们做一个排序: createClass Component > Class Component > Funct...

Atag - Web Components 最佳实践

作者: 卓凌 发表于: 2018-11-01
引子 上一次社区中谈论起 Web Components 已经可以追溯到三四年前了,彼时 Web Components 仍处于不稳定的草案阶段,Polymer 的出世使大家似乎看到了新一代的前端技术,但直到今天,在今年五月 Google I/O 发布 Polymer 3 之后, Web Comp...

Workbox 3:Service Worker 可以如此简单

作者: 虚笔 发表于: 2018-08-09
如果你追求极致的 Web 体验,你一定在站点中使用过 PWA,也一定面临过在编写 Service Worker 代码时的犹豫不决,因为 Service Worker 太重要了,一旦注册在用户的浏览器,全站的请求都会被 Service Worker 控制,一不留神,小问题也成了大问题了。不过到了...

活用 Shader,让你的页面更小,更炫,更快

作者: 叶斋 发表于: 2018-05-08
可编程着色器(shader)是运行在 GPU 中的程序,是现代图形渲染技术的基础。shader 赋予了开发者「逐像素着色」的能力。桌面/移动设备的图形程序 API 诸如 OpenGL,OpenGL ES,DirectX 以及新一代的 Vulkan,shader 都是重中之重,核心中的核心。 W...

Rax 系列教程(长列表)

作者: 亚城 发表于: 2018-03-13
引子 Rax 提供的长列表标签有很多,在什么场景下使用什么列表组件,怎样选择列表组件性能会更好,这些问题可能会给刚接触 Rax 的同学带来困扰。本文结合 Rax 0.5 发布版本对列表能力进行一次详细的梳理。 如何让页面滚动 在开始正题之前先说说为什么要有长列表的概念,以及如何让页面可以滚动...