蒲公英 · JELLY技术周刊 Vol.16 谷歌首个线上 Web 开发者大会
蒲公英 · JELLY技术周刊 Vol.16
近期,谷歌有史以来的第一次线上谷歌 Web 开发者大会,Web Vitals、PWA、DevTools 和 Lighthouse 6.0 等一系列特性或产品带来的全新体验,让人眼花缭乱。这次大会也以线上的形式分享了包括了性能优化、打包构建等非常多干货,定会让你收获颇丰。
登高远眺
天高地迥,觉宇宙之无穷
基础技术
谷歌发布首个线上 Web 开发者大会
谷歌在本月初完成首次线上 Web 开发者大会 (web.dev/live),以线上视频的形式,分享关于优化核心 Web 指标的最佳实践,Cookie 隐私和安全保护、构建工具与打包优化、Chrome DevTools 改进等技术干货。
深入浅出现代 Web 编程
这是芬兰赫尔辛基大学公开的全栈课程资源,内容包括 React, Redux, Node.js, MongoDB, GraphQL 以及 TypeScript 等,教你利用 ReactJS 搭配 Node.js 开发 REST API,搭建属于自己的单页应用程序(SPA:Single Page Application)。
前端框架
在 React 内使用内联函数的性能损耗究竟有多少?
一直有人教导我们:在 React 里用形如 onClick={() => { /* xxx */ }}
函数内联的写法会降低性能,是不好的。但你想过具体有多大影响吗?Matthew Gerstman 想知道影响的具体程度,所以他做了验证。结果发现,尽管内联函数存在着性能损耗,但这种损耗近乎可以忽略不计。
图形编程
支付宝 App 3D 动画和小游戏背后的故事
3D 动画和游戏一直是前端领域的难点,支付宝 App 从 2017 年春节推出 AR 红包开始,一直在 Web3D 领域进行探索和实践。本文中介绍了支付宝业务线从 17 年推出 AR 红包开始,在 Web3D 上的尝试。通过从0开发 R3 渲染引擎、下至由浏览器层面针对 Web3D 进行兼容等等努力,诞生了「星星球」等营销方案成功的 Web3D 游戏。在此过程中,团队也在“技术落地,业务探索,降低成本”方面做了不少尝试。文末分析了 Web3D 的短板所在,并结合技术趋势推测出未来的发展前景,值得思考。
华人团队打造3D手环, 让VR告别手柄
最近, 康奈尔大学的华人教授带领国内本科生通过手环获得手指红外线成像结合深度神经网络, 以3D的形式对手指骨骼20多个关节进行了重建,该技术将在 VR、手语翻译、人机交互等方向有广泛的应用。
当原生云游戏遇上互动直播
7月22日的云鹭科技云游戏互动直播分享会上,云鹭科技 CEO 温向东在直播中为大家分析了目前游戏开发者们遇到的困境,并针对这些困境提出了“入局云游戏”的解决方法。从轻量级游戏入手,并成立委员会,以对原生云游戏进行多方位的支持。
人工智能
可视化卷积神经网络解释器
CNN(卷积神经网络)是学习AI过程中必定会了解到的概念。但了解CNN的工作原理需要大量专业知识,小白使用的时候不得不把它当成一个黑箱处理。而佐治亚理工中国博士出品的可视化解释器,把CNN按步拆解并辅以图形解释通过点击CNN不同模块就能展示是怎么识别图片和物品的。
沧海拾遗
沧海拾遗,积跬步以至千里
Taro H5 - 决战性能之巅
只有 Web 需求时,你会选择 Taro H5 么?或许你有自己的答案,但是在很多场景下, Taro H5 已经为很多开发者达成了非常多优化去应对,或许不完美,但是在社区很多开发者的贡献之下,Taro H5 在性能还有诸多方面,都已经成为了一套完成度很高的方案,来听听 Taro H5 的第一作者 xiaoli 怎么说吧!
京东 PC 首页 - 电商门户的迭代之路
提起门户网站,算是个古早的话题,但是想要做好却依旧有很多我们需要考虑的问题,电商门户更是其中非常重要的环节,各类优化和体验,都需要做到极致。那么对于京东来说,想要适应当下前端开发的环境,对自家门户首页的改版,需要注意那些呢?
「蒲公英」期刊,每周更新,我们专注于挖掘「基础技术、工程化、跨端框架技术、图形编程、服务端开发、桌面开发、人工智能、设计哲学、前端框架」等多个大方向的业界热点,并加以专业的解读;不仅如此,我们还会推介精选凹凸技术文章,向大家呈现团队内的研究技术方向。
抬头仰望,蒲公英的种子会生根发芽,如夏花绚烂;格物致知,我们登高远眺、沧海拾遗,以求积硅步而至千里。
欢迎关注凹凸实验室博客:aotu.io
或者关注凹凸实验室公众号(AOTULabs),不定时推送文章:
蒲公英 · JELLY技术周刊 Vol.16 谷歌首个线上 Web 开发者大会的更多相关文章
- 蒲公英 · JELLY技术周刊 Vol.03
蒲公英 · JELLY技术周刊 Vol.03 「蒲公英」期刊全新升级--JELLY技术周刊!深度挖掘业界热点动态,来自团队大咖的专业点评,带你深入了解团队研究的技术方向. 登高远眺 天高地迥,觉宇宙之 ...
- 蒲公英 · JELLY技术周刊 Vol.25 · Webpack 5 正式发布,你学废了么
蒲公英 · JELLY技术周刊 Vol.25 阔别两年,Webpack 5 正式发布了,不仅清理掉很多冗余的功能,同样也为我们带来了很多新鲜的能力,不论是默认开启的持久缓存,还是反病毒保护,亦或者被其 ...
- 蒲公英 · JELLY技术周刊 Vol.17: 90 行代码实现 React Hooks
蒲公英 · JELLY技术周刊 Vol.17 React Hooks 相信大家都不陌生,自被设计出以来就备受好评,在很多场景中都有极高的使用率,其中原理更是很多大厂面试中的必考题,很多朋友都能够如数家 ...
- 蒲公英 · JELLY技术周刊 Vol.19 从零开始的 Cloud IDE 开发
蒲公英 · JELLY技术周刊 Vol.19 你是否也会有想法去开发一个自己的 IDE 却苦于时间和精力不足,完成 Desktop IDE 却又被 Cloud IDE 的概念追在身后难以入睡,这样的两 ...
- 蒲公英 · JELLY技术周刊 Vol.20: Vue3 极致优化——分析 Vue3 Compiler 告诉你为什么这么快
蒲公英 · JELLY技术周刊 Vol.20 性能优化是一条无尽的路,我们总是可以找到各种途径去提升体验,不论是响应时间还是按需加载,亦或是根据框架或者组件有针对性的优化都会是不错的方法.如果你在使用 ...
- 蒲公英 · JELLY技术周刊 Vol.22: npm i react-router@6.0.0-beta.0
蒲公英 · JELLY技术周刊 Vol.22 近期 React Router 已经释出了 6.x 的 beta 版本,正式版本已经不远了,作为 React 生态中的重要组成部分,React Route ...
- 蒲公英 · JELLY技术周刊 Vol 27: 平平无奇 React 17
蒲公英 · JELLY技术周刊 Vol.27 这个热闹的十月终于要走到尾声,React 17 历经 4 个 RC 版本之后,也于数天前正式发布了,而同在几天前发布的 CRA 4.0 也已经完成了 Re ...
- 蒲公英 · JELLY技术周刊 Vol.28: Next.js 10 发布
蒲公英 · JELLY技术周刊 Vol.28 前端应用到底该选 SSR 还是 CSR?每个项目技术栈决策的时候都会根据实际需求有自己的看法,而在不久前 React 17 发布之后,自然而然也会有同学好 ...
- 蒲公英 · JELLY技术周刊 Vol.30: 此路不通?Vue 3 新提案 Ref-sugar
蒲公英 · JELLY技术周刊 Vol.30 随着 Vue 3 发布,相关的新闻也逐渐火热起来,而近期 RFC 中两个新的提案也因为某乎上的一些事情变得广为人关注.Ref sugar和script s ...
随机推荐
- 【Xamarin.Forms 1】App的创建与运行
引言 本篇文章将从介绍Xamarin.Forms创建开始. 开发环境 Visual Studio 2019 16.6.2 Xamarin.Forms 4.6.0.726 Android 5.0 (AP ...
- SQL注入基础原理
Web安全: 三层架构(3-tier architecture) 通常意义上就是将整个业务应用划分为: 界面层(User Interface layer) 业务逻辑层(Business Logic L ...
- 抓包工具-Charles基础使用
正在整理,等待编辑过后更新....... 竟然字少不能发不出去 那..... 现..... 在..... 够..... 了..... 吗?????? 不..... 够..... 我..... 在... ...
- JVM类加载机制小结
这篇文章我们关注一个问题:Java程序是怎么进入JVM并执行的?经常写Java程序的小伙伴应该都听说过类加载机制,在<深入理解Java虚拟机>里周老师已经讲的很清楚了,这篇随笔把之前的笔记 ...
- request.headers.get头部获取内容的缺失
1.说明 今天遇到了一个小坑,在做权限控制的时候,用头部传递了参数取名为table_privilege_id, 在本地测试的时候是可以接到这个参数的,但是通过ngxin转发之后,奇怪了,怎么也拿不到这 ...
- kubernetes系列(十二) - 存储之Secret
1. Secret简介 2. Secret类型 3. Service Account 4. Opaque 4.1 Opaque类型说明 4.2 Opaque创建方式 4.2.1 命令行创建 4.2.2 ...
- JVM 专题二十一:垃圾回收(五)垃圾回收器 (二)
3. 回收器 3.1 Serial回收器:串行回收 3.1.1 概述 Serial收集器是最基本.历史最悠久的垃圾收集器了.JDK1.3之前回收新生代唯一的选择. Serial收集器作为Hotspot ...
- bzoj3043IncDec Sequence*
bzoj3043IncDec Sequence 题意: n个数,每次可以将区间l到r里的数+1或-1,问将它们变成同个数的最小操作次数和保证最小操作次数前提下有多少中可能.n≤100000. 题解: ...
- Spring AOP里的静态代理和动态代理,你真的了解嘛?
什么是代理? 为某一个对象创建一个代理对象,程序不直接用原本的对象,而是由创建的代理对象来控制原对象,通过代理类这中间一层,能有效控制对委托类对象的直接访问,也可以很好地隐藏和保护委托类对象,同时也为 ...
- Java常用API(Arrays类)
Java常用API(Arrays类) 什么是Arrays类? java.util.Arrays 此类包含用来操作数组的各种方法,比如排序和搜索等.其所有方法均为静态方法,调用起来 非常简单. 这里我们 ...