随笔分类 -  web前端

修改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)
uniapp自定义picker城市多级联动组件
摘要：uniapp自定义picker城市多级联动组件 支持多端——h5、app、微信小程序、支付宝小程序... 支持自定义配置picker插件级数 支持无限级 注意事项：插件传入数据格式为children树形格式，内部包含：id、name 参数 类型 描述 默认值 必选 title string 标题 ' 阅读全文
posted @ 2020-11-27 14:16 风如白话 阅读(6814) 评论(3) 推荐(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)