鲸鱼先生

目前setup sugar已经进行了定稿，vue3 + setup sugar + TS的写法看起来很香,用起来也爽。

作为一名前端开发者，如果你还没有使用过 babel 那么会有点落伍啦~说到 babel ，会有一系列的名词出现……

现如今，在跨平台方案上仍活跃于市场的，仅剩 RN 与 Flutter。让我们通过框架的设计初衷，架构，开发环境，代码风格，等多个层面看看它们的差异。看看哪一个更适合你。

文章主要介绍了什么是Vite、Vite和其他打包工具的对比以及Vite核心源码的实现。有利于大家一步一步的深入Vite的核心源码实现、了解其设计思想。

目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，一起来get吧。 先来了解几个点... 1. 当数据发生变化时，vue是怎么更新节点的？ 要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起…

其中的原生、Web相互通信都离不开JSBridge，这里面小程序比较特殊，对于UI渲染和JS的执行环境做了隔离，基于前两种方式之间。 在Hybrid模式下，H5会经常需要使用Native的功能，比如打开二维码扫描、调用原生页面、获取用户信息等，同时Native也需要向Web端发…

大家在前端开发过程中有遇到过 @ + 方法名 这种写法吗？当我第一次看到的时候，直接懵了，这是什么东东…… 遇到困难解决困难，在我的一番查找后，我知道了，原来这东西叫装饰器，英文名叫Decorator

也许你会说， 可以使用Chrome的timeline来记录， 但timeline只记录数据，并不会实时更新。 这里，你可以考虑使用Chrome DevTools的“Performance Monitor”性能监控工具，它可以实时观察到性能数据。 对当前网页进行网络利用情况、网页…

web性能说白了就是网站打开速度快不快，页面中的动画够不够流畅，表单提交的速度是否快，列表滚动页面切换是否卡顿。性能优化就是让网站变得快。 在MDN上对web性能的定义是网站或应用程序的客观度量和可感