前端面试--moka

nextTick:

异步渲染,DOM异步渲染完毕后执行。

批量渲染。

vite为什么比webpack快?

webpack把所有文件build一次,从入口文件进去,将所有文件编译为一个或多个单独的js文件,无论模块是否执行,都要编译和打包到这个bundler里面。

vite不需要打包,不需要编译,对模块内容进行编译,浏览器支持ESmodule,对相应module发送请求。按需动态编译。

当其中一个模块改变后,vite只需要浏览器重新请求该模块。

webpack需要编译整个模块。

http缓存策略:

    设置过期时间:

    expires 设置过期时间,决定是否过期。

    cache-control:

    过期时长 max-age

    no-cache 不允许缓存

    no-store 不允许缓存

    强缓存:没有过期就是用缓存

    协商缓存:服务器向浏览器发送一个last-modified: 最后修改时间, 浏览器通过 If-Modified-Since字段中的值和服务器中的last-modified进行对比,若相等就用缓存,不相等则服务器返回新资源和最后修改时间。

    服务器缓存:(协商缓存)

    200 服务器资源和本地缓存资源版本不是一致,将最新资源和新的资源标识返回给浏览器

    304 服务器资源和本地缓存资源版本是一致,所以在本地缓存中拿资源

注意:

    ETag: 文件内容唯一标识,客户端收到的上次服务器通知的缓存数据的唯一标识。

    服务器向浏览器发送一个ETag唯一标识,浏览器通过If-None-Match 字段通知服务器,将内容进行对比,若相同则直接利用缓存,再者服务器重新发送资源。

http2:

    多路复用:允许多个请求和响应在单个TCP连接上并行传输。 --提高性能

    头部压缩: 压缩请求和响应的头部,减少数据传输的IO开销。

    流控制:客户端和服务端可以限制传输的速率,解决对头阻塞问题

    二进制协议

scoped:

样式隔离,让每个style私有化。

给组件中所有元素添加一个唯一标识,data-v-xxx

给标签添加自定义属性,通过属性选择器添加样式

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/595293.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

阿里云服务器地域怎么选择?哪个地域好?

阿里云服务器地域和可用区怎么选择?地域是指云服务器所在物理数据中心的位置,地域选择就近选择,访客距离地域所在城市越近网络延迟越低,速度就越快;可用区是指同一个地域下,网络和电力相互独立的区域&#…

基于决策树、随机森林和层次聚类对帕尔默企鹅数据分析

作者:i阿极 作者简介:数据分析领域优质创作者、多项比赛获奖者:博主个人首页 😊😊😊如果觉得文章不错或能帮助到你学习,可以点赞👍收藏📁评论📒关注哦&#x…

大数据应用安全策略包括什么

大数据应用安全策略是为了保障大数据应用中的数据安全而采取的一系列措施,其重要性不容小觑。以下是大数据应用安全策略所包含的主要内容: 一、数据加密与安全存储 数据加密:对于敏感数据,应采用加密技术进行保护,包括…

Ubuntu22.04配置静态ip

在 Ubuntu 22.04 中配置静态 IP 的步骤如下: 打开终端,并以管理员身份运行。 编辑网络配置文件。输入以下命令并按 Enter 键: sudo nano /etc/netplan/00-installer-config.yaml在打开的文件中,找到与你要设置静态 IP 的网络接口…

普中STM32-PZ6806L开发板(资料收集...)

简介 逐渐收集一些开发过程中使用到的文档资料数据手册 DS18B20 数据手册 DS18B20 Datasheet 开发文档 STM32F1各种文档 https://www.st.com/en/embedded-software/stm32cubef1.html#documentation HAL库文档开发文档 你使用的HAL文档, 在STM32CubeMX生成过程的最下面有…

『开发工具篇』- 配置 gradle 等相关依赖镜像源

『开发工具篇』- 配置 gradle 等相关依赖镜像源 1.更换gradle下载源2. 配置setting.gradlekts文件gradle文件 1.更换gradle下载源 使用腾讯云的镜像库https://mirrors.cloud.tencent.com/gradle/ gradle-x.x-all.zip:编译后的二进制发布版以及源码和文档gradle-x.…

【MySQL】CRUD,常见函数及unionunion

目录 一 CRUD 查询 新增数据 修改数据 删除数据 二 常见函数 ① 字符函数 ② 数字函数 ③ 日期函数 ④ 流程控制函数 ⑤ 聚合函数 三 union&union 含义 语法 一 CRUD 条件查询执行顺序:where(条件) group by(分组) having(筛选) order by(排序)…

