草庐IT

vue-elementul

全部标签

Vue使用 IndexDB vue操作IndexDB数据库 Vue操作IndexDB数据库

Vue使用IndexDBvue操作IndexDB数据库Vue操作IndexDB数据库Vue使用IndexDBvue操作IndexDB数据库Vue操作IndexDB数据库安装IndexDB类库引入localForage测试新增数据、获取数据Vue使用IndexDBvue操作IndexDB数据库Vue操作IndexDB数据库大部分场景使用LocalStore都足够了,但是如果要考虑大数据的话,LocalStore支持并不是很好,有内存限制,并且数据过大LocalStore解析和存储性能不是很好,这时候可以使用IndexDB,数据格式是和数据库一样,可以创建多个数据库,数据库里面有多个表安装Inde

vue使用WebSocket连接

1.在store里面新建ws.js文件exportdefault{state:{webst:null,WSMessage:null,WSStatus:null},mutations:{/***@description建立websocket连接*@paramstatevuexstate*@paramwebstwebSocket对象*/setConnect(state,webst){state.webst=webst},/***@descriptionwebsocket消息*@paramstatevuexstate*@parammessagewebSocket消息*/setMessage(stat

前端使用vue-pdf、pdf-lib、canvas 给PDF文件添加水印,并预览与下载

前端使用vue-pdf、pdf-lib给pdf添加水印,并预览与下载效果预览使用第三方插件安装依赖插件import导入依赖预览添加水印的pdf下载添加水印的pdf预览及下载总结完整代码效果预览使用第三方插件安装依赖插件npmivue-pdf--savenpmipdf-lib--savenpminstall--save@pdf-lib/fontkit//为pdf-lib加载自定义字体的工具import导入依赖importpdffrom"vue-pdf";import{degrees,PDFDocument,rgb,StandardFonts}from"pdf-lib";importfontkit

vue实现动态class

总结一下,vue实现动态class主要通过以下三种方式1通过对象方式动态绑定一个类名的写法:class="{'on':ifOn}"动态绑定多个类名的写法:class="{'on':ifOn,'disabled':ifDisabled}"如ifOn/ifDisabled都是vue的变量,为真则对应key的class类名生效当动态class类名过多/条件判断过于复杂,可通过定义变量/使用computed属性来实现定义变量方式:class="classConfig"data(){return{classConfig:{on:true,disabled:false}}}computed属性方式data

在vue3中使用Cesium保姆篇

 1.首先新建一个vue项目Vue.js-渐进式JavaScript框架|Vue.js可以直接到管网中查看命令通过npm来创建一个vue3的项目 然后通过命令下载1.99的版本的cesium和plugin npmicesium@1.99vite-plugin-cesium 下载完了以后2.引入cesium首先找到vue的vite.config.js文件在里面引入刚才下载的插件并使用,代码如下import{fileURLToPath,URL}from'node:url'import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'i

基于Java+Vue+uniapp微信小程序自助点餐系统设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》Python项目实战《100套》感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人​系统介绍:通过移动互联网这几年的发展,单独的

vue项目部署到IIS

项目打包vue部署包:项目路径运行npmrunbuild运行后生成一个dist文件夹,把这个文件夹放到要部署的服务器IIS配置程序需要用到下面这两个程序进行配置:如果IIS没有Web平台安装程序(上图管理模块第二个),可以进行手动下载:URL重写applicationrequestrouting新建站点网站(右键)——添加站点以test为例:访问站点点击浏览网站下方超链接或者浏览器输入http://localhost:9999出现的问题IE浏览器下会空白一开始服务器只有IE浏览器,打开会是空白页,控制台会报错chunk....,安装了babel-polyfill也不行,最后在谷歌浏览器打开可以

ThreeJS-VUE-3DMax 实现Web3D(简单测试)

    今天使用3DMax建模软件进行3D模型的制作,并且加入动画,通过threejs将模型及其动画部署在VUE框架上。一、环境及其开发包版本    1.VUE:3.3.4    2.threejs:0.158.0    3.vite:4.4.11    4.3DMax2021    5.pycharm2021专业版二、3DMax模型制作    简单制作一个小植物和一个水壶,实现浇水后植物长大的动画。    UV展开,加个材质,上个颜色。三、项目搭建    项目使用VUE框架。使用命令“npminitvue@latest”创建一个vue项目,并使用命令“npmithree”安装threejs。

vue3里的watch与 watchEffect

watchEffect特点:回调函数立即调用回调函数依赖的数据都会被监控深度监控watch与watchEffect相同点都可以对数据进行侦听不同点watchEffect回调函数立即调用、对回调函数依赖的数据隐式监控、默认深度监控watch和watchEffect都能监听响应式数据的变化,不同的是它们监听数据变化的方式不同。watch会明确监听某一个响应数据,而watchEffect则是隐式的监听回调函数中响应数据。watch在响应数据初始化时是不会执行回调函数的,watchEffect在响应数据初始化时就会立即执行回调函数。 {{sum}}sum++import{ref,reactive,co

基于ssm+vue在线考试系统

摘要  在线考试系统是一种利用现代技术手段实现的教育评估工具,它为学生提供了更灵活、便捷的考试方式,同时为教育机构提供了高效管理和评估学生学业水平的手段。在这个背景下,基于SSM(Spring+SpringMVC+MyBatis)框架和Vue.js技术的在线考试系统成为了一种备受关注的解决方案。本文将对这一系统的架构、功能、特点以及优势进行详细的摘要描述。首先,该在线考试系统采用SSM框架,即Spring作为后端框架,SpringMVC用于处理前端请求,MyBatis作为持久层框架。这一选择使得系统具备了良好的模块化和可维护性。Spring提供了强大的IoC(控制反转)和AOP(面向切面编程)