随笔分类 -  js

修改vue模板标签
摘要：修改文本插值的定界符 前后端混编项目中使用vue.js，防止vue中“{{}}”与其他模板框架(如： layui)绑定数据差生冲突 将vue默认的“{{item.name}}” 改为 “@” <view>@{item.name}</view> 方法一： // 修改 Vue 模板标签 if ( "un 阅读全文
posted @ 2020-12-31 09:58 风如白话 阅读(629) 评论(0) 推荐(0)
js根据输入的文本自动改变textarea框的高度
摘要：js根据输入的文本自动改变textarea框的高度 /*** 根据输入的文本自动改变textarea框的高度 @param {string} el 元素对象 如： document.querySelector(".list") @param {number} maxHeight 最大高度 @para 阅读全文
posted @ 2020-12-31 09:51 风如白话 阅读(499) 评论(0) 推荐(0)
js 计算对象数组中某个属性合计
摘要：js 计算对象数组中某个属性合计 countTotal调用示例： let arr = [ {id: 0, price: 199.88}, {id: 1, price: 299.88}, {id: 2, price: 399.88} ]; console.log(countTotal(arr, 'pr 阅读全文
posted @ 2020-12-31 09:47 风如白话 阅读(6040) 评论(0) 推荐(0)
js实现长按显示全部内容
摘要：js实现文字超出省略号显示时长按显示全部 元素内容超出省略号显示时长按该元素，生成toast弹窗(id:toolkitContainer)，以显示全部内容 #toolkitContainer { max-width: 150px; position: absolute; z-index: 999; 阅读全文
posted @ 2020-11-27 14:04 风如白话 阅读(546) 评论(0) 推荐(0)
video标签播放视频禁止脱离文档流
摘要：video 标签在微信公众号页面播放视频时，设置h5同层播放如下： webkit-playsinline="true" /*这个属性是ios 10中设置可以让视频在小窗内播放，也就是不是全屏播放*/ x-webkit-airplay="true" /*这个属性还不知道作用*/ playsinline 阅读全文
posted @ 2020-06-16 16:44 风如白话 阅读(1227) 评论(0) 推荐(0)
腾讯TCPlayerLite播放m3u8格式视频
摘要：TCPlayerLite 腾讯云 Web 超级播放器 TCPlayerLite 是为了解决在手机浏览器和 PC 浏览器上播放音视频流的问题，它使您的视频内容可以不依赖用户安装 App，就能在朋友圈和微博等社交平台进行传播。 直播和点播 直播视频源是实时的，一旦主播停播，直播地址就失去意义，而且由于是 阅读全文
posted @ 2020-06-16 16:42 风如白话 阅读(1803) 评论(0) 推荐(0)
js身份证号格式校验
摘要：/***校验身份证号 @param {String} personnumber 身份证号码 @example: checkIdcard(pass); //return true | false; */ function checkIdcard(personnumber) { personnumber 阅读全文
posted @ 2020-06-16 16:41 风如白话 阅读(1720) 评论(0) 推荐(0)
H5页面引用百度地图绘制车辆历史轨迹
摘要：H5页面引用百度地图绘制车辆历史轨迹 引入 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Go8TPnKDL44WFZbOATH4AsbA7qTwNosi"></script> html代码 <di 阅读全文
posted @ 2020-06-16 16:39 风如白话 阅读(846) 评论(0) 推荐(0)
js 银行卡号校验
摘要：js 银行卡号校验 示例：luhnCheck(62155937000139567) function luhnCheck(bankno) { var lastNum = bankno.substr(bankno.length - 1, 1); //取出最后一位（与luhn进行比较） var firs 阅读全文
posted @ 2020-06-16 16:38 风如白话 阅读(3568) 评论(0) 推荐(0)
PC页面客服微信QQ弹窗（鼠标移入显示移出隐藏）
摘要：PC页面客服微信QQ弹窗（鼠标移入显示移出隐藏） html代码： <div class="msg" onmouseleave="common.showModal(0)"> <div class="msg-btns"> <div class="msg-btn kefu-btn" onmouseente 阅读全文
posted @ 2020-06-16 16:37 风如白话 阅读(322) 评论(0) 推荐(0)
js 识别二维码
摘要：本文引用analyticCode.js、llqrcode.js实现识别二维码功能 html代码： <div class="box" id="analytic"> <img id="showImg" src="../../img/image/code.png" /> <p class="url-box 阅读全文
posted @ 2020-06-03 09:57 风如白话 阅读(1975) 评论(0) 推荐(0)
微信公众号页面video标签播放视频兼容问题
摘要：web页面,内嵌许多小视频，在ios和安卓手机上播放时，存在以下问题： 1、在微信浏览器内播放时，视频会自动全屏 2、如果每个视频都有一张自定义的图片作为封面，在显示视频的同时，如果没有给这个视频设置高度，视频的容器在安卓手机上会被视频的封面撑大到变形 解决办法 : <video class="vi 阅读全文
posted @ 2020-06-03 09:29 风如白话 阅读(2274) 评论(0) 推荐(0)
js移动端复制到剪贴板
摘要：1 // 复制到剪切板 2 function copy(str){ 3 var save = function (e){ 4 e.clipboardData.setData('text/plain',str);//clipboardData对象 5 e.preventDefault();//阻止默认 阅读全文
posted @ 2020-01-03 15:17 风如白话 阅读(1117) 评论(0) 推荐(0)
js倒计时
摘要：//倒计时 function countdown(times, callback){ var _this = this; var timer = null; timer=setInterval(function(){ var day=0, hour=0, minute=0, second=0;//时 阅读全文
posted @ 2020-01-03 15:12 风如白话 阅读(131) 评论(0) 推荐(0)
js代码中引入其他js文件
摘要：1 /***引入 js 文件 2 @example: import('js/aui.picker.js') 3 @example: import(['js/aui.picker.js', 'css/aui.picker.css']) 4 */ 5 function import(url){ 6 va 阅读全文
posted @ 2020-01-03 14:58 风如白话 阅读(5708) 评论(0) 推荐(1)