家威ZERO

Nuxt3  Spa & SSR difference Nuxt3 Feature Nuxt3 File Structure Composables Data Fetch & Error  Nuxt3

First Contentful Paint 首次内容绘制 (FCP) FCP指标：从开始加载到页面内容的任意部分在屏幕上渲染出来的时间。就是首批文本和图像元素在屏幕上完成渲染的时间点。

Vue.js会自动通过状态生成DOM，并将其输出到页面上显示出来，这个过程叫渲染。Vue.js的渲染过程是声明式的，我们通过模板来描述状态与DOM之间的映射关系。 通常，在运行时应用内部的状态会不断发生变化，此时需要不停地重新渲染。这时如何确定状态中发生了什么变化？ 变化侦测就…

nextTick 源码在 src/core/util/next-tick.js 里面。 在vue的next-tick实现中使用了几种情况来延迟调用该函数，首先我们会判断我们的设备是否支持Promise对象，如果支持的话，会使用 Promise.then 来做延迟调用函数。如果设…

keys() 方法返回一个包含数组中每个索引键的Array Iterator对象。 将一个或多个元素添加到数组的开头，并返回该数组的新长度(该方法修改原有数组)。 从数组中删除第一个元素，并返回该元素的值。此方法更改数组的长度。 从数组中删除最后一个元素，并返回该元素的值。此方…

JSON Web令牌（JWT）是一个开放标准，它定义了一种紧凑且自包含的方式，用于在各方之间安全地将信息作为JSON对象传输。由于此信息是经过数字签名的，因此可以进行验证和信任。可以使用密钥（使用HMAC算法）或使用RSA或ECDSA的公钥/私钥配对对JWT进行签名。 尽管可以…

不管是Angular还是Vue，他们的表单的双向绑定无非做了两件事，一件是接收输入的数据并赋值给元素的value属性，一件是监听input/change等事件，然后将$event.target.value赋值给绑定的值。这样就实现了基本的view-model和model-vie…

如果当前的中间件函数没有结束请求-响应周期，那么必须调用next()将控制权传递给下一个中间件函数。否则请求会一直停留在挂起状态。 Nest没有实现中间件装饰器，我们使用模块类的configure方法。因此需要使用中间件的模块都需要implements NestModule。 …

本文介绍根据省份爬取大学列表和每个大学的百度百科详情。 大学的信息比较多，因为我们想展示比较详细的大学数据。 我们先从https://daxue.eol.cn/爬取每个省份的大学列表，然后获取到name,location,provinceAbbr,create_ts这几个简单字…