chrome面向服务的架构SOA

chrome 浏览器面向服务的架构 原来的各种模块会被重构成独立的服务,每个服务都可以独在独立的进程中运行,可以在浏览器的任务管理器中看到各种服务。 "面向服务的架构"(Service-Oriented Architecture,SOA)…

Kubernetes Gateway API V1.0:您应该切换吗?

自Kubernetes Gateway API 发布 v1.0以来已经过去两个多月了,这标志着其一些关键 API 已经进入普遍可用状态。 去年,当网关 API升级为测试版时,我曾写过有关该 API的文章,但一年后,问题仍然存在。您是否应该从 Ingres…

理德外汇:通胀风险下降,2024年适合降息

新近公布的会议纪要显示,上月的货币政策会议上,美联储决策者对遏制住高通(137.6, -2.63, -1.88%)胀显得更有信心,认为通胀上行的风险削减,预计未来一年可能适合降息,不过,利率路径还很不确定。 美联储货币政…

数据结构OJ实验11-拓扑排序与最短路径

A. DS图—图的最短路径(无框架) 题目描述 给出一个图的邻接矩阵,输入顶点v,用迪杰斯特拉算法求顶点v到其它顶点的最短路径。 输入 第一行输入t,表示有t个测试实例 第二行输入顶点数n和n个顶点信息 第三行起&…

自由DIY预约小程序源码系统:适用于任何行业+自由DIY你的界面布局+全新升级的UI+多用户系统 带安装部署教程

随着移动互联网的普及,预约服务逐渐成为人们日常生活的一部分。从家政服务、医疗挂号到汽车保养,预约已经渗透到各个行业。然而,市面上的预约小程序大多功能单一,界面老旧,无法满足商家和用户的个性化需求。今天来给大…

ipvsadm命令详解

ipvsadm命令详解 大家好,我是免费搭建查券返利机器人赚佣金就用微赚淘客系统3.0的小编,也是冬天不穿秋裤,天冷也要风度的程序猿!今天我们将深入探讨一个在Linux系统网络管理中极具威力的命令——ipvsadm,通过详细解析…

整合【事务】

目录 1、读未提交(脏读) 2、读已提交(不可重复读) 3、可重复读(幻读) 4、Navicat中模拟开启、提交、回滚事务 1、读未提交(脏读) 允许一个事务读取其他事务未提交的修改 2、读已…

异步优势演员-评论家算法 A3C

异步优势演员-评论家算法 A3C 异步优势演员-评论家算法 A3C网络结构并行步骤 异步优势演员-评论家算法 A3C A3C 在 A2C 基础上,增加了并行训练(异步)来提高效率。 网络结构 A2C: A3C: 在这两张图之间,…

UI自动化Selenium 页面窗口window定位切换

Selenium自动化,在操作元素时,一定是基于某个窗口这个前提;我们时常在操作时会出现打开新窗口的情况;如点击新增按钮,打开了新增单据的新页面窗口,接下来要录入单据信息时,必须告诉框架切换到新…

安装cnpm报4048错误

记一次安装cnpm报错: 默认安装的是最新版本的cnpm,可能跟现有的npm不匹配。指定一个低版本的cnpm,或者升级npm到最新版本。 #指定一个cnpm的版本,这里是7.1.1 npm install -g cnpm7.1.1 --registryhttps://registry.npm.taobao…

【C程序设计】C循环

有的时候,我们可能需要多次执行同一块代码。一般情况下,语句是按顺序执行的:函数中的第一个语句先执行,接着是第二个语句,依此类推。 编程语言提供了更为复杂执行路径的多种控制结构。 循环语句允许我们多次执行一个…

【C语言进阶篇】关于指针的八个经典笔试题(图文详解)

🎬 鸽芷咕:个人主页 🔥 个人专栏:《C语言初阶篇》 《C语言进阶篇》 ⛺️生活的理想,就是为了理想的生活! 文章目录 📋 前言💬 指针笔试题💭 笔试题 1:✅ 代码解析⁉️ 检验结果&…

linux系统正则表达式和grep过滤编辑器

正则和grep过滤 正则表达式正则表达式基本元字符正则表达式扩展元字符判断使用正则过滤使用扩展元字符正则 语法实例常用的正则表达式校验数字的表达式校验字符的表达式特殊需求表达式钱的输入格式: grep过滤编辑器返回值参数 正则表达式 正则表达式(Regular Expres…