草庐IT

vue3-admin

全部标签

uniapp在小程序中获取manifest中的版本等配置信息vue2

vue2版本在根目录新建一个vue.config.js,如果没有的话。写入以下内容constfs=require("fs");constpath=require("path");constmanifestRaw=fs.readFileSync(path.resolve(__dirname,"manifest.json"),{encoding:"utf-8",});constcommentReg=/\/\*[^\/]*\*\/|\/\/.+\n?/g;constmanifestJson=JSON.parse(manifestRaw.replace(commentReg,""));fs.write

MongoDB+SignalR+Hangfire+Vue2+百度地图实现GPS实时定位

MongoDB+SignalR+Hangfire+Vue2+百度地图实现GPS实时定位一、实现效果二、安装MongoDB可以自行参考菜鸟链接:MongoDB教程|菜鸟教程(runoob.com)1.下载mongodb数据库安装包:网盘链接:https://pan.baidu.com/s/4rb1fOkc2.进入\mongodb-win32-x86_64-windows-5.0.9\bin路径下创建db文件夹3.启动服务在bin目录下输入cmd+回车,输入命令:mongod--dbpath+你自己的db文件夹路径比如我的文件目录为:E:\MongoDB\mongodb-win32-x86_64-

vue项目显示 WebSocketClient.js:13 WebSocket connection to ‘ws://192.168.1.5:8089/ws‘ failed: Invalid fr

我也不懂,这个可以解决ws:falseconst{defineConfig}=require('@vue/cli-service')module.exports=defineConfig({ transpileDependencies:true, devServer:{  open:false,  host:'0.0.0.0',  port:8089,  hot:true,  https:false,  proxy:{   '/':{    target:'http://localhost:7776',    ws:false,//添加该配置以支持WebSocket代理    changeOr

uniapp(vue3)-小程序搭建与问题

1.建立版本管理仓库(开发,测试,上线3个分支)2.hubilder快速搭建uni项目基础目录结构:3.封装基础方法与组件a.store--vuex搭建b.components--组件封装c.filters--过滤器方法封装d.subpkg--分包处理e.common--公共方法封装(request,api,登录,支付,上传文件方法封装,data模拟数据)分包:(1)manifest.json文件启用分包: "optimization":{      "subPackages":true//启用分包设置  }, (2)pages同目录建立subpkg (3)pages.json文件:pages

vue3 座位选座,矩阵布局,可点击选中拖拽调换位置

概述由于公司项目需求需要做一个线上设置考场相关的座位布局用于给学生考机排号考试,实现教室考场座位布局的矩阵布局,可点击选中标记是否有座无座拖拽调换位置横向纵向排列,这块的逻辑与ui网上很少有参考的价值,作者把这块逻辑实现了供大家参考提示:使用vue3+ts实现,其逻辑原理也适用于其他技术栈代码逻辑也适用于电影选座矩阵布局等其他项目先上效果说明以公司项目考场座位布局,实现新增矩阵布局需要把考场位置编号等信息通过调整位置标记座位是否有座横向纵向排列等功能最后把所有修改后的位置数据提交给服务器。具体需求如下图:详细思考如何html布局如何生成矩阵、如何给座位标记,拖拽调整位置编号,排列横向纵向,编辑

Vue报错was preloaded using link preload but not used within a few seconds from the window‘s load

在vue小程序开发的时候报了一个不知所以的错误,后来发现是因为注释的问题,这解析太严谨了 报错信息如下: 报错代码: 11111111Slide2Slide3Slide4Slide5Slide6Slide7Slide8Slide9 -->import{Swiper,SwiperSlide}from'swiper/vue';import{EffectCreative}from'swiper';import'swiper/css/effect-creative';import'./style.css';import'swiper/css';exportdefault{components:{Swi

Mac环境下如何配置Vue?一文就够!

1.安装HomebrewHomebrew是类似于MacAppStore的一个软件商店,对于Mac用户是必不可少的!如果没有安装的话,只需要在终端复制下面这段代码即可。/bin/bash-c"$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"测试Homebrew是否正确安装输入brew-v出现版本信息即为安装成功。2.安装node.js已经安装Homebrew后,我们就用brew来安装在终端中输入以下代码(也可以在官网nodejs链接下安装)brewinstallnodejs安装完成后输入

vue项目实现中英文切换

需求:vue项目实现中英文切换效果图如下: 步骤一:安装vue-i18n注意:如果使用vue3,则不用指定版本安装,如果是vue2,就要指定版本如下:npmivue-i18n@8.23.0步骤二:创建基本目录(language文件夹是翻译的数据文件,views文件夹下的是页面,part1和part2代表项目的不同模块,每个模块下都有对应的页面) 步骤三:简单编写下基本界面App.vue按我切换中英文{{language}}exportdefault{data(){return{language:"en",//中英文切换}},methods:{//中英文切换chagelanguage(){thi

vue、react数据绑定的区别?

Vue和React是两个流行的前端框架,它们在数据绑定方面有一些区别。Vue的数据绑定:Vue使用双向数据绑定(two-waydatabinding)的概念。这意味着当数据发生变化时,视图会自动更新;同时,当用户与视图进行交互时,数据也会自动更新。Vue提供了v-model指令用于实现双向数据绑定,可以通过它绑定表单元素的值到Vue实例的数据属性。Vue使用了基于模板的语法,开发者可以在Vue模板中直接使用表达式来绑定数据,例如{{message}}。Vue会自动追踪数据的依赖关系,并在数据变化时更新相关的视图。React的数据绑定:React使用单向数据流(one-waydataflow)的

vue+jest 单元测试配置+用例

目录目录1Jest说明文档21、搭建node环境包2这里安装环境是node18,npm9.5.0。2TestRunner22、安装jest3Jest安装步骤4项目的根目录下创建一个.babelrc配置文件:4在项目的根目录下创建jest.config.js43、全局设定5预处理和后处理5方法64、断言6真假断言6数字断言7字符串断言toMatch8数组&迭代器断言toContain8异常断言toThrow8快照测试95、Jest使用指南--Mock篇9JestMock9jest.fn()9jest.spyOn()9总结106、Vue/test-utilsAPI使用说明10Jest说明文档搭建n