weekly

第 44 期 08/30 Web-based editor

技术热闻

W3C发布虚拟键盘API规范的首个公开工作草案

2021年8月24日,W3C Web 文本编辑工作组发布虚拟键盘 API 规范的首个公开工作草案

Web-based editor

The web-based editor is available to everyone for free on GitHub.com.

Chrome 94 Beta: WebCodecs, WebGPU, Scheduling, and More

Access modern GPU features with WebGPU

WebGPU is a new web API that exposes modern computer graphics capabilities. After four years of development in the W3C’s “GPU for the Web” Community Group, WebGPU is now ready for developers to try in Chrome and give feedback on the API and the shading language.

Diagnose engineering process failures with data visualization

In this article, we’ll discuss three areas that visualization can make it easier to diagnose and solve problems in everyday software engineering.

Building micro-frontends with webpack’s Module Federation

In this article, we will discuss how to dramatically simplify our app architecture by using webpack 5’s Module Federation to consume and share micro-frontend components with example code.

Ultimate Guide to Virtual Event Platforms in 2021

Virtual event platforms are used for conducting interviews and holding marketing events or training sessions, and they enable businesses to comply with health restrictions and reduce the costs of live events. Nonetheless, virtual events require significant time to plan and struggle with reduced audience engagement.

大前端

React 18 is About to Launch!

How to use Flutter Hooks #Flutter

https://blog.logrocket.com/how-to-use-flutter-hooks/

Hooks, meet Flutter. Inspired by React Hooks and Dan Abramov’s piece, Making sense of React Hooks, the developers at Dash Overflow decided to bring Hooks into Flutter.

What happens when you type a URL into your browser?

In this post, we’ll look at what happens when you type a URL into your browser and press enter.

A Step-By-Step Process for Turning Designs Into Code

In this post, we’ll take a look at how to go from design to code, and why you might want to follow a process like this instead of just diving into code head-first

Why React Needs Keys, Why It Matters #React

DI 原理解析 并实现一个简易版 DI 容器

依赖注入的目的并非为软件系统带来更多功能,而是为了提升对象重用的频率,并为系统搭建一个灵活、可扩展的框架。

深入浅出 Performance 工具 & API

今天我要给大家介绍的内容主题了「Performance」,主题偏向工具介绍

我优化了进度条,页面性能竟提高了70%

最近我准备在组里进行代码串讲,所以我梳理了下项目之前的业务代码。在梳理的过程中,我看到了有个进度条组件写的非常好,因此,我想给大家分享一下这个思路极好的进度条组件,同时它也存在非常严重的性能问题。

降低APP卸载率,测试人员可以做些什么?

根据各大应用商店的研究表明,安装应用后的30天内,大部分用户会卸载APP,平均只有不到30%的用户留存下来。“隐私安全”、“实用性”、“性能”、“体验”是用户遇到的四个主要摩擦,因此测试团队要做的事情就是:如何从质量的视角来降低这四个方面的摩擦。

[奇思妙想 CSS 3D 动画 仅使用 CSS 能制作出多惊艳的动画?](https://mp.weixin.qq.com/s/U4RCL-DZEvhX51U4ww3UCQ)

本文将从比较多的方面详细阐述如何利用 CSS 3D 的特性,实现各类有趣、酷炫的动画效果。

ESModule 系列 (二):构建下一代基础设施 PDN

借助包的分发服务,我们甚至能将本地安装依赖的速度提升10倍

2021年从零开发前端项目指南

这篇文章的话就从零手动去配置一个前端项目,会涉及到 Webpack、React、Babel、TypeScript、Ant Design、Sass、Eslint、Prettier,本文的话就本着「不求甚解」的态度,主要过一下各个模块的使用,适合从零一步一步跟着操作。

行业资讯

5年自研,代码乾坤希望实现物理引擎的国产替代

摩尔定律失效之后,在下一个十年甚至更远的将来,哪一个领域会取代芯片,出现促进生产方式和效率变革的新技术? 有人认为是物理引擎领域,原因是当下正在各个领域发生的数字孪生(Digital Twin),其底层技术正是物理引擎。以物理引擎为核心技术的数字孪生,被广泛应用于现代高精尖科研领域,是众多产业领域科研攻关的底层支撑技术,将是未来十年比肩芯片产业、影响国家发展的重要底层技术。

同程艺龙财报里的复苏秘诀

疫情这场黑天鹅是行业的危机,但只要将危机掌控好,企业不仅可转危为安,甚至还可能实现弯道超车。

[微度假迎来大时代 酒店如何搭乘快车? 星品秀011期](https://mp.weixin.qq.com/s/jlJaDOscACz39R750RcfsQ)

疫情零星反复,酒旅行业“动荡飘摇”,但有一方市场却一直表现稳定,那便是涵盖省内游、近郊游、城市周边游、周末游等在内的“微度假”。

拼多多走到了十字路口

8月24日,拼多多发布2021财年第二季度业绩。其中最引人注目的是,拼多多计划拿出100个亿,设立“百亿农研专项”,推动农业科技进步和科技普惠。

内娱震荡的一天,是一次时代更替的开始

叫好与忧虑并存,危机与机遇齐飞,没有人知道这将会把中国娱乐业引向何方。

出境旅游人能做好国内游吗?

出境旅行社改到国内游赛道究竟存在着哪些不适应呢?那些被迫转战国内游赛道的出境旅游人有着怎样的内心感受?他们确实存在心理优越感吗?

网易数帆轻舟低代码平台2.0正式发布

轻舟低代码平台以数据模型为驱动,在原有的软件开发逻辑之上推出了一种全新的可视化编程语言NASL,自带可视化的分支、循环、赋值、调用等编程语法组件,通过简单的“拖拉拽”即可快速创建应用。

我看字节

在我看来,字节现在已经是无可置疑的中国互联网第三极,这家公司整体上还是处于上升阶段。如果有一天成为第二甚至问鼎第一,也不是不可能。

设计

百度大字版精细系统的适老化设计研究实践

百度基于自身雄厚的AI技术和精细、系统的适老化设计适时推出百度大字版,使老年人更平等地获取信息和服务、获得情感陪伴。

UI 进化论:优酷智能 UI 设计

为进一步提升长视频内容分发效率,优酷平台设计团队发起智能UI项目,我们进行了为期半年的一系列测试,在核心数据上已长期取得正向收益。借鉴集团在这个方向的探索经验,我们沉淀了中台能力,总结了符合文娱特性的智能UI设计方法供大家探讨

[美的计算 生成艺术创新设计的边界](https://mp.weixin.qq.com/s/qfUFzgYhJCmGqHVBN-5YeA)

在此想和大家分享一些生成艺术设计的成果和优势,希望借助生成艺术丰富设计语言,为多元的业务场景创造出新的可能性。主要从以下3个方面阐述:什么是生成艺术设计、如何创造生成艺术设计以及生成艺术设计未来的可能性。

从Figma中学习如何做交互设计

今天就通过一些细节亮点,总结下工具软件的体验设计的几个原则。 效率设计——提高用户行为效率; 简洁化设计——降低信息噪点; 可视化设计——减少用户思考成本

发现

The Surprise Chain

How Apple used their product roadmap to surprise and delight in the early 2000s

observable

Make sense of the world with data, together

ESLint v8.0.0-beta.1 released

更多

科技爱好者周刊(第 173 期):网络收音机的设计

奇舞周刊第 412 期:从硬件、渲染、计算三大视角解析渲染性能优化的本质

image.png

欢迎加入,一起共建「前端周刊」