随笔分类 -  Javascript

uni-app 声音/震动提示,播放系统默认消息声音 安卓(Android)测试通过
摘要:可以跟据自己需求使用,有不足的地方希望大家帮忙补充 参数typeOptionsvibrate:震动othre:铃声 1 msg_remind(type) 2 { 3 if(type=='vibrate') 4 { 5 //震动 6 plus.device.vibrate(500); 7 } 8 el 阅读全文

posted @ 2022-02-23 13:39 奔驰的码儿 阅读(3549) 评论(0) 推荐(1)

检测数组是否有重复字段
摘要:1 IsRepeat(arr) { 2 var hash = {}; 3 for (var i in arr) { 4 if (hash[arr[i]]) { 5 return true; 6 } 7 // 不存在该元素,则赋值为true,可以赋任意值,相应的修改if判断条件即可 8 hash[ar 阅读全文

posted @ 2022-01-11 10:23 奔驰的码儿 阅读(109) 评论(0) 推荐(0)

echarts 之 source and clone函数问题hasOwnProperty is not defined
摘要:图表渲染时报错如下: echarts 实例的 setOption 方法用来加载/更新图表数据,setOption 方法内部首先使用了 zrender 的 clone 函数对 options 进行了拷贝。但是 zrender 的 clone 方法是不严谨的,下面是一处不严谨的源码位置: 1 else 阅读全文

posted @ 2022-01-07 10:16 奔驰的码儿 阅读(727) 评论(0) 推荐(0)

自定义日历表格
摘要:效果如下: 1 <el-row> 2 <el-col :span="24"> 3 <div class="formTable" v-for="(item, index) in formTable" :key="index"> 4 <dl> 5 <dt>{{item.UnitName}}</dt> 6 阅读全文

posted @ 2021-12-20 11:24 奔驰的码儿 阅读(57) 评论(0) 推荐(0)

在 Vue 项目中使用 MQTT
摘要:Vue 是一款由尤雨溪及其团队开发的渐进式 Javascript 前端框架。该框架具备数据双向绑定、组件化、响应式和轻量等特点,搭配其脚手架 Vue CLI 使得开发者更加容易上手,大大减少了学习成本。同时其配备一个专用的状态管理模式 Vuex ,在这里可以集中管理所有组件的状态。 MQTT 是一种 阅读全文

posted @ 2021-11-29 10:33 奔驰的码儿 阅读(1966) 评论(0) 推荐(0)

文件流上传和回显图片
摘要:接收文件流回显图片 1 img = 'data:image/jpeg;base64,' + Img 上传文件流图片 1 <el-upload class="avatar-uploader" :action="ApiUrl + 'api/GaugeType/UploadImage'" 2 :show- 阅读全文

posted @ 2021-11-29 10:05 奔驰的码儿 阅读(356) 评论(0) 推荐(0)

文件流下载
摘要:1 <!-- 下载 --> 2 <el-tooltip :content="$t('SystemSetting.ReportTemplate.Btn.Export')" placement="top"> 3 <el-button size="small" circle type="primary" 阅读全文

posted @ 2021-11-29 09:47 奔驰的码儿 阅读(35) 评论(0) 推荐(0)

uni-app 蓝牙连接热敏打印机
摘要:主要流程: 1.初始化蓝牙适配器openBluetoothAdapter,如果不成功就onBluetoothAdapterStateChange监听蓝牙适配器状态变化事件 2.startBluetoothDevicesDiscovery开始搜寻附近的蓝牙外围设备 3.onBluetoothDevic 阅读全文

posted @ 2021-11-17 16:30 奔驰的码儿 阅读(2717) 评论(0) 推荐(0)

Elenemt UI el-input 输入框无法输入
摘要:1 <el-form-item label="工步名称"> 2 <el-input v-model.trim="WorkStepForm.WorkStepName" @input="ChangeInput($event)" :disabled="dialogType == 'view'" :plac 阅读全文

posted @ 2021-08-02 14:35 奔驰的码儿 阅读(73) 评论(0) 推荐(0)

vue 父子组件传值以及方法调用,平行组件之间传值以及方法调用大全
摘要:vue项目经常需要组件间的传值以及方法调用,具体场景就不说了,都知道。基本上所有的传值都可以用vuex状态管理来实现,只要在组件内监听vuex就好。 vue常用的传值方式以及方法有: 1. 父值传子(props) 1-1:解决一个项目中遇到的问题,父组件给子组件传值第一次子组件是可以接受的, 但是在 阅读全文

posted @ 2021-07-07 16:01 奔驰的码儿 阅读(1633) 评论(0) 推荐(0)

多级table表格展开箭头根据有无数据进行显示与隐藏
摘要:效果如下: 缩减版代码如下: 1 <el-table :data="WorkProcessList" :row-class-name="expandVisible" > 2 <el-table-column type="expand"> 3 <template slot-scope="scope"> 阅读全文

posted @ 2021-07-07 14:44 奔驰的码儿 阅读(820) 评论(0) 推荐(0)

手机端自适应字体大小rem
摘要:1 function fontSize(){ 2 var deviceWidth=document.documentElement.clientWidth>768?768:document.documentElement.clientWidth; 3 document.documentElement 阅读全文

posted @ 2021-03-16 12:50 奔驰的码儿 阅读(285) 评论(0) 推荐(0)

element UI 上传图片后关闭清除图片
摘要:1 6 7 8 9 教师资格证 10 其他证书 --> 11 12 {{item.label}} 13 14 15 16 ... 阅读全文

posted @ 2019-10-24 13:20 奔驰的码儿 阅读(3883) 评论(0) 推荐(0)

格式化时间
摘要:1 <script> 2 Date.prototype.Format = function (fmt) { //author: meizz 3 var o = { 4 "M+": this.getMonth() + 1, //月份 5 "d+": this.getDate(), //日 6 "h+": this.getHours(), //小时 7 "m+": this.getMinutes(), 阅读全文

posted @ 2019-10-23 11:37 奔驰的码儿 阅读(230) 评论(0) 推荐(0)

点击图片放大图片预览左右切换
摘要:1 2 3 4 5 6 7 点击图片放大图片预览左右切换 8 9 10 11 17 18 19 20 21 25 26 27 30 ... 阅读全文

posted @ 2019-10-16 10:53 奔驰的码儿 阅读(632) 评论(0) 推荐(0)

复制内容到剪切板
摘要:1 function copyHandle(){ 2 var page = "复制复制成功的内容" 3 let copy = (e)=>{ 4 e.preventDefault() 5 e.clipboardData.setData('text/plain',page) 6 alert('复制成功') 7 document.removeEventListener('copy',copy) 8 } 阅读全文

posted @ 2019-09-06 10:54 奔驰的码儿 阅读(152) 评论(0) 推荐(0)

JavaScript substr() 方法详解
摘要:1 //例如 2 var num = "1360654254125"; 3 4 num1 = num.substr(4); //表示从下标4开始(包含)一直到字符串结束 5 6 num1 = "654254125"; 7 8 num2 = num.substr(4,4); //表示从下标4开始一直到后面4位数结束 9 10 num2="6542"; 阅读全文

posted @ 2019-09-03 11:06 奔驰的码儿 阅读(927) 评论(0) 推荐(0)

JavaScript 前端文件无刷新下载
摘要:使用location.href下载文件 使用windows.open下载文件 利用ajax去提交请求,后端会返回一个线上的文件地址,前端可以通过原生的window.open打开这个地址就可以实现下载;页面会闪一下,体验不好。 阅读全文

posted @ 2019-06-19 17:52 奔驰的码儿 阅读(225) 评论(0) 推荐(0)

h5 video 封面poster IOS下无效不显示,安卓显示正常
摘要:1 2 3 1 #detail{height: auto; width: 100%; overflow: hidden;background: none; text-align: center;background:url('https://staging.all-dream.com/assets/front/img/highlight.png') no-repeat cen... 阅读全文

posted @ 2019-06-11 14:32 奔驰的码儿 阅读(3231) 评论(0) 推荐(0)

微信H5 ios移动端,键盘收起以后页面不缩回
摘要:这是个微信bug 1 $("input").on("blur",function(){ 2 console.log("焦点1") 3 window.scroll(0,0);//失焦后强制让页面归位 4 }); 阅读全文

posted @ 2019-06-10 21:50 奔驰的码儿 阅读(208) 评论(0) 推荐(0)

导航