- 博客(109)
- 收藏
- 关注
原创 uni-app video 多个视频循环播放 全屏自动播放 退出自动暂停功能
<view class="video_item"> <video v-for="(item,index) in video_url" :key="index" :id="'myVideo'+index" :src="item.name" @fullscreenchange="fullscreenchange" @play="saveplay(index)" class="classvideo" @click="videoPlay(index)"
2022-05-09 14:00:38
4498
3
原创 uView 2.x三级联动
<u-picker keyName="name" :show="show" @cancel="show=false" ref="uPicker" class="uPicker" :columns="columns" @confirm="confirm" @change="changeHandler" :defaultIndex="defaultarr"> </u-picker>import sheng from "@/static/c
2022-04-11 14:30:11
2544
7
原创 uView 2.x表单自定义校验失效问题
首先 官网基础的格式是两层的例如第一步需要注意的。model1: { userInfo: { name: '', phone: '', address:"", detailedddress:"" }, },想要自定义校验需要一层 userInfo: { name: '', phone: '', address:"", detailedddress:"" },第二步<u--form labelPosition=
2022-04-06 10:32:54
4631
原创 uni-app uview 微信小程序获取不到ref
当新下载运行的时候照着官网 uview 走,但是获取不到 dom的ref 有可能的因为微信小程序新下载的 详情----本地设置—调试基础库版本过低导致。修改成最高的即可。
2022-04-06 09:17:52
3230
4
原创 vue3.0Watch reactive
监听对象类型watch(numObj, (newValue, oldValue) => { console.log("numObj变化了", newValue, oldValue);});监听对象中的一个基本类型属性watch( () => numObj.a, (newValue, oldValue) => { console.log("numObj变化了", newValue, oldValue); });监听对象中的一些基本类型属性watch(
2022-02-11 11:37:37
293
原创 vue 3.0 ref Watch
// 监听一个ref定义的数据watch(num, (newValue, oldValue) => { console.log("num增加了", newValue, oldValue);},{ immediate: true, deep: true });// 监听多个ref定义的数据watch([num, num1], (newValue, oldValue) => { console.log("num增加了", newValue, oldValue);});...
2022-02-11 11:34:30
516
原创 vue3.0 Computed
计算 ref 定义的响应式数据const fullName = computed({ get() { return firstName.value + "-" + lastName.value; }, set(value) { const arr = value.split("-"); firstName.value = arr[0]; lastName.value = arr[1]; },});计算 定义的响应式数据person.fullName
2022-02-11 11:32:24
210
原创 vue3.0父子组件传参
export default { props: ["mess"], //需要props声明才能在setup收到参数 setup(props) { console.log(props.mess); },};export default { emits: ["xd"], //需要emits声明才能在setup中使用 setup(props, context) { function clickMe() { context.emit("xd", "子组件的值
2022-02-11 11:15:35
727
原创 vue 设计深拷贝
// 标准的深拷贝 =>引用数据类型(数组,对象) function deepClone(source){// [] m> Array(基类){} =>Objectconst targetobj= source.constructor =m= Array ? [] : {}; for(let keys in source){ if(source.hasOwnProperty(keys)){ // keys => 3 // 引用数据类型 if(s
2022-02-07 10:11:17
349
原创 前端防抖与节流
一、防抖<input placeholder="请输入电话"<script>// 防抖 =>将多次操作变成一次let telInput =document.querySelector('input')telInput.addEventListener('input', antiShake(demo, 2000))//防抖封装function antiShake(fn,wait){let timeOut = null; return args => {if(ti
2022-02-07 09:16:46
385
原创 vue canvas 连线带箭头
首先 左边的线连接右边的线的话 都要准确找到双方的位置所以我们通过getBoundingClientRect()方法去寻找例:this.$refs[`${item.refs}`][0].getBoundingClientRect().left例:this.$refs[`${item.refs}`][0].getBoundingClientRect().top但是呢 如果你的canvas在屏幕的任意位置 直接用上面获取的话是不行的。获取的位置不是以canvas为基准获取的而是以屏幕的宽高。所以↓.
2021-12-23 16:02:43
3898
1
原创 vue 饿了吗文本域禁止拉伸
::v-deep .el-textarea .el-textarea__inner{ // 然后找到对应的类名,在这里将拉伸去掉即可 resize: none; height: 80px; }
2021-11-16 15:00:49
547
原创 vue+QT数据的细节处理
问题一、QT传过来的数据的时候 他可能在字符串里会有 /n的,不是QT开发人员自己写的是他的程序自动生成的,导致在调用我们vue方法的时候根本就没有走进方法里面去。所有首先让Qt的开发人员去处理一下/n换号的问题。问题二、当这个方法里走进来的时候 其实数据还会有问题,当有汉子的时候会有一个“/”的问题。但是我们得需要俩两个“//”,所以接收的时候那个参数用到了汉子 我们就让Qt人员把数据通过base-64加密一下数据。当数据传到vue的时候我们在反解析一下再去做处理。问题三,当我们再去做处理的时候,会
2021-11-09 10:31:19
1996
原创 vue与QT交互篇
首先兄弟要先引用一个文件!咱把他取名叫“qwebchannel.js”/******************************************************************************** Copyright (C) 2016 The Qt Company Ltd.** Copyright (C) 2014 Klarälvdalens Datakonsult AB, a KDAB Group company, info@kdab.com, author
2021-11-09 09:21:08
5029
9
原创 node 上传图片的基本方式
安装命令 npm i multer地址:https://www.npmjs.com/package/multer//utils文件const crypto = require("crypto")const multer = require('multer')const fs = require('fs')const path = require('path')function md5(s){ //注意参数需要为string类型,否则会报错 return crypto.cr
2021-10-26 11:52:18
244
原创 node连接mySql数据库
config.jslet dbOptiondbOption = { connectionLimit: 10, host: 'localhost', user: 'root', password: '123456', port: '3306', database: 'abc_blog'}module.exports = dbOptionindex.jsconst mysql = require('mysql')const dbOption = require('./c
2021-10-13 13:44:16
91
原创 node express解决跨域问题
输入命令 :npm install cors --save在app.js中const cors = require('cors');app.use(cors());
2021-10-13 13:41:22
97
原创 React 装饰器操作
命令 npm install --save-dev @babel/plugin-proposaldecorators//config-overrides.js 文件const { override,fixBabelImports,addBabelPlugins} = require('customize-cra');module.exports = override( fixBabelImports('import', { libraryName: 'antd',
2021-09-07 16:01:11
187
原创 vue echarts 线形 line x轴年月日时间换行问题
options:{ title: { // text: '考试次数34次' text: '考试次数0次' }, tooltip: { trigger: 'axis', formatter: function (datas) { .
2021-08-25 09:08:33
1312
原创 vue echarts 条形 bar 基本需求归纳
1.要求y轴坐标要月份。2.浮窗要显示年与月3.要求x轴坐标要显示的是时间考虑的问题:1、首先所需要的数据都是从这个图里拿的,如果拿数据的时候只拿月份浮窗就不会显示年份。2、x轴的时间后台是反的秒,自己要通过秒来计算时间的多少展示在x轴上3、当自己处理定义浮窗内容的时候对应前面的颜色图标将会消失import ECharts from 'vue-echarts'import 'echarts/lib/chart/bar' //条形组件Vue.component('v-chart', ECh.
2021-08-25 09:00:10
770
原创 vue echarts 饼形 pie 基本需求情况
<v-chart class="radar-chart" :options="options"></v-chart>return{ options : { title: { text: `试卷分类占比`, left: 'left' }, tooltip: { t
2021-08-25 08:35:53
456
原创 vue list 数组参数交换位置
let data = [1,2,3,4]let number = 2 //这个是从哪开始移动位置let index = data.findIndex((e)=>e.id==number)if(index==0){ Main.myAlert('对不起,已经是第一位置了'); return }var tempOption = data[index - 1]this.$set(data, index - 1, data[index])this.$set(data, inde
2021-08-05 15:03:08
752
原创 vue el-upload 上传设置请求头 二次确认
<el-upload :auto-upload="false" :on-success="success_file" :on-change="changeFile" :on-error="onerror" :headers="headers"
2021-07-30 11:31:23
1514
原创 vue Element-ui table 去掉全选勾选的功能
::v-deep .el-table__header-wrapper .el-checkbox {display: none;}
2021-07-12 08:28:26
1340
1
原创 js 秒转换成小时、分、秒
Model_data_click(){ let time = 3601; if(time<=60){ let miao = time console.log(miao) }else if(time>60&&time<=3600){ let fen = parseInt(time/60) .
2021-06-03 09:38:53
1695
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人