如果不是打包成npm怎么加载呢
Vue 3项目中嵌入另一个项目(MyComponent)-2024-03-13在Vue 3项目中嵌入另一个项目通常意味着将一个独立的Vue应用作为组件嵌入到另一个Vue应用中。这可以通过几种方法实现,包括使用iframe、MyComponent、Web...
如果不是打包成npm怎么加载呢
Vue 3项目中嵌入另一个项目(MyComponent)-2024-03-13在Vue 3项目中嵌入另一个项目通常意味着将一个独立的Vue应用作为组件嵌入到另一个Vue应用中。这可以通过几种方法实现,包括使用iframe、MyComponent、Web...
遇到的问题 网上的一些资料都是介绍怎么使用vue-tour的,今天分享一个特殊场景下的导航,我使用的是v3-tour,使用方式 首先是导航页面不在同一个页面,需要页面跳转后继...
为什么需要异步组件? vue作为单页应用在首页加载时长会遇到加载缓慢问题,我们可以利用异步组件实现只有当页面需要渲染该组件时才进行引入。 vue官网的介绍[https://c...
一次线上问题引起的思考 npm i 的时候使用@符号指定特定的版本,不会自动更新 最近遇到一个因为包更新导致的线上问题,起因是因为因为在开发过程中为了解决测试环境的构建报错问...
我们日常开发中经常会遇到生产菜单下线了,但是项目中代码没有被删除的情况,这些菜单在打包和编译阶段都是存在的,影响打包体积和编辑速度。写这个工具的目的为了减少代码冗余 使用技术...
前端自动化测试 单元测试:Vitest[https://vitest.dev/]/jtest[https://jestjs.io/zh-Hans/] 自动化测试工具选择:pl...
render函数原理,h将通过配置项生成vnode,render函数将vnode转换成真实的dom并且挂载在指定容器上面。其中将虚拟dom转换成真实dom的过程也是patch...
移动端微应用-模块联邦-Module Federation[https://www.webpackjs.com/concepts/module-federation/#roo...
安装校验工具 husky是一个用于设置git hooks的工具,执行自定义的脚本程序 @commitlint/cli是一个命令行工具,用于校验git提交信息是否符合规范 @c...
npm的安装机制 检查config,获取npm配置,优先级顺序:项目的.npmrc>用户的.npmrc>全局的.npmrc>npm内置的.npmrc 检查项目中是否存在pac...
要求: 后端返回菜单结构,根据菜单结构动态生成除了详情页之外的菜单 实现思路: 在store存储菜单的地方添加动态路由 菜单结构 store代码 最终生成的路由结构,以sys...
要求: 使用element-ui 实现接口缓存-使用map实现 实现自定义label和值,label可以自己设置或者按照code-name方式展示-自定义展示字段或者根据传入...
V8运行环境 node环境和浏览器环境 浏览器为v8提供了基础的消息循环系统、全局变量、web api。v8的核心是实现了ecmascript标准、还提供了垃圾回收器等。 在...
v8启动时需要的执行环境堆和栈空间全局执行上下文全局作用域事件循环系统消息循环系统内置函数 经v8处理后生成抽象语法树,在生成抽象语法树的同时,会生成相关的作用域,作用域中存...
图片懒加载,数据懒加载, 路由懒加载 1.图片懒加载原理 1.1 开始时 不设置src属性 1.2 图片在可视区域内,设置src 然后加载图片 1.3 使用API,inter...
1. 父传子(defineProps) 基本思想:父组件中给子组件绑定属性子组件内部通过props选项接收数据 例子: 2. 子传父(defineEmits) 基本思想:父组...
什么是pinia Pinia 是 Vue 的专属状态管理库,可以实现跨组件或页面共享状态,是 vuex 状态管理工具的替代品,和 Vuex相比,具备以下优势 提供更加简单的A...
前言 上一小节,我们发现直接引入defineConfig会导致程序报错,于是分析了产生报错的原因并查看了vite中的解决思路 本节,在svite中解决这个问题 好文推荐[ht...
类型注解 TypeScript 是 JS 的超集,TS 提供了 JS 的所有功能,并且额外的增加了:类型系统所有的 JS 代码都是 TS 代码JS 有类型(比如,number...
基本使用 内容:函数的类型实际上指的是: 函数参数 和 返回值 的类型 1.函数声明 格式--- 函数名(参数1: 参数1类型, 参数2: 参数2类型): 返回值类型 { 函...