2020年12月24日

常见的正则表达式

摘要: 匹配中文字符的正则表达式: [u4e00-u9fa5] 匹配双字节字符(包括汉字在内):[^x00-xff] 评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1) 匹配空白行的正则表达式:ns*r 评注:可以用来删除空白行 匹配HTML标记的正则表达式:<(S*?)[^>]* 阅读全文

posted @ 2020-12-24 14:55 木之子梦之蝶 阅读(107) 评论(0) 推荐(0) 编辑

2019年11月1日

vue 自定义指令

摘要: directives: { trigger: { inserted(el, binging) { el.click() } } }, 阅读全文

posted @ 2019-11-01 09:56 木之子梦之蝶 阅读(224) 评论(0) 推荐(0) 编辑

2019年3月8日

判断是否为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 木之子梦之蝶 阅读(460) 评论(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 木之子梦之蝶 阅读(761) 评论(0) 推荐(0) 编辑

2019年2月27日

正则展示例子

摘要: 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 木之子梦之蝶 阅读(159) 评论(0) 推荐(0) 编辑

2019年2月24日

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 木之子梦之蝶 阅读(133) 评论(0) 推荐(0) 编辑

2019年1月25日

上传图片

摘要: // 上传头像 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) 编辑

2018年12月28日

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 木之子梦之蝶 阅读(2926) 评论(0) 推荐(1) 编辑

导航