蒲公英 · JELLY技术周刊 Vol.19 从零开始的 Cloud IDE 开发

2020-08-26
阅读 2 分钟
1.6k
你是否也会有想法去开发一个自己的 IDE 却苦于时间和精力不足,完成 Desktop IDE 却又被 Cloud IDE 的概念追在身后难以入睡,这样的两套体系如何去兼容呢?不妨先来了解一下 Eclipse 基金会推出 Theia 框架的架构设计和技术选型。

如何打造小程序体验评分满分- 京喜小程序优化实践

2020-08-26
阅读 4 分钟
3.9k
体验评分 Audits 是微信开发者工具内置的一项功能,会在小程序运行过程中实时检查,分析出一些可能导致体验不好的地方,并且定位出哪里有问题,以及给出一些优化建议。

蒲公英 · JELLY技术周刊 Vol.18 关于 React 那些设计

2020-08-19
阅读 2 分钟
1.7k
自 2011 年,Facebook 第一次在 News Feed 上采用了 React 框架,十年来 React 生态中很多好用的功能和工具在诸多设计思想和哲学的引导下被开发完成,印象最深的的设计是哪些?Fiber、Hooks 还是 Suspense?或者是一些 React 生态中的工具,比如 React Europe 2020 上刚刚分享的 Recoil?从 Class 走向 Function,Algebr...

使用react-docgen自动生成组件文档

2020-08-14
阅读 7 分钟
3k
最近在接到一个开发 React 组件库的需求,组件库在开发过程中,刚写完一个组件打算给同事用,同事立马来了个灵魂拷问“啊?这个组件怎么用”。emmm,我寻思直接告诉它下一次又忘了,还是老老实实写个文档吧。

蒲公英 · JELLY技术周刊 Vol.17: 90 行代码实现 React Hooks

2020-08-12
阅读 2 分钟
1.8k
React Hooks 相信大家都不陌生,自被设计出以来就备受好评,在很多场景中都有极高的使用率,其中原理更是很多大厂面试中的必考题,很多朋友都能够如数家珍。那么如何去用实现一个简单的 React Hooks 呢?或许大家都有各自的想法,但也不妨来看看文中所述的方案是如何构建的。

Webpack 原理浅析

2020-07-29
阅读 15 分钟
2.5k
Webpack 迭代到4.x版本后,其源码已经十分庞大,对各种开发场景进行了高度抽象,阅读成本也愈发昂贵。但是为了了解其内部的工作原理,让我们尝试从一个最简单的 webpack 配置入手,从工具设计者的角度开发一款低配版的 Webpack。

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

2020-07-29
阅读 2 分钟
2.5k
近期,谷歌有史以来的第一次线上谷歌 Web 开发者大会,Web Vitals、PWA、DevTools 和 Lighthouse 6.0 等一系列特性或产品带来的全新体验,让人眼花缭乱。这次大会也以线上的形式分享了包括了性能优化、打包构建等非常多干货,定会让你收获颇丰。

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

2020-07-27
阅读 3 分钟
1.7k
在互动中经常需要维护大量的状态,对这些状态进行测试验证成本较高,尤其是当有功能变动需要回归测试的时候。为了降低开发测试的成本,在这方面使用强化学习模拟用户行为,在两个方面提效:

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

2020-07-22
阅读 2 分钟
2.1k
听到“云游戏”,或许我们的第一反应会是“云玩家”而不是那些上云的“游戏”,在这个 5G 已来的时代,云游戏也迎来了全新的机遇。这是 5G 时代的过客?又或者这会是 5G 场景下第一个重量级应用?看完云鹭科技的这次大会分享,你会有自己的答案。

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

2020-07-15
阅读 2 分钟
1.7k
2020 年真的是灾祸频发,但是在各类前端框架上,依旧是在稳步的推进。近日 Vue 团队更新了关于 Vue 3 的最新状态,尤大新增了三个语法糖特性,它们将用于优化 SFC 的开发体验,你会有兴趣尝鲜试试么~

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

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

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

