2024-03-07将Vue升级到3.3及以上版本，将pinia升级到2.1.0及以上版本。发现2.1.0及以上版本需要引入Vue3.3及以上版本。这可能是Vue版本和Pinia版本不匹配导致的。升级完之后查看package.json文件。此时再运行项目，就可以成功运行了。查看package.json文件。_no matching export in "node_modules/vue-demi/lib/index.mjs" for import "hasi

https://www.qianduange.cn//article/3390.html 分类：前端知识

2024-03-07目录html相关说一下对cookie和Storage(localStorage和sessionStorage) 的认识和区别？link和@import的区别浏览器如何实现不同标签页的通信？iframe的优缺点canvas做项目用到哪些h5新特性和css3新特性？用localstorage和sessionStorage写过什么？如何解决页面内容加载缓慢的问题？cookie的特点*页面渲染过程css相关javascript以及es6相关http相关浏览器bootstrapvue相关node相关微信小程序reac_前端面试题

https://www.qianduange.cn//article/3380.html 分类：前端知识

2024-03-071、先动态给一个颜色变量。_动态增加color=red !important

https://www.qianduange.cn//article/3365.html 分类：前端知识

2024-03-05201、设置淘宝镜像源 npm config set registry https://registry.npm.taobao.org/import 'bootstrap/dist/js/bootstrap.min.js' //引用bootstrap的js。如果要在设置成官网npm config set registry https://registry.npmjs.org。如果返回https://registry.npm.taobao.org/，说明配置的是淘宝镜像。安装完成后，你可以测试下自己的版本。_vue安装镜像

https://www.qianduange.cn//article/3271.html 分类：前端知识

2024-03-03在学习vue的过程中，多次碰到如有跳转错误的问题。我在多级菜单(存在多个<router-view>)中路由跳转多次不符合自己的预期。 经过尝试，终于初步理解多个<router-view>嵌套时，与路由配置的关系。假设我们有如下路由配置const routerMenu = [ { name: 'home', path: '/home', component: () => import('@/components/layout/..._多个router-view

https://www.qianduange.cn//article/3144.html 分类：前端知识

2024-03-01解决：importToCDN时在引入vue后添加vue-demi，已在vite.config.ts中给出，其他插件在vue-demi之后（顺序很重要）直接按照下面这张方法是不行的，在vite.config.ts文件中，为importToCDN添加。这样就不需要手动引入了，但是需要添加一个新的npm包，实际项目中可以自行选择是否添加。需要注意的是，css可以使用本地的，使用本地的就不要添加css，输入对应名称，会自动跳转到对应的js文件，复制粘贴，，如上注释所示，其实是不需要的，：网上很多教程，还需要在。_vite cdn

https://www.qianduange.cn//article/3016.html 分类：前端知识

2024-02-29import.meta.url 是一个 ESM 的原生功能，会暴露当前模块的 URL。首先尝试我们经常用的require动态引入， 发现报错：require is not defind，这是因为 require 属于 Webpack 的方法，我现在的环境是 vue3.0 vite。因为配置后打包，会多一层路径，导致获取不到图片，这时可以判断开发环境，加上这层路径。这里还有一点，在vite.config.js 中如果有配置 base，那这里还是不行。1、 适用于处理少量链接的资源文件。_vue img 动态 预加载

https://www.qianduange.cn//article/2958.html 分类：前端知识

2024-02-29The following dependencies are imported but could not be resolved报错_the following dependencies are imported but could not be resolved:

https://www.qianduange.cn//article/2955.html 分类：前端知识

2024-02-25Pinia没有mutations，只有actions。没有命名空间模块，Pinia的store是扁平化结构，创建的多个store都是相互隔离的，没有嵌套关系。定义Store：使用Pinia提供的defineStore()方法来创建一个store，该store用来存放需要全局使用的数据。使用Store：在Vue组件中，通过import语句导入需要使用的store，然后使用store来获取和修改状态。添加State：在store中添加state，state是一个函数，返回一个对象，该对象包含应用程序的状态。

https://www.qianduange.cn//article/2686.html 分类：前端知识

2024-02-25如果将!important添加到CSS变量声明中, 只有赋值时!important才起作用. 也就是将pink复制给变量时起了作用, 因为如果没有!important的值应该是skyblue赋值之后!important就从自定义属性上「脱落」了, 使用var()函数时并不会传递!important.box8 {从下图就可以看出,.box8的背景色是red, 因为关于背景色的两条CSS声明都是一般声明._css !important

https://www.qianduange.cn//article/2678.html 分类：前端知识