logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue项目打包成桌面快捷方式(electron)

网上有很多相关的例子了,所以我只是把自己的问题记录一下。1.把electron的官方例子clone下来2.进入项目,输入以下命令,运行项目3.弹出界面4.接下来将自己的vue项目打包,运行npm run build5.将打包的项目复制到electron-quick-start的根目录6.重新运行一下如果页面能打开,则说明没问题。如果页面打不开,点击view底下的Toggle Developer T

#vue.js#electron#npm
vue3加vite安装路由并跳转页面

最近使用了vue3中的路由器,记录一下。1.首先安装路由,我使用的是pnpm,也可以使用npm安装pnpm i vue-router@4或者npm i vue-router@42.新建页面a.vue<script setup>import { ref } from "vue";</script><template>a</template><st

#vue.js#javascript#前端
vue3中Cesium离线地图

最近的需求需要在vue3发布Cesium离线地图,之前openlayers我是在本地开启http server发布的地址可以使用,但是Cesium会报跨域错误,在网上查了一下,后用的是nginx代理,下面我记录一下自己的方法。4.使用nginx代理。2.联网与否加载地图。

文章图片
#vue.js
vue项目引入webrtc-streamer渲染rtsp视频流解决花屏问题

这真的是血与泪的教训,花了将近两天的时间才解决问题,一直以为是视频流本身的问题,使用vlc发现视频流正常,就是项目中不正常,不死心又在网页中查看视频流。,但是官网后面会携带有其他参数,后续发现了一个帖子是解决这个花屏问题的,在项目中试了一下,发现真的可以,我也来记录一下这个问题。rtptransport=tcp是关键,之前没写这个导致视频卡顿且花屏,写上这个就好了。,发现网页也显示正常,又去官网查

#vue.js#webrtc#前端
uni-app导入本地json数据,使用v-for循环遍历数据并渲染到页面

1.在项目中新建一个目录components2.在目录下新建一个json.js页面(注意是.js)3.在json.js页面中写上本地模拟json数据,并导出let data = [{"id": 1,"name":'张三',"img":'http://img4.cache.netease.com/photo/0001/2017-07-14/s_CP9PNPU96VVV0001.jpg'},{"id"

#uni-app
vue封装本地存储模块

首先在项目中新建utils文件夹,再创建storage.js文件,这个文件就是封装本地存储的页面storage.js// 本地存储模块// 获取export const getItem=(name,value)=>{// 未经处理的请求数据const data=window.localStorage.getItem(name)try {// 将data转为js对象return JSON.pa

#vue.js#javascript#html5
vue3使用vuex实现页面实时更新数据(setup)

我项目中使用ws获取数据,因为数据是不断更新的,vue页面只更新一次就不更新了,然后暂时只能想到vuex来保存更新状态,页面监听数据实现实时更新。(注意,这里我用的是定时器,另外不要在意这么多方法传这个数组,你也可以就一个方法里使用vuex,我这个就是测试写的)////asyncAddStoreCount是mutations中的方法,2是传递过去的数据。////console.log(value)

#javascript#vue.js#echarts
到底了