09 2019 档案

vue换算单位px自动转换rem
摘要：cnpm i postcss-px2rem --save cnpm install px2rem-loader --save 2、配置px2rem build目录下vue-loader.conf.js中，做如下修改： module.exports = { loaders: utils.cssLoad 阅读全文
posted @ 2019-09-28 14:14 武小妞 阅读(2071) 评论(0) 推荐(0)
css使Img图片居中显示
摘要：img1是默认显示图片 .listing-img{ width: 100%; min-height: 270px; max-height: 320px; } .listing-img>img{ display: inline-block; height: auto; max-width: 100%; max-height: 32... 阅读全文
posted @ 2019-09-26 10:48 武小妞 阅读(7739) 评论(0) 推荐(0)
formData请求接口传递参数格式
摘要：这一段是js上传FormData请求格式 阅读全文
posted @ 2019-09-23 11:11 武小妞 阅读(41688) 评论(0) 推荐(1)
vue过滤金额自动补全小数点
摘要：watch:{ //监听input双向绑定 balance(value) { //保留2位小数点过滤器 不四舍五入 var toFixedNum = Number(value).toFixed(3); var realVal = toFixedNum.substring(0, toFixedNum.toString().length - 1); this.ba... 阅读全文
posted @ 2019-09-21 15:40 武小妞 阅读(2103) 评论(0) 推荐(0)
vue Element验证input提示
摘要：详细地址* loginRuleForm: { userName: '' }, rules: { userName: [ ... 阅读全文
posted @ 2019-09-20 20:44 武小妞 阅读(10254) 评论(0) 推荐(0)
vue点击按钮复制文本框内容
摘要：1.npm进行安装 npm install clipboard --save 2.在需要使用的组件中import 引用方法：import Clipboard from 'clipboard'; 3.添加需要复制的内容 <button class="tag-read" data-clipboard-text="我是可以复制的内容，请点击复制" @click="copy">立即阅读</button> 阅读全文
posted @ 2019-09-19 18:53 武小妞 阅读(2528) 评论(0) 推荐(0)
js验证邮箱格式
摘要：function test() { var temp = document.getElementById("text1"); //对电子邮件的验证 var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/; if(!myreg.test(tem 阅读全文
posted @ 2019-09-18 19:50 武小妞 阅读(5827) 评论(0) 推荐(0)
Vue Element ui密码框校验
摘要：<el-form-item prop="repeat_Password" class="userName_color"> <el-input type="password" placeholder="请再次输入新密码" v-model="loginRuleForm.repeat_Password" maxlength="18" //设置密码长度 :show-password="true" //是否 阅读全文
posted @ 2019-09-18 15:05 武小妞 阅读(7175) 评论(0) 推荐(0)
js手机号隐藏中间四位
摘要：var tel = "13122223333"; var reg = /^(\d{3})\d{4}(\d{4})$/; tel = tel.replace(reg, "$1****$2"); console.log(tel); 阅读全文
posted @ 2019-09-18 11:44 武小妞 阅读(7013) 评论(0) 推荐(1)
vue实现省市区三级联动
摘要：npm 安装 Vue全局引入组件 也可以那里需要，哪里引入 在声明vue实例的时候，定义 一个onSelected方法 阅读全文
posted @ 2019-09-16 21:08 武小妞 阅读(3150) 评论(0) 推荐(1)
Taro开发微信小程序遇到的问题和解决方法
摘要：1.scroll-view 置顶, 给设置scroll-top为0无效问题？ 解决方案: 不触发置顶问题，需要给scroll-top一个设置接近0的随机数，Math.random() 2.scroll-view绑定bindscrolltolower没有触发问题？ 解决方案: 通过获取系统信息wx.g 阅读全文
posted @ 2019-09-06 16:00 武小妞 阅读(10448) 评论(1) 推荐(1)
Taro时间选择器+地址选择器
摘要：时间地址选择器 https://www.manzj.net/topic/5c3c2123cd01b8af5bce4373 阅读全文
posted @ 2019-09-05 15:32 武小妞 阅读(1146) 评论(0) 推荐(0)
Taro下拉刷新，上拉加载更多
摘要：1、引入插件 2、render (){} 3、方法 4、scss 阅读全文
posted @ 2019-09-05 10:30 武小妞 阅读(9752) 评论(0) 推荐(0)
taro开发微信小程序-页面开发规范
摘要：https://blog.csdn.net/museions/article/details/84133824 https://blog.csdn.net/museions/article/details/84133773 阅读全文
posted @ 2019-09-04 18:04 武小妞 阅读(369) 评论(0) 推荐(0)
视频Video放器的部分实例方法
摘要：***创建一个视频播放器实例 创建实例后，可以通过两种方式全局访问它： 删除实例：dispose() 从播放器中删除所有事件侦听器。删除播放器的DOM元素 改变播放器音量：volume 可以通过volume播放器上的功能更改播放器的音量。音量功能接受0-1的数字。不带参数调用它将返回当前音量 pau 阅读全文
posted @ 2019-09-04 16:41 武小妞 阅读(578) 评论(0) 推荐(0)
Input框搜索关键字高亮显示
摘要：//这个是HTML页面中传递的值 阅读全文
posted @ 2019-09-04 16:26 武小妞 阅读(1147) 评论(0) 推荐(0)
vue上拉加载下拉加载
摘要：npm i vue-scroller <scroller :on-refresh="refresh" :on-infinite="infinite" :noDataText="msg"></scroller > refresh(done){ //刷新 this.page=1 this.init(done) }, infinite(done){ //加载 if(this.hasNext==0){ d 阅读全文
posted @ 2019-09-04 16:24 武小妞 阅读(1251) 评论(0) 推荐(0)
Input的校验表达式
摘要：1、只是不能输入空格 2、不能输入空格及英文状态下的逗号 3、只能输入数字 4、只能输入英文及数字 5、验证首位是汉字 6、第二位为英文字母 7、后几位是数字英文字母组合 8、只能输入汉字、英文、数字 9、js纯数字验证 10、js数字英文字母混合 阅读全文
posted @ 2019-09-04 16:14 武小妞 阅读(244) 评论(0) 推荐(0)
微信小程序下拉加载和上拉刷新两种实现方法
摘要：方法一：onPullDownRefresh和onReachBottom方法实现小程序下拉加载和上拉刷新 首先要在json文件里设置window属性 设置js里onPullDownRefresh和onReachBottom方法 下拉加载说明： 当处理完数据刷新后，wx.stopPullDownRefr 阅读全文
posted @ 2019-09-04 15:52 武小妞 阅读(1682) 评论(1) 推荐(0)
微信小程序插件组件-Taro UI
摘要：微信小程序组件使用以下官网查看 ↓ ↓ ↓ https://taro-ui.jd.com/#/docs/fab 阅读全文
posted @ 2019-09-04 12:26 武小妞 阅读(3100) 评论(0) 推荐(0)
微信小程序HTTP接口请求封装
摘要：1.方法封装（新建文件夹util，工具文件，在文件夹下创建request.js文件，用于对方法封装）request.js： 2.page里面随便一个创建一个文件夹，创建四种文件，在js里面加入 将回调函数写在page里面，在调用封装方法的时候通过this.方法名调用，这样就能确保that.setDa 阅读全文
posted @ 2019-09-04 12:25 武小妞 阅读(9652) 评论(0) 推荐(0)
微信小程序命名规则
摘要：目录分析 src是主要的开发目录，各个文件实现功能如下所示: 入口配置文件app.js分析 Movies列表页是微信小程序的首页，下面代码中config配置的是小程序中所有使用的页面定义路由。下面重点介绍几个比较重要的关键点微信小程序页。 Movies电影列表页 getCities()是获取当前定位 阅读全文
posted @ 2019-09-04 12:08 武小妞 阅读(5140) 评论(0) 推荐(0)