2020-07-07
阅读 4 分钟
4k
Taro 引入了腾讯有数的微信小程序无痕埋点能力,为 Taro 的开发者提供真·零开发的 8 大无痕埋点能力以及自定义埋点能力,包含小程序启动、显示、隐藏、页面浏览、页面离开、分享、下拉刷新、上拉触底等八大自动化埋点能力以及搜索、商品归因等定制化埋点,以及经营分析、直播分析、导购分析等能力,让你的小程序可以基于...

Taro 3 正式版发布:开放式跨端跨框架解决方案

2020-07-01
阅读 4 分钟
10.2k
从 Taro 第一个版本发布到现在,Taro 已经接受了来自于开源社区两年多的考验。今天我们很高兴地在党的生日发布 Taro 3(Taro Next)正式版,希望 Taro 未来的更多两年能像一名共产主义战士一样经受住更多的考验。以下是 Taro 3 的一些新增特性:

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

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

向强大的SVG迈进

2020-06-23
阅读 7 分钟
2.1k
作者:凹凸曼 - 暖暖 SVG 即 Scalable Vector Graphics 可缩放矢量图形,使用XML格式定义图形。 一、SVG印象 SVG 的应用十分广泛,得益于 SVG 强大的各种特性。 1.1、 矢量 可利用 SVG 矢量的特点,描出深圳地铁的轮廓: 1.2、iconfont SVG 可依据一定的规则,转成 iconfont 使用: 1.3、 foreignObject 利用 SVG 的 for...

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

2020-06-22
阅读 3 分钟
4.6k
在 Canvas 中对文本填充水平或垂直的线性渐变可以轻易实现,而带角度的渐变就复杂很多;就好像下面这样,假设文本矩形宽为 W, 高为 H, 左上角坐标为 X, Y。

蒲公英 · JELLY技术周刊 Vol.11 Lighthouse 测试报告生成

2020-06-17
阅读 2 分钟
2.5k
文章分享了网易云音乐前端性能监控平台使用 Lighthouse 的实践经验,介绍了 Lighthouse 的测试流程、内部模块实现以及性能指标计算等。文章循循善诱,使用清晰明了的架构图和简单易懂的代码例子,剖析了 Lighthouse 从建立链接、搜集、审计评分到主要性能指标的审计实现原理。本文鞭辟入里,干货满满,实在为不可多得的...

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

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

蒲公英 · JELLY技术周刊 Vol.10 为什么你还不使用 TypeScript

2020-06-10
阅读 2 分钟
1.7k
随着通信技术的发展,视频点播、直播业务也逐渐兴起。在这些业务形态中,流媒体技术扮演着重要的角色。但在实际使用中,即便是在优良的网络环境中,主播和观众间依然可以体验到明显的延迟。为何会产生这种延迟?这篇文章从编码、传输、缓存等方面入手,分析了延迟产生的原因。

蒲公英 · JELLY技术周刊 Vol.09 StackOverflow - 2020 开发者年度报告

2020-06-03
阅读 2 分钟
2k
登高远眺 沧海拾遗,积跬步以至千里 基础技术 StackOverFlow 2020 年开发者报告 技术问答社区 StackOverFlow 的年度报告,本次报告统计了来自于全球各地共 65000 名开发者。有几项数据令人震惊: 2020 年 jQuery 仍然是最受欢迎的 Web 开发者框架; Rust 以 20% 的领先成为最受喜爱的技术; Perl 是全球范围内收入最高的...

React/Vue/Nerv 任你选,多端框架 Taro 发布 3.0 RC 版本

2020-05-27
阅读 4 分钟
2.1k
在 Taro Next 预览版(Alpha)版本之后,我们没有停下迭代的步伐,经过两个月的开发和数百次提交之后,我们谨慎但坚定地发布 Taro Next 测试(Beta) 版,Beta 版发布后,社区很多开发者使用上了 Taro Next,他们的帮助和赞誉加上我们内部项目使用的良好反馈,Beta 发布一个月之后,我们非常自信地发布了候选版(RC)版本。

