vite打包原理
vite
工程化开发：打包工具
启动速度很快
核心原理还是webpack 把webpack封装了，把webpack对象封装了
和vue2整体结构几乎一致
webpack两种模式：开发&生产
代码打包编译，本地起一个web服务器实时预览编译后的结果
build 命令模块打包编译输出到dist，dist部署到后台
vite开发和生产原理完全不一样
node_modules vite东西很少
比如有些插件很大如果打包主js，那么主js会很大。那么就通过script引入
安装的模块很干净很少
打包编译原理
快的原因：没有编译的过程
webpack打包原理：
- 入口
- 分析依赖构建依赖关系图
- 打包成bundle保存在虚拟内存中
- 第一次冷启动，之后热启动
vite快的原因：
把编译放在了浏览器预览阶段，devServer并没有把所有模块打包在一起
开发模式原理：
type=module 希望浏览器支持模块规范
生产环境下
rollup配置
图片处理 es/commonjs处理
相关文章：
vite打包原理
vite 工程化开发：打包工具 启动速度很快 核心原理还是webpack 把webpack封装了，把webpack对象封装了 和vue2整体结构几乎一致 webpack两种模式：开发&生产 代码打包编译，本地起一个web服务器实时预览编译后的结果 build 命令模…...
导出pdf 加密、加水印、加页脚
1.依赖 <dependency> <groupId>com.itextpdf</groupId> <artifactId>itextpdf</artifactId> <version>5.5.10</version> </dependency> <dependency> …...
Flutter 仿抖音 TikTok 上下滑动 播放视频
Flutter 仿抖音 TikTok 上下滑动 播放视频UI框架，视频播放使用 video_player github：GitHub - PangHaHa12138/TiktokVideo: Flutter 仿抖音 TikTok 上下滑动 播放视频UI框架 实现功能： 1.上下滑动自动播放切换视频，loading 封面…...
计算机网络——网络层（2）
计算机网络——网络层（2） 小程一言专栏链接: [link](http://t.csdnimg.cn/ZUTXU)前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家， [跳转到网站](https://www.captainbed.…...
01-16Maven-SpringBoot入门
Maven继承Maven高级SpringSpringBoot入门 Maven 一、概念及功能 概念：Maven是Apache软件基金会组织维护的一款专门为Java项目提供项目构建和依赖管理的工具 1.1作用： 项目构建 构建：是一个将代码从开发阶段到生产阶段的一个过程…...
微信小程序（二十七）列表渲染改变量名
注释很详细，直接上代码 上一篇 新增内容： 1.改变默认循环单元item变量名 2.改变默认循环下标index变量名 基础模板有问题可以先看上一篇 源码： index.wxml <view class"students"><view class"item"><te…...
k8s之安装部署及kuboard发布应用
目录 环境准备 系统规划 配置免密 将桥接的IPv4流量传递到iptables的链 系统基础配置 安装docker 安装docker及基础依赖 配置docker的仓库下载地址 部署k8s 添加阿里云的k8s源 安装kubeadm，kubelet和kubectl 初始化masteer节点 部署node节点 部署flanne…...
JProfiler for Mac：提升性能和诊断问题的终极工具
在当今的高性能计算和多线程应用中，性能优化和问题诊断是至关重要的。JProfiler for Mac 是一个强大的性能分析工具，旨在帮助开发者更好地理解其应用程序的运行情况，提升性能并快速诊断问题。 JProfiler for Mac 的主要特点包括：…...
力扣202-快乐数
快乐数 题目链接 解题思路： 两个指针，一快一慢，如果相遇，就会生成环如果环内元素为1,那么就可以返回 class Solution { public:int get(int n){int res 0;while(n){res (n%10) * (n%10);n / 10;}return res;}bool isHappy(int …...
牛客寒假训练营H题
思路：找出所有m的子集，加到价值中，找出最大价值即可。 代码： void solve(){int n, m;cin >> n >> m;vector<pii>a(n 1);for(int i 1;i < n;i )cin >> a[i].first >> a[i].second;int ans 0…...
ubuntu22.04@laptop 常用基础环境安装
ubuntu22.04laptop 常用基础环境安装 1. 源由2. 步骤2.1 安装ubuntu22.04 LTS系统2.2 必备软件安装2.3 基本远程环境2.3.1 远程ssh登录2.3.2 samba局域网2.3.3 VNC远程登录 2.4 开发环境安装 3. 总结 1. 源由 应朋友要求，整理下一个个人常用的工作笔记本常用开发环…...
Linux第41步_移植ST公司uboot的第2步_修改网络驱动_USB OTG设备树_LCD驱动_以及编译和烧写测试
移植ST公司uboot的第1步，创建配置文件、设备树、修改电源管理和sdmmc节点后，还需要进一部修改，如：网络驱动、USB OTG设备树、LCD驱动，以及编译和烧写测试。 一、在虚拟机中，使用VSCode打开my_uboot工作区 …...
环境配置过程)
瑞芯微1808模型转换(onnx到rknn)环境配置过程
瑞芯微1808模型转换（onnx → \to →rknn）环境配置 阅读本解决方案前，请读者确保已经根据官方的相关教程【rknn_model_zoo/common/rknn_converter at v1.5.0 airockchip/rknn_model_zoo (github.com)】完成其他配置文件的修改，以…...
测试ASP.NET Core项目调用EasyCaching的基本用法（InMemory）
EasyCaching属于开源缓存库，支持基本缓存方式及高级缓存用法，提高用户操作缓存的效率。EasyCaching支持的缓存方式包括以下类型，本文学习最基础的InMemory方式的基本用法。 EasyCaching.InMemory包属于基于内存的缓存库，使用的…...
机器学习系列-2 线性回归训练损失
机器学习系列-2 线性回归&训练损失 学习内容来自：谷歌ai学习 https://developers.google.cn/machine-learning/crash-course/framing/check-your-understanding?hlzh-cn 本文作为学习记录1 线性回归： 举例：蝉（昆虫物种&…...
spring-boot-actuator 服务监控
1 概述 服务启动时，通过spring-boot-actuator 监控es等服务是否连接成功等 2 依赖 <!-- 服务监控 --> <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-actuator</artifactId><…...
窥探向量乘矩阵的存内计算原理—基于向量乘矩阵的存内计算
在当今计算领域中，存内计算技术凭借其出色的向量乘矩阵操作效能引起了广泛关注。本文将深入研究基于向量乘矩阵的存内计算原理，并探讨几个引人注目的代表性工作，如DPE、ISAAC、PRIME等，它们在神经网络和图计算应用中表现出色&…...
Python flask 表单详解
文章目录 1 概述1.1 request 对象 2 示例2.1 目录结构2.2 student.html2.3 result.html2.4 app.py 1 概述 1.1 request 对象 作用：来自客户端网页的数据作为全局请求对象发送到服务器request 对象的重要属性如下： 属性解释form字典对象，包…...
【Tomcat与网络3】Tomcat的整体架构
目录 1.演进1：将连接和处理服务分开 2演进2：Container的演进 3 再论Tomcat的容器结构 4 Tomcat处理请求的过程 5 请求的处理过程与Pipeline-Valve管道 在前面我们介绍了Servlet的基本原理，本文我们结合Tomcat来分析一下如何设计一个大型…...
k8s中cert-manager管理https证书
前言 目前https是刚需，但证书又很贵，虽然阿里云有免费的，但没有泛域名证书，每有一个子域名就要申请一个证书，有效期1年，1年一到全都的更换，太麻烦了。经过搜索，发现了自动更新证书神器cert-manager；当然cert-manager是基于k8s的。 安装采用Helm方式 Chart地址： ht…...
vmware 设置 dns
vmware 设置 dns 常用的 DNS（Domain Name System）服务器地址可以帮助你更快、更安全地解析域名。以下是一些国内外常用的公共 DNS 服务： 国内常用 DNS 阿里云 DNS IPv4: 223.5.5.5、223.6.6.6IPv6: 2400:3200::1、2400:3200:baba::1特点&am…...
一套个人知识储备库构建方案
写文章的初心是做知识沉淀。 好记性不如烂笔头，将阶段性的经验总结成文章，下次遇到相同的问题时，查起来比再次去搜集资料快得多。 然而，当文章越来越多时，有一个问题逐渐开始变得“严峻”起来。 比如，我…...
ffmpeg（五）：裁剪与合并命令
裁剪（剪切） 精准裁剪（有转码，支持任意起止时间） # 从第 10 秒到第 30 秒，重新编码 ffmpeg -i input.mp4 -ss 00:00:10 -to 00:00:30 -c:v libx264 -c:a aac output.mp4快速裁剪（无转码&#x…...
解决transformers.adapters import AdapterConfig 报错的问题
需要安装 Adapter-Hub 的 transformers 分支，不是官方 transformers 库！ pip install githttps://github.com/Adapter-Hub/transformers.git✅ 注意：这个命令会从 GitHub 下载源码并安装。你需要确保你的网络可以访问 GitHub，并且…...
量子计算导论课程设计 之 PennyLane环境搭建
文章目录 具体配置conda 虚拟环境配置Pennylane 正所谓，磨刀不误砍柴工，想要进行量子计算导论的课程设计，首先就是搭建好平台，推荐大家就是本地搭建，那么下面有三种选择 QiskitTensorFlow QuantumPennylane 具体配置…...
ingress-nginx 开启 Prometheus 监控 + Grafana 查看指标
环境已经部署了 ingress-nginx（DaemonSet 方式），并且 Prometheus Grafana 也已经运行。但之前 /metrics 端点没有暴露 Nginx 核心指标（如 nginx_ingress_controller_requests_total），经过调整后现在可以正…...
CSP-38th
目录 1.正态分布 2.走马 3.信息传输 4.字符串可能性个数 5.最多访问节点个数 1.正态分布 本来是很简单的一道模拟题，根据 (n-u) /a 的整数位、十分位确定是在第几行，根据百分位确定是在第几列，但是我直接将 (n-u)/a 乘以100后进行 // 和…...
【MySQL系列】MySQL 导出表数据到文件
博客目录 一、使用 SELECT INTO OUTFILE 语句基本语法参数详解注意事项实际示例 二、使用 mysqldump 工具基本语法常用选项实际示例 三、使用 MySQL Workbench 导出导出步骤高级选项 四、其他导出方法1. 使用 mysql 命令行客户端2. 使用 LOAD DATA INFILE 的逆向操作3. 使用编程…...
【ArcGIS技巧】—村庄规划规划用地规划状态字段生成工具
"国土空间规划后续也是走向数据治理，数据建库已经是涉及到城市规划、建筑、市政、农业、地理信息、测绘等等方方面面。不得不说以后数据库建设跟维护，是很多专业的必修课。小编就湖南省的村庄规划建库过程中规划用地用海中规划状态字段写了个小工具…...
float转换为整型过程中关于小数部分的处理
在大多数编程语言中，将 float 类型转换为整型时，小数部分不会自动进行四舍五入，而是会直接截断（即丢弃小数部分，仅保留整数部分）。具体行为可能因语言而异，以下是常见语言的示例： 1.…...