常见的正则表达式
摘要：
匹配中文字符的正则表达式： [u4e00-u9fa5] 匹配双字节字符(包括汉字在内)：[^x00-xff] 评注：可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符计1） 匹配空白行的正则表达式：ns*r 评注：可以用来删除空白行 匹配HTML标记的正则表达式：<(S*?)[^>]* 阅读全文
posted @ 2020-12-24 14:55 木之子梦之蝶 阅读(111) 评论(0) 推荐(0) 编辑
vue 自定义指令
摘要：
directives: { trigger: { inserted(el, binging) { el.click() } } }, 阅读全文
posted @ 2019-11-01 09:56 木之子梦之蝶 阅读(224) 评论(0) 推荐(0) 编辑
判断是否为iphoneX
摘要：
isIphoneX () { let result = false let u = navigator.userAgent let isIos = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) if (isIos) { if (screen.height === 812 && scre... 阅读全文
posted @ 2019-03-08 14:47 木之子梦之蝶 阅读(461) 评论(0) 推荐(0) 编辑
填坑之旅
摘要：
1、路由的函数要在挂载实例之前，否则href新跳页面会无法触发 阅读全文
posted @ 2019-03-08 14:41 木之子梦之蝶 阅读(145) 评论(0) 推荐(0) 编辑
虚拟键盘弹出导致页面被顶起，键盘隐藏页面却不回落的问题
摘要：
/** * 解决虚拟键盘弹出导致页面被顶起，键盘隐藏页面却不回落的问题 * 版本：ios12以上 wechat6.7.4以上 */ function solveIosKeybordBug () { if (util.isWeixinKeybordBugVersion()) { // 全局监听input元素的blur事件 document.addEventListe... 阅读全文
posted @ 2019-03-08 14:39 木之子梦之蝶 阅读(765) 评论(0) 推荐(0) 编辑
正则展示例子
摘要：
function getNewImageUrl (str) { let origin = str.split('!') let reg = /\d+/g let tempArray = origin[1].match(reg) return origin[0] + '!/crop/' + parseInt(tempArray[0] * 3.648) + 'x' + parseIn... 阅读全文
posted @ 2019-02-27 18:07 木之子梦之蝶 阅读(160) 评论(0) 推荐(0) 编辑
canvas压缩图片
摘要：
// 图片压缩，默认同比例压缩 compressImg (URL, callback) { // 生成canvas let canvas = document.createElement('canvas') let ctx = canvas.getContext('2d') let image = new Image() ... 阅读全文
posted @ 2019-02-24 18:18 木之子梦之蝶 阅读(136) 评论(0) 推荐(0) 编辑
上传图片
摘要：
// 上传头像 uploadPhoto (e) { let fileObj = e.target.files[0] let reader = new FileReader() reader.readAsDataURL(fileObj) reader.onloadend = e => { let result = e.... 阅读全文
posted @ 2019-01-25 11:02 木之子梦之蝶 阅读(193) 评论(0) 推荐(0) 编辑
Vue.js devtool插件安装无法使用怎么办
摘要：
~/Library/Application Support/Google/Chrome/Default/Extensions 阅读全文
posted @ 2018-12-28 18:39 木之子梦之蝶 阅读(244) 评论(0) 推荐(0) 编辑
promise、axios 理解
摘要：
1、Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 2、Promise 是异步编程的一种解决方案：从语法上讲，promise是一个对象，从它可以获取异步操作的消息； 从本意上讲，它是承诺，承诺它过一段时间会给你一个结果。 promise有三种状态：p 阅读全文
posted @ 2018-12-28 17:20 木之子梦之蝶 阅读(2940) 评论(0) 推荐(1) 编辑