Vi(Visual interface)是Linux/Unix下最为流行的文本编辑器，几乎所有的Linux/Unix系统都配备了Vi。Vi没有菜单，只有命令，通过各种命令可以执行输出、删除、查找、替换、块操作等众多文本操作，而且用户可以根据自己的需要对其进行定制，这是其他编辑程序所没有的。 目前大部分的Linux发行版自带的Vi程序都被VIM(Vi Improved)取代了。 1. Vi的工作模式
什么是组件测试？关于组件测试的概念，可以直接阅读官方文档（我觉得这篇文档写得非常不错），官方很贴心，还一步一步地教你在React、Angular、vue、svelte中集成cypress组件测试。相信看完之后，对组件测试的运作流程和一些原理就会有一个清晰的认识，减少在业务开发过程中纠结该写组件测试还是写e2e测试、纠结类似vuex等第三方库在组件测试中的集成问题。官方文档： docs.cypres
搭建Vite环境首先，我们使用命令：yarn create vite echarts-test创建空白的vite项目：这里有很多个选项，我们不需要额外的Javascript框架，所以选择第一个选项Vanilla，原生Javascript。接下还有一个选项，选择Typescript或者Javascript，我们选择Typescript。这里项目就被创建成功了。这里提示我们可以cd echarts-t
原创
2023-09-26 23:50:32
1249阅读
探秘Vue开发利器：vite-plugin-vue-devtools当谈到提升Vue开发体验时，没有什么比一款强大的开发者工具插件更能让程序员心生欢喜了。今天，我们要介绍的这款开源项目——vite-plugin-vue-devtools，正是这样的一个宝藏插件。1、项目介绍vite-plugin-vue-devtools是一款专为Vite构建系统打造的Vue开发工具插件。它提供了全面的功能，包括页
一、递归
简单来说，递归的思想就是：把问题分解为规模更小的、具有与原问题有着相同解法的问题。比如二分查找算法，就是不断地把问题的规模变小（变成原问题的一半），而新问题与原问题有着相同的解法。
一般来讲，能用递归来解决的问题必须满足两个条件：
可以通过递归调用来缩小问题规模，且新问题与原问题有着相同的形式。
存在一种基准情形（即出口），可以使递归在基准情形下退出。
以计算n
转载
2024-07-17 14:37:45
259阅读
Angular4中的组件，模块，服务，装饰器，控制器组件(component)我们可以理解为一段带有业务逻辑和数据的HTML服务(server)server用来封装可重用的业务逻辑指令指令允许你向HTML中添加自定义行为，Angular为我们提供了很多指令可以使用模块(module)上面说的组件，服务，指令加在一起是用来实现一个功能的，而模块（module）用来打包和分发这些功能的例子 这里我们
背景这里的背景介绍会从与Vite紧密相关的两个概念的发展史说起，一个是JavaScript的模块化标准，另一个是前端构建工具。共存的模块化标准为什么JavaScript会有多种共存的模块化标准？因为js在设计之初并没有模块化的概念，随着前端业务复杂度不断提高，模块化越来越受到开发者的重视，社区开始涌现多种模块化解决方案，它们相互借鉴，也争议不断，形成多个派系，从CommonJS开始，到ES6正式推
转载
2024-08-22 14:40:31
118阅读
前言这篇文章主要是记录前段时间公司里以vite构建的一个小项目（前端界面不多，主要功能及相关配置是在后端），挺简单的几个小页面。 说到vite，之前虽然都有学习了解及demo尝试，但因为业务等其他各方面因素也一直没有一个正式的，借这次机会特别记录下。 配置环境变量根目录下创建env文件夹（也可以不创建env文件夹，直接在根目录下创建对应的环境变量文件）分别创建自己需要的环境文件及对应的配
转载
2024-04-01 11:49:02
670阅读
在函数的声明中，当有“virtual”修饰的时候，和没有virtual有什么区别呢？最重要的一点就是调用实例的函数是在编译的时候确定还是在运行的时候确定，virtual函数是在运行的时候来确定具体调用哪个类。这个特性是和父子类继承息息相关的。 这儿有个例子，在网上很多地方被转载，我稍微扩展了一下： using System;
namespace Smz.Test
# Vite 中使用 jQuery
在前端开发中，jQuery 是一个非常流行的 JavaScript 库，它简化了 DOM 操作、事件处理、动画效果等一系列操作。在 Vite 中使用 jQuery 也非常方便，下面我们将介绍如何在 Vite 项目中使用 jQuery。
## 安装 jQuery
首先，我们需要安装 jQuery。可以使用 npm 或者 yarn 来安装 jQuery：
`
原创
2024-05-21 07:07:00
267阅读
# Vite中使用jQuery
## 引言
Vite 是Vue.js官方推出的一款新一代前端构建工具。相比于传统的打包工具，Vite具有更快的冷启动速度，更快的热模块替换（HMR）速度以及更小的构建体积。然而，由于Vite是基于ES模块的，所以在使用一些传统的第三方库时，可能会遇到一些挑战。本文将介绍如何在Vite中使用jQuery，并提供了具体的代码示例。
## 安装Vite
首先，我们
原创
2023-12-07 11:07:07
369阅读
x在本文中，我们将深入探讨 Vite 与 Vue CLI，以便你可以根据自己的需求做出最佳选择。随着 Vue 生态系统的成熟，已经引入了许多新技术。虽然一些开发人员可能从一个普通的 JavaScript 文件开始，并在页面中包含 Vue。但随着时间的推移，在开发 Vue 应用程序时，使用打包工具和命令行界面成为更加标准的开发流程。Vue 不会强制你选择某种开发、打包方式，但vue的生态系统提供了许
#一般选项：指定虚拟机的名称、内存大小、VCPU个数及特性等-n NAME, --name=NAME：虚拟机名称，需全局惟一；-r MEMORY, --ram=MEMORY：虚拟机内在大小，单位为MB；--vcpus=VCPUS[,maxvcpus=MAX][,sockets=#][,cores=#][,threads=#]：VCPU个数
第四章 使用Vitepress搭建文档网站文档建设一般会是一个静态网站的形式 ，这次采用 Vitepress 完成文档建设工作。Vitepress 是一款基于Vite 的静态站点生成工具。开发的初衷就是为了建设 Vue 的文档。Vitepress 的方便之处在于，可以使用流行的 Markdown 语法进行编写，也可以直接运行 Vue 的代码。也就是说，它能很方便地完成展示组件 Demo 的任务。使
转载
2024-07-22 12:48:14
319阅读
【Vite基础】003-Vite 中使用 TypeScript文章目录【Vite基础】003-Vite 中使用 TypeScript一、Vite 天生支持 ts1、只编译，不校验2、手动校验二、编译代码验证第一步：在 src 目录下新建 test.ts 文件第二步：在 App.jsx 文件下导入并使用第三步：运行并访问第四步：结论
原创
2023-02-22 20:32:13
2624阅读
起初我想通过create-vite-app创建一个vite的vue项目，一开始使用全局安装create-vite-app的方法：npm install -g create-vite-app全局安装完之后，我们还需要调指令生成项目：create-vite-app viteApp 或者 cva viteApp然后我发现create-vite-app在npm官网中安装方法是这样的：npm init vi
转载
2024-05-16 20:46:03
234阅读
表示一个作用于某个对象结构中的各元素的操作。它使你可以在不改变各元素的类的前提下定义作用于这些元素的新操作。使用访问者模式时，我们可以将每个类中的相关操作包装在一个独立的对象中，并在使用时将对象传递给当前访问的元素，当一个元素“接受”该访问者时，该元素向访问者发送一个包含自身类信息的请求，该请求同时也将该元素本身作为一个参数，然后访问者将为该元素执行该操作。一般情况下，Visitor模式需要定义两
转载
2024-05-30 01:06:00
105阅读
犹大大在VUE3中将打包工具从webpack替换成了Vite，由于我们所有的项目都是基于react，所以没怎么关注vite有些什么特性，直到最近发现vite和react可以配合使用才有兴趣去研究一下。 使用Vite搭建react项目比较简单，vite-cli脚手架初始化的时候选择react或者react-ts即可。yarn create vite // 然后按照提示选择模板
// 或者
yarn
转载
2024-07-29 19:56:30
546阅读
vite的打包过程Vite在开发环境中使用即时编译，而在生产环境中使用Rollup进行打包。下面是Vite的打包过程概述：开发环境（Development）：启动Vite开发服务器：运行npm run dev或类似的命令启动Vite开发服务器。即时编译：当您访问应用程序的入口文件（如index.html或.vue文件）时，Vite会解析这些文件并根据其中的导入关系进行即时编译。每个模块都会被编译为
【Vite基础】002-Vite 中使用 CSS 的各种功能文章目录【Vite基础】002-Vite 中使用 CSS 的各种功能一、Vite 原生支持 CSS1、概述2、代码演示第一步：创建 styles 目录和 index.css 文件第二步：在 main.js 中导入 css 文件第三步：添加 class第四步：运行并访问二、
原创
2023-02-22 20:28:30
2343阅读
点赞
