命不息学不止-优快云博客

原创使用vuetify开发树状选择框

使用vuetify开发树状选择框，不用选择框来开发，而是使用v-menu配合输入框和树状图来展示，将其做成组件来使用。

2024-08-12 17:02:39 435 1

原创 vue与nodejs 前后端使用nginx/mysql/docker部署于云服务器

基于此镜像创造容器，这里需要注意名称，前一个容器名称myblog_server可修改，后一个myblog是你的镜像名称，需要跟你之前的取名保持一致。使用docker来部署nodejs,后端项目需要nodejs镜像，使用指令来拉取node12版本，这里要注意，你项目用的node版本最好跟你的node镜像版本一致，要不然你的npm i 就会报错。先下载mysql镜像，需要制定版本，目前最新版是8，但是需要保持你的mysql客户端与mysql镜像的版本一致，否则使用最新版本，在权限上会报错。

2024-06-12 14:37:16 746 1

原创 vue3使用vuetify开发嵌套表格

【代码】vue3使用vuetify开发嵌套表格。

2024-05-16 13:51:50 607

原创 vue3 DataV使用轮播表单，表单行内动态环形进度条刷新

这里想了两种方式来实现，第一种，根据数据多次渲染ehcars圆环饼图来实现，但是对于电脑的性能要求较高，一旦数据量过多，加载缓甚至卡顿，严重影响体验。难点在于行内动态加载的环形进度条，无法用dataV自带的环形进度条组件来实现。这个组件不支持在行内使用v-html显示。第二种，使用css样式配合js来实现，优待对于性能要求较低，但是成品的效果略显模糊，需要优化。

2024-05-13 13:52:18 1137

原创兼容低版本安卓电视，使用原生html配合jquery开发H5+app，实现底部导航栏功能

需求：为了在低版本安卓电视机内展示app，而H5的mui框架底部导航栏无法响应遥控器的点击事件，所以页面需求需要使用原生开发。

2024-05-08 15:12:02 276 1

原创在vue3 中使用vue-i18n 实现 DataV 轮播表国际化切换

主要原因是vue-i18n并不会对setup内的数据进行一个监听，仅仅只是重新渲染html的内容，因此在这里需要使用computed或者watch来对相关数据进行监听，或者直接window.location进行初始化。其中静态文字直接在中使用{{t(参数名)}}就可以进行切换，但是dv-scroll-board中的表头数据却并且切换。但是问题在于，我不希望重新调用接口，而轮播表的组件参数，如果整体使用computed来监听就会导致表单内容清空，因此需要将组件参数进行处理。

2024-04-30 17:48:58 420 2

原创在vue3中实现 XLSX 动态模板汇出excel

使用xlsx插件可以调用其API,来生成工作簿。将模板数据存放入工作簿当中，将内容字符串转ArrayBuffer，生成xlsx文件并创建超链接自动弹出。以下代码已包含eslint校验。

2024-04-30 17:00:09 377 2

原创 webRTC入门--信令服务器

之前我们说到媒体协商和网络协商，如果有不清楚的读者可以观看上一篇文章进行了解。这一章我们讲一下信令服务器，当webrtc要进行两端通讯的时候，双方设备必须要交换解码方式、网外ip以及端口，在webRTC中我们叫它媒体信息（sdp）和网络信息（candidate）。信令服务器一般部署在外网或者两端设备都能接收到的内网。它就能够帮助通信双方交换以上信息，并且为其规划“房间”。

2023-12-25 20:32:24 643

原创 webRTC入门学习

webrtc一般用于视频或者语音会议等方面，而不能用于直播。原因如下：一：webrtc是实时交互，所以A传给B数据的同时，B的数据也要传给A。两者双向传递数据，这就要求A和B必须存在于同一个服务器中，也正因为一个服务器内，容纳的人数是有限的，因此webRtc不支持太多人同时在线，当然在线视频和在线聊天，因为传输的数据量不同，后者在服务器的上限远高于前者。

2023-12-21 21:24:13 447

原创 vscode项目创建以及使用过程中的常见问题

