蒲公英 · JELLY技术周刊 Vol.30: 此路不通?Vue 3 新提案 Ref-sugar

蒲公英 · JELLY技术周刊 Vol.30 随着 Vue 3 发布,相关的新闻也逐渐火热起来,而近期 RFC 中两个新的提案也因为某乎上的一些事情变得广为人关注。Ref sugar和script setup两个提案同生不同命,在社区开发者中的评价天差地别,但是当我们冷静下来,此路真的不通?推荐这篇 ... »

蒲公英 · JELLY技术周刊 Vol.29: 前端智能化在阿里的那些事

蒲公英 · JELLY技术周刊 Vol.29 前端智能化是指借助于 AI 和机器学习的能力拓展前端,使其拥有一些超出现阶段前端能力的特性,这将是未来前端方向中一场重要的变革。目前各家互联网厂商都有自己的项目朝着这个大方向不断实践,对未来发起挑战,而阿里就是这其中之一,也给大家留下了许多令人印象深刻的 ... »

蒲公英 · JELLY技术周刊 Vol.28: Next.js 10 发布

蒲公英 · JELLY技术周刊 Vol.28 前端应用到底该选 SSR 还是 CSR?每个项目技术栈决策的时候都会根据实际需求有自己的看法,而在不久前 React 17 发布之后,自然而然也会有同学好奇,如果想要在服务端渲染 React 17 写的页面有什么比较好的方案么?这不就 Next.js 1 ... »

蒲公英 · JELLY技术周刊 Vol 27: 平平无奇 React 17

蒲公英 · JELLY技术周刊 Vol.27 这个热闹的十月终于要走到尾声,React 17 历经 4 个 RC 版本之后,也于数天前正式发布了,而同在几天前发布的 CRA 4.0 也已经完成了 React 17 的支持。虽然没有任何新特性,看似“平平无奇”的 React 17 却依旧令人神摇目夺, ... »

蒲公英 · JELLY技术周刊 Vol.25 · Webpack 5 正式发布,你学废了么

蒲公英 · JELLY技术周刊 Vol.25 阔别两年,Webpack 5 正式发布了,不仅清理掉很多冗余的功能,同样也为我们带来了很多新鲜的能力,不论是默认开启的持久缓存,还是反病毒保护,亦或者被其作者之一称为 JS 架构变革者的Module Federation。虽然不知道你有没有心动呢,但现在 ... »

Webpack 原理浅析

作者: 凹凸曼 - 风魔小次郎 背景 Webpack 迭代到4.x版本后,其源码已经十分庞大,对各种开发场景进行了高度抽象,阅读成本也愈发昂贵。但是为了了解其内部的工作原理,让我们尝试从一个最简单的 webpack 配置入手,从工具设计者的角度开发一款低配版的 Webpack。 开发者视角 假设某一 ... »

蒲公英 · JELLY技术周刊 Vol.16 谷歌首个线上 Web 开发者大会

蒲公英 · JELLY技术周刊 Vol.16 近期,谷歌有史以来的第一次线上谷歌 Web 开发者大会,Web Vitals、PWA、DevTools 和 Lighthouse 6.0 等一系列特性或产品带来的全新体验,让人眼花缭乱。这次大会也以线上的形式分享了包括了性能优化、打包构建等非常多干货,定 ... »

618前端竞品分析研究(互动篇)

作者:吉玉 智能化测试 在互动中经常需要维护大量的状态,对这些状态进行测试验证成本较高,尤其是当有功能变动需要回归测试的时候。为了降低开发测试的成本,在这方面使用强化学习模拟用户行为,在两个方面提效: mock接口:将学习过程中的状态作为服务接口的测试数据; 回归测试:根据mock接口数据回溯到特定 ... »

JELLY技术周刊 Vol.15 云游戏会是 5G 杀手级应用么?

蒲公英 · JELLY技术周刊 Vol.15 听到“云游戏”,或许我们的第一反应会是“云玩家”而不是那些上云的“游戏”,在这个 5G 已来的时代,云游戏也迎来了全新的机遇。这是 5G 时代的过客?又或者这会是 5G 场景下第一个重量级应用?看完云鹭科技的这次大会分享,你会有自己的答案。 登高远眺 天 ... »

京喜前端自动化测试之路(小程序篇)