蒲公英 · JELLY技术周刊 Vol.08 -- 技术周刊 · npm install -g typescript@3.9.3

2020-05-26
阅读 3 分钟
1.9k
TypeScript 3.9 正式发布,这个版本主要聚焦于性能、改进某些特性和提升稳定性。编译器效率在这一版有了极大提升,平均编译时长从 26 秒缩短至 10 秒,改善了编辑体验,同时修复了早期 Typescript 版本面临的 Promise 困扰等等,快点升级到 3.9 尝尝鲜吧。

一个学习 Koa 源码的例子

2020-05-20
阅读 7 分钟
2.9k
作者: MarkLin 学习目标: 原生 node 封装 中间件 路由 Koa 原理 一个 nodejs 的入门级 http 服务代码如下, {代码...} koa 的目标是更简单化、流程化、模块化的方式实现回调,我们希望可以参照 koa 用如下方式来实现代码: {代码...} 所以我们需要创建一个 moa.js 文件,该文件主要内容是创建一个类 Moa, 主要包含 us...

蒲公英 · JELLY技术周刊 Vol.07: EcmaScript 2020 -- 所有你想要知道的都在这

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

大规格文件的上传优化

2020-05-13
阅读 7 分钟
8.9k
在开发过程中,收到这样一个问题反馈,在网站上传 100 MB 以上的文件经常失败,重试也要等老半天,这就难为需要上传大规格文件的用户了。那么应该怎么做才能快速上传,就算失败了再次发送也能从上次中断的地方继续上传呢?下文为你揭晓答案~

蒲公英 · JELLY技术周刊 Vol.06: Deno 1.0 发布前瞻,“真香定律”能否再现

2020-05-12
阅读 2 分钟
1.7k
Deno——来自 Node 之父 Ryan Dahl 的最新力作,在开源 2 年之际,终于将迎来 1.0 的正式版本。Deno 并不是 Node 的替代品,根据 Deno GitHub 官网上的介绍,Deno 是一款通用的 JavaScript/TypeScript 编程环境,它汇集了许多最出色的开源技术,并使用一个很小的可执行文件提供了全面的解决方案。如今的 Deno,基于 Rust,...

京喜前端自动化测试之路

2020-05-08
阅读 10 分钟
7k
京喜(原京东拼购)项目,作为京东战略级业务,拥有千万级别的流量入口。为了保障线上业务的稳定运行,每月例行开展前端容灾演习,主要包含小程序及 H5 版本,要求各页面各模块在异常情况下进行适当的降级处理,不能出现空窗、样式错乱、不合理的错误提示等体验问题。 原来的容灾演习过程:小程序(通信方式改成 Https ...

京东小程序 Taro 开发对比原生开发测评

2020-05-07
阅读 4 分钟
3.7k
Taro 已经 100% 支持转换京东小程序,受到了很多同学的关注。当中有欢呼雀跃的声音:“一键转换为京东小程序,终于可以准时下班啦”。也有对 Taro 不太了解的同学提出了一些疑问:“转换的效果如何?”、“转换后代码的性能是否达标?” 等等。

蒲公英 · JELLY技术周刊 Vol.05: Rust & Electron 的高性能实践 -- Finda

2020-05-06
阅读 2 分钟
1.7k
作者从 JavaScript 下载时间、解析时间、执行时间、内存占用四个角度评测了 jQuery、Angular、React、Vue 四个框架,最终得出结论:「框架不值得」,应该选择原生 JavaScript 或选择超轻量级框架或在服务端渲染。此文可配合蒲公英技术周刊第三期的 Svelte 安利文一同复用。

Taro 2.2 全面插件化,支持拓展和定制个性化功能

2020-04-30
阅读 8 分钟
1.1k
自 2.2 开始,Taro 引入了插件化机制,允许开发者通过编写插件的方式来为 Taro 拓展更多功能或者为自身业务定制个性化功能,欢迎大家进行尝试,共同讨论~