每周分享(第 151 期)

278 阅读2分钟

新闻、观点、有趣

vue mixins和extends的妙用
结论: 优先调用mixins和extends继承的父类,extends触发的优先级更高,相对于是队列 push(extend, mixin1, minxin2, 本身的钩子函数) 经过测试,watch的值继承规则一样。

TypeScript + Vue3 快速上手

  1. 认识Vue3 了解相关信息 Vue.js 3.0 "One Piece" 正式版在今年9月份发布 2年多开发, 100+位贡献者, 2600+次提交, 600+次PR Vue3支持vue2的大多数特性 更好的支持Typescript

元宇宙下的前端现状
首次出现:1992 年尼尔·斯蒂芬森的科幻小说《雪崩》当中,在这部小说中讲述了大量有关虚拟化身、赛博朋克等场景。

维基百科:通过虚拟增强的物理现实,呈现收敛性和物理持久性特征,基于未来互联网,具有链接感知和共享特征的3D虚拟空间。

RUST 是 JavaScript 基建的未来
Rust 是一个快速、可靠、节约内存的编程语言。在过去六年的 stackoverflow 的最受喜爱的编程语言(2016,2017,2018,2019,2020,2021)中,连续得到榜首的位置。Mozilla 创造了 Rust,Facebook、Apple、Amazon、Microsoft 和 Google 都使用 Rust 去开发系统基础设施、加密、虚拟化以及其他的层级较低的软件。

教程、技巧

一份不可多得的 TS 学习指南(1.8W字)
阿宝哥第一次使用 TypeScript 是在 Angular 2.x 项目中,那时候 TypeScript 还没有进入大众的视野。然而现在学习 TypeScript 的小伙伴越来越多了,本文阿宝哥将从 16 个方面入手,带你一步步学习 TypeScript,感兴趣的小伙伴不要错过。

深入解析你不知道的 EventLoop 和浏览器渲染、帧动画、空闲回调
从任务队列中取出一个宏任务并执行。

检查微任务队列,执行并清空微任务队列,如果在微任务的执行中又加入了新的微任务,也会在这一步一起执行。

进入更新渲染阶段,判断是否需要渲染,这里有一个 rendering opportunity 的概念,也就是说不一定每一轮 event loop 都会对应一次浏览 器渲染,要根据屏幕刷新率、页面性能、页面是否在后台运行来共同决定,通常来说这个渲染间隔是固定的。(所以多个 task 很可能在一次渲染之间执行

库、工具

monitor
一款轻量级的收集页面的用户点击行为、路由跳转、接口报错、代码报错、页面性能并上报服务端的SDK