作者:阿翔 如果你已经阅读过 《京喜前端自动化测试之路(一)》,可跳过前言部分阅读。 前言 京喜(原京东拼购)项目,作为京东战略级业务,拥有千万级别的流量入口。为了保障线上业务的稳定运行,每月例行开展前端容灾演习,主要包含小程序及 H5 版本,要求各页面各模块在异常情况下进行适当的降级处理,不能出现 ... »

蒲公英 · JELLY技术周刊 Vol.14: Vue 3 新特性详解

2020 年真的是灾祸频发,但是在各类前端框架上,依旧是在稳步的推进。近日 Vue 团队更新了关于 Vue 3 的最新状态,尤大新增了三个语法糖特性,它们将用于优化 SFC 的开发体验,你会有兴趣尝鲜试试么~ 登高远眺 天高地迥,觉宇宙之无穷 前端框架 Vue 3: 2020 年中的状态更新 近日 ... »

蒲公英 · JELLY技术周刊 Vol.13 跟 VSCode 学习如何开发大型 IDE 项目

开发一个 IDE 很难么?这或许是件很难的事情,但当我们参考 VSCode 的技术构架来看,整个开发流程就会平滑顺畅很多,从内核开发、代码编辑器、视图结构到插件系统,在这整个技术构架中我们可以看到很多一个 IDE 开发中需要注意的方方面面。如果你对 VSCode 深入研究过,相信可以从中颇受启发,在 ... »

图形处理:给 Canvas 文本填充线性渐变

作者:凹凸曼 - Barrior 在 Canvas 中对文本填充水平或垂直的线性渐变可以轻易实现,而带角度的渐变就复杂很多;就好像下面这样,假设文本矩形宽为 W, 高为 H, 左上角坐标为 X, Y。 猜想与答案 给出两个答案: 正确答案是图二,因为这样得出来的坐标生成的渐变最紧接文本矩形边界,它的 ... »

小程序零开发埋点,就是这么简单!

作者:腾讯有数 - TabPan Taro 引入了腾讯有数的微信小程序无痕埋点能力,为 Taro 的开发者提供真·零开发的 8 大无痕埋点能力以及自定义埋点能力,包含小程序启动、显示、隐藏、页面浏览、页面离开、分享、下拉刷新、上拉触底等八大自动化埋点能力以及搜索、商品归因等定制化埋点,以及经营分析、 ... »

蒲公英 · JELLY技术周刊 Vol.12 尤雨溪新作 Vite, 你会支持么?

「蒲公英」期刊,每周更新,我们专注于挖掘「基础技术、工程化、跨端框架技术、图形编程、服务端开发、桌面开发、人工智能」等多个大方向的业界热点,并加以专业的解读;不仅如此,我们还精选凹凸技术文章,向大家呈现团队内的研究技术方向。 抬头仰望,蒲公英的种子会生根发芽,如夏花绚烂;格物致知,我们登高远眺、沧海 ... »

向强大的SVG迈进

作者:凹凸曼 - 暖暖 SVG 即 Scalable Vector Graphics 可缩放矢量图形,使用XML格式定义图形。 一、SVG印象 SVG 的应用十分广泛,得益于 SVG 强大的各种特性。 1.1、 矢量 可利用 SVG 矢量的特点,描出深圳地铁的轮廓: 1.2、iconfont SVG ... »

技术周刊 · Lighthouse 测试报告生成

登高远眺 天高地迥,觉宇宙之无穷 基础技术 Lighthouse 测试内幕 文章分享了网易云音乐前端性能监控平台使用 Lighthouse 的实践经验,介绍了 Lighthouse 的测试流程、内部模块实现以及性能指标计算等。文章循循善诱,使用清晰明了的架构图和简单易懂的代码例子,剖析了 Light ... »

前端也要懂物理 —— 惯性滚动篇

作者:凹凸曼-吖伟 我们在平时编程开发时,除了需要关注技术实现、算法、代码效率等因素之外,更要把所学到的学科知识(如物理学、理论数学等等)灵活应用,毕竟理论和实践相辅相成、密不可分,这无论是对于我们的方案选型、还是技术实践理解都有非常大的帮助。今天就让我们一起来回顾中学物理知识,并灵活运用到惯性滚动 ... »