自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 微信小程序 - scroll-view横向滚动

scroll-view 设置横向滚动 // html scroll-view.scroll(:scroll-x="true") div(v-for="(item, index) in list" :key="index") // c...

2020-01-16 20:04:24 122 0

原创 CSS3 - 线性渐变色

解决方法一、      linear-gradient() background-color: red; /* 浏览器不支持的时候显示 */ background-image: linear-gradient(to right, red, orange, y...

2020-01-16 19:52:07 88 0

原创 CSS -img标签排列之间有间隙

前言      img标签排列之间在没有外边距的产生间隙 解决方法     方法一、           在img标签的父级上写:font...

2020-01-16 19:45:12 136 0

原创 JavaScript - 正则验证手机号/座机号码输入

    正则验证手机号/座机 regxTest (val) { let phone = /^((13[0-9])|(14[5,7,9])|(15[^4])|(18[0-9])|(17[0,1,3,5,6,7,8]))[0-9]{8}$/ let ri...

2020-01-16 19:32:46 125 0

原创 微信小程序 - 隐藏返回home按钮

前言     微信7.0.7版本起,当用户打开的小程序最底层页面是非首页时,默认展示“返回首页”按钮 解决方法     开发者可在页面 onShow 中调用 hideHomeButton 方法 进行隐藏 wx.hide...

2020-01-16 19:26:59 1929 0

原创 JavaScript - 字符串转数字

前言      从后台接受的数据是number类型的意思,但是返回的值是字符串string类型的。 解决方法      eg:'1'转换成number类型的 1    ...

2020-01-16 19:21:49 54 0

原创 mpvue - vant weapp uploader中 带有'-'方法无效解决

前言     mpvue构建小程序,采用vant weapp新版1.0中的Uploader的时,使用after-read方法无效 解决方法     mpvue文档中没发现以'-'链接的方法,而是使用...

2019-12-18 19:23:08 434 9

原创 Taro - 别名引入路径方式

config/index.js const path = require('path') // eslint-disable-line const config = { alias: { '@/api': path.resolve(__dirna...

2019-12-08 22:01:08 381 0

原创 JavaScript - Eslint常用关闭校验语句

关闭段落校验 /* eslint-disable */some code some code /* eslint-enable */ 关闭当前行校验 some code // eslint-disable-line 关闭下一行校验 // eslint-disable-next-lin...

2019-12-08 21:57:01 73 0

原创 Taro -报错error An unexpected error occurred: "EPERM: operation not permitted, unlink。。。

前言      使用Taro报错: error An unexpected error occurred: "EPERM: operation not permitted, unlink 'D:\\taro-app\\node_modu...

2019-12-08 21:54:56 458 0

原创 JavaScript - 时间格式计算

/** * 时间戳转换,(@return 如:5天前) * @param str 日期字符串 */ export const getTimeInfo: (dateStr: string) => string = dateStr => { if (!dateStr) retur...

2019-12-08 21:50:09 22 0

原创 微信小程序 - 页面隐藏滚动条

// 滚动条隐藏 ::-webkit-scrollbar { width: 0; height: 0; color: transparent; }

2019-12-08 21:48:42 43 0

原创 vue - style绑定行内样式

前言      vue中行内样式绑定采用驼峰写法 // 写法一: :style="{ backgroundImage: 'url(' + 变量name + ')' // 写法二: :style="...

2019-12-08 21:45:31 64 0

原创 微信小程序 - 小程序分享转发

方法     在小程序需要分享的xxx页面添加代码 export default { onShareAppMessage () { return { title: '', path: '/...

2019-10-31 22:34:30 99 0

转载 mpvue - WXMLRT_$gwx:./xxx.vue.wxml:template:2:330: Template `data-v-xxxx-` not found.

前言     mpvue做小程序保存编译报错: WXMLRT_$gwx:./components/FormButton.vue.wxml:template:2:330: Template `data-v-2e0e74f0-default-7` not fo...

2019-10-31 22:25:50 788 2

转载 vue - nuxt.js debugger报错

前言     在初始化的nuxt项目中打断点,报错: Unexpected 'debugger' statement.eslint(no-debugger) 解决方法     在.eslintrc...

2019-10-31 21:54:39 1036 0

原创 JavaScript - 格式化时间

时间格式 // 七天前 let beforeTime = new Date((new Date()).getTime() - 1000 * 60 * 60 * 24 * 7) let startTime = `${beforeTime.getFullYear()}-${(beforeTime.ge...

2019-10-31 21:46:28 35 0

原创 mpvue - Module build failed: Error: Final loader didn't return a Buffer or String

前言     小程序运行报错Module build failed: Error: Final loader didn’t return a Buffer or String 原因

2019-10-31 21:43:26 456 0

原创 mpvue - 修改对象数组数据,页面不刷新

前言 使用mpvue修改数据对象数组的属性,页面不进行渲染 this.serviceTypeList.forEach(serviceItem => { serviceItem.selected = false if (item.code === serviceItem.cod...

2019-10-31 21:17:11 804 0

原创 mpvue - vuex辅助函数报错:Cannot read property 'commit' undefined

前言     在mpvue中,vuex对象不能注入到页面和组件当中     如果使用了vuex辅助函数mapMutations与mapGetters,则在子组件中会报如下的错误: 解决方法:   ...

2019-10-31 21:08:42 203 0

原创 mpvue - 阻止事件冒泡

前言     mpvue中 元素嵌套都有点击触发事件,那点击里面的元素也会触发容器的点击事件。 解决方法     在@click加上stop属性可以阻止冒泡的 事件冒泡是由内到外 div(@click="wr...

2019-10-31 21:05:10 373 0

原创 JavaScript - 手机号码中间用星号代替

如手机号码18854112211,中间用’*'代替,显示188****2211 let phone='18854112211' 方法1(字符串的截取): var showPhone = phone.substr(0,3)+'****'+phone...

2019-10-31 21:01:44 92 0

原创 vue - 针对单个 js 文件禁用 ESLint 语法校验

前言     在 Vue-cli 创建的项目中,使用了 ESLint 规范代码,在使用一些老版本的vue库的时候,语法不符合ESLint会导致项目报错无法通过编译。     如何针对单个 js 文件禁用 ESLint ...

2019-08-30 22:09:21 496 0

原创 微信小程序 - vant popup弹出层阻止底层页面滑动

前言     在小程序编写过程中使用使用vant weapp的popup组件做小程序的弹出层,触屏导致底层页面跟着滑动。 解决方法     使用touch事件阻止属性,@touchmove.stop.prevent指向...

2019-08-30 22:01:25 3560 3

原创 mpvue - 报错:同一组件内嵌套的 v-for 不能连续使用相同的索引,目前为: index,index

前言     在使用mpvue开发小程序的时候,嵌套使用for循环进行渲染,但是没用用到index索引,报错同一组件内嵌套的 v-for 不能连续使用相同的索引,目前为: index,index 原因     在mpv...

2019-08-30 21:44:11 403 0

原创 微信小程序 - onLoad、onshow

onLoad和onShow     onLoad: 页面加载时触发(可以传递参数),从二级页面回来时不会触发。     onShow: 当小程序启动,或从后台进入前台显示,从二级页面回来时也会触发会触发 onShow,...

2019-08-30 21:31:48 710 0

转载 mpvue - iview weapp click 获取不到index (i-model、acrion-sheet)

问题     若iview weapp组件通过click事件,即this.triggerEvent(‘click’, { index })来进行父子组件通信,mpvue无法从event.mp中读取到正确的detail    &n...

2019-08-29 22:10:49 258 0

原创 微信小程序 - image的mode属性

mode属性     scaleToFill 缩放模式(默认属性),不保持纵横比缩放图片,使图片的宽高完全拉伸至填满 image 元素     aspectFit 缩放模式,保持纵横比缩放图片,使图片的长边能完全显示出...

2019-08-29 22:04:10 3981 0

原创 微信小程序 - 碎知识点

动态修改页面title onLoad: function (options) { wx.setNavigationBarTitle({ title: '当前页面' //修改title }) }

2019-08-29 21:44:52 26 0

原创 ES6 - export default、export 命令

export default     在vue中,export default{}这是在复用组件的时候用到的。     假设我们写了一个单页面组件 A 文件,而在另一个文件 B里面需要用到它,那么就要用 ES6 的 i...

2019-08-29 21:41:40 112 0

原创 mpvue - 使用Echarts图表

安装依赖包 npm install echarts vue-echarts --save yarn add echarts mpvue-echarts 自定义图表组件 <template lang="pug"> .echarts-wrap mpvue-echa...

2019-08-28 22:08:12 193 0

原创 微信小程序 - wx.setstoragesync和wx.setstorage的区别

前言     StorageSync是Storage的同步版本 Storage // setting wx.setStorage({ key:"key", data:"value" }) // getting ...

2019-08-13 21:55:56 9988 0

原创 mpvue - 报错'getCurrentPages' is not defined.

前言     在mpvue中使用getCurrentPages()获取页面栈时 ESLint报错:‘getCurrentPages’ is not defined. 解决方法 getCurrentPages() // eslint-disable-line ...

2019-08-12 21:25:01 222 0

转载 微信小程序 - 警告sitemap 的规则[0],当前页面将被索引

前言     开发助手更新之后出现警告⚠️,sitemap 的规则[0],当前页面将被索引 原因     sitemap 的索引提示是默认开启的,如需要关闭 sitemap 的索引提示,可在小程序项目配置文件 proj...

2019-08-01 23:21:27 5522 4

原创 JavaScript - 获取时间并且转换成yyyy-MM-dd形式

function () { let nowDate = new Date() let year = nowDate.getFullYear() let month = nowDate.getMonth() + 1 let day = nowDate.getD...

2019-08-01 23:12:32 1168 0

转载 JavaScript - 去掉字符串的第一个字符或者最后一个字符

substring && substr     stringObject.substring(start,stop) //截取的是开始与结束的字符串。(截取固定开始位置start和结束stop位置)    &nb...

2019-08-01 23:06:06 2526 0

原创 JavaScript - 实现数组元素上下移动

前言     通过js中数组的splice()函数实现 splice() 方法     JavaScript splice() 方法        ...

2019-08-01 22:58:03 1280 0

转载 mpvue - 注意事项

命名格式     组件名不要和微信的组件名重名     以下为微信自带组件         view、scroll-view、swiper...

2019-07-23 22:39:38 393 0

原创 微信小程序 - input、textarea层级穿透问题

前言     当页面中有input、textarea时     底部提交按钮position:fiexd;悬浮时     在滑动页面,input 、textarea文本框中的文字...

2019-07-23 19:40:42 2130 1

原创 微信小程序 - box-shadow阴影在真机上无效

前言     微信小程序设置box-shadow阴影无效,如下 box-shadow 0 -3px 3px #eee     在开发环境上有效,但在真机上无效。 解决办法:    &...

2019-07-23 19:40:11 638 0

提示
确定要删除当前文章?
取消 删除