就目前我使用vscode而言，在项目创建的过程中常见的问题有：1.下载了vue，但是使用vue命令是报不存在首先全局下载cli，全局搜索vue.cmd，找到文件所处地址，并且在系统变量中进行添加vue，如下图：2.当创建vue3项目时，...

2021-11-17 09:45:50 586

原创数组结构01 数据结构与数组

刚开始学习数据结构：首先对数据有一个大体的了解，什么是数据？简单的说数据是一种符号，可以被输入计算机并且被识别和处理的符号。数据有哪些属性？数据元素，数据对象，数据项数据：人员表加课程表，所有的加起来叫做数据数据元素：数据的基本单位，比如人员表内某一行数据“张三男 145 A”就是数据元素数据对象：人员表就叫做数据对象，数据的子集数据项：数据的最小单位，比如人员表中某一列，比如姓名其次，知道什么是数据结构：1.数据结构两大类：逻辑结构，物理结构...

2021-09-24 14:56:07 219

原创 android前端使用vue开发app，连接蓝牙打印机二维码

我使用的是vue配合Cordova混合开发，打包工具用的是cordova，首先需要先创建一个cordova项目，这里就不一一展示了，在网上可以搜到。当项目创建成功之后，打开git Bash或者cmd指令，使用cd指令，到达cordova项目的目录，比如这个就是我创建的Cordova项目Mars-vue的目录，在达到此目录之后，直接输入指令Cordova plugin addcordova-plugin-datecs-printer ,安装cordova-plugin-datecs-print..

2021-08-24 13:32:51 2174

原创 vant使用时候的一些便利

前端调接口数据的时候，很少有全部归类好的数据，更多的是想要选取接口传来的对象数组中的某个属性值。之前我是用map遍历将其获取到数组中，不过使用value-key，可以在columns对象数组中直接拿取全部对应属性名的值。 <van-picker show-toolbar :columns="columns" value-key="F_ItemName" @confirm="quantityA...

2021-07-08 10:34:13 514

原创 vue中钩子函数的简易归纳

在公司app项目中，遇见了不少与路由缓存相关的问题，因此不免地使用到钩子函数以及生命周期相关地知识，在此将所之前学的东西归纳一下。1.全局守卫：router.beforeEach 前置守卫进入路由之前router.beforeResolve 解析守卫，在beforeRouterEnter调用之后调用router.afterEach 后置钩子进入路由之后2.路由组件内直接调用beforeRouteEnter进入路由前 beforeRouteUpdate路由复用同一...

2021-06-28 13:41:30 594 1

原创在vue中使用proxy解决接口的跨域问题

最近在公司做一个项目的登录功能，需要请求接口，但也遇见了跨域问题，多方查找之后，我是用proxy解决了问题。这里就要说一下什么是proxy，简单的说它就是一个代理，专文yong'yu

2021-06-08 20:07:10 403

原创使用VScode提交项目到gitee（踩坑经验）

项目提交到gitee中便于更新管理，而因为vscode有自带的git推送，这极大的简化了使用git指令的难度首先，需要在gitee内建立一个仓库，只需要填写仓库名称，路径会自动出现，然后点击创建，仓库就建立成功了并且会跳转到仓库内，只需要打开GIT Bash依照教程输入指令，就可以首次输入的时候需要注意：全局配置git config --global user.name "谭明"git config --global user.email "8078660+tan-ming@u

2021-06-04 14:13:17 15117 2

原创使用vuex与keepli-alive实现页面数据的灵活存储

1.keep-alive初次进入页面，created>mounted>activated,再次进入页面执行activated,它的好处在于可以配合路由mete：{keepAlive:true}，

2021-06-03 21:51:56 333

原创在vue框架下使用vuex和token来完成登录验证功能：

在vue框架下使用vuex和token来完成登录验证功能：token验证实现登录功能的原理：1.第一次点击登录功能，将输入的密码以及用户名数据传入后端。（dispatch+axios.post）2.后端接受之后，验证数据是否存在，若存在则返回一个token值。3.将token值保存在cookie中，执行路由跳转。（都想actions中执行，cookie.set）4.每次路由跳转，守卫导航会判断cookie中是否有token，如果有就跳转到对应页面，如果没有则进入登录页面。（beforeE

2021-05-30 20:05:25 1529