- 博客(32)
- 收藏
- 关注
RSS订阅
原创 好用的插件
前端页面图片的加载antimoderate.js纯JS实现复制文本到剪切板 clipboard.js处理url地址和参数path-to-regexp操作日期的库Date.js格式化cssnormalize.css...
2018-09-11 09:34:54
220
原创 babel
在webpack4.2以后需要npm install -D babel-loader @babel/core @babel/preset-env
2019-11-18 17:50:07
185
原创 用UglifyJS Webpack Plugin压缩JS出现的问题记录
我的js代码是这样的import _ from 'loadsh';import './style/index.css';import './style/a.scss';function createEle() { let dom = document.createElement('div'); dom.innerHTML = _.join(['2'], ','); dom...
2019-07-26 12:10:25
543
原创 让你的 js 脚本休息一会
async function sleep(interval) { return new Promise(resolve => { setTimeout(resolve, interval) })}
2019-06-12 10:12:44
296
原创 使用element-ui 的table 组件 表格线条不对齐
用一行css解决body .el-table th.gutter { display: table-cell !important}
2019-06-10 19:38:20
10105
8
原创 小程序jssdk验证(特此记录)
1. 微信公众平台的设置的安全中心设置白名单中设置域名和请求地址的IP，只有在白名单中的IP才能获得access_token接口2. 后端设置此公众号的APPID和秘钥3. 在设置中的公众号设置的功能设置添加JS安全接口域名(设置JS接口安全域名后，公众号开发者可在该域名下调用微信开放的JS接口。)4. url 中 参数不能包含&连接符，会在getCode中报错注： 此说明...
2019-04-18 20:19:54
583
原创 关于在vue中使用typescript遇到的一些问题
1、引入js文件时提示没有declared file js文件，需要在tsconfig.json中的compilerOptions配置 allowJs = true
2019-04-03 14:57:34
961
原创 vue-html5-editor 关于上传图片转化为链接
export default function () { const option = { (配置属性)name: 'vue-html5-editor', 。。。。。 (配置属性) image: { // 文件最大体积，单位字节 sizeLimit: 512 * 1024, ...
2019-03-08 11:57:33
1226
原创 关于css border
border设置为0和none的区别1. 性能差异border： 0 border设置为‘0’像素虽然在页面上看不见像素，但border默认值理解，浏览器依然会对border-width和border-color进行渲染，既已经占用了内存border：none 浏览器不渲染，不占内存2. 兼容性差异在IE6，7浏览器中，border 为 0 感觉比 none 更有效，...
2019-02-25 10:35:11
95
原创 vue methods方法
之前一直在methods对象中使用箭头函数但是文档是这么解释类型 { [key: string]: function }注意不应该箭头函数定义method函数，理由是箭头函数绑定了父级作用域的上下文，this不会按照期望指定vue实例，this.a将是undefined...
2019-01-18 14:18:47
3902
原创 在forEach循环中嵌套异步操作
需求：在forEach中对item的值进行异步操作，在最后一个item执行完毕执行下一步的操作首先forEach中能否通过promise来控制每一步异步[].forEach(async (item, index, arr) => { let result = await this.asFun()})asFun函数返回的是个promisefunction asFu...
2019-01-17 14:42:54
5091
1
原创 小程序view组件fixed后禁止滑动
最近写小程序有一个需求，需要生成一个海报，海报是用canvas画的。canvas外面包了一个view，fixed在屏幕的最底下。在真机上测试居然可以滑动整个容器，这肯定不是我们需要的，canvas 禁止 滑动官方给了一个 disable-scroll文档写的很清楚，我们需要在disab-scroll的同事， 添加一个bindtouchmove 事件解决了canvas 的问题后在真机...
2019-01-05 23:01:06
899
原创 小程序去除input button默认样式
不管小程序有没有class都可以写button::after { border: none }input { outline: none;border: none;list-style: none }
2018-12-27 10:10:52
2732
原创 计算两个经纬度之间的距离
// 方法定义 lat,lng function GetDistance( lat1, lng1, lat2, lng2){ var radLat1 = lat1*Math.PI / 180.0; var radLat2 = lat2*Math.PI / 180.0; var a = radLat1 - radLat2; var b = lng1*Mat...
2018-12-26 14:05:35
240
原创 css实现文字两行显示
overflow： hiddentext-overflow： ellipsisdisplay： -webkit-box-webkit-line-clamp： 2-webkit-box-orient： vertical
2018-12-14 11:23:37
11541
原创 小程序createInnerAudioContext
微信小程序创建音频的过程 这时候发现onTimeUpdate里面console不出来了直接在前面加上currentTime或者duration
2018-12-06 17:05:32
576
1
原创 scrollLeft
scrollLeft() 方法返回或设置匹配元素的滚动条的水平位置。滚动条的水平位置指的是从其左侧滚动过的像素数。当滚动条位于最左侧时，位置是 0。
2018-12-05 10:06:12
679
原创 iphone禁止上下拉露出浏览器灰色背景
document.addEventListener（"touchmove", function(e) { e.preventDefault();}, {passive: false}）但是，这个方法会上下左右全部禁止，我们需要左右滑动禁止上下滑动会受到限制我们的思路就是需要知道手指滑动的方向上代码...
2018-11-28 12:14:06
2626
原创 隐藏微信小程序scroll-view滚动条
添加下面这段代码/*隐藏滚动条*/::-webkit-scrollbar{ width: 0; height: 0; color: transparent;}
2018-11-27 16:25:09
238
原创 关于网页向小程序 postMessage
公司最近开发小程序项目需要在web-view中放置H5网页，点击网页当中的详情按钮跳回小程序需求1. 小程序需要接收H5网页中传递过来的id。看文档还真是有这么个东西用法就是在H5页面中设置这个API但是 无论怎么设置不好使啊，文档说的是网页向小程序postMessage 时，会在特定时机触发并接收到消息。查阅了了谷歌and百度有价值的资料很少。最后是讲id拼接在wx.mi...
2018-11-13 15:36:32
1950
原创 axios发送请求时用post请求在请求url后面拼接参数
像这种情况明明是post请求，但是在请求的url中拼接了参数其实是在axios.create使用自定义配置新建一个 axios 实例用了params配置项1. params会将请求的参数拼接到url中去，用于get请求2. data是添加到请求体(body)里面去，用于post请求...
2018-09-18 09:45:30
39030
12
原创 js关闭定时器和重新打开定时器
首先声明一个函数function fn() { alert(2)}然后let t = setInterval(fn, 500)取消定时器clearInterval(t)重新打开定时器不能重新 let t = setInterval(fn, 500) ; 而是直接 t = setInterval(fn, 500) ；不然会打开两个定时器...
2018-08-29 14:42:57
16957
4
原创 vue数据更新和dom更新不同的解决方案
平时项目中生命周期用的最多的是created和mouted当data里面值被修改，将会触发update的操作。nextTick 是当dom元素更新后延迟的回调
2018-08-21 17:12:46
2699
原创 css高度-同一行的两个span有高度差
我的代码是这样的html:<div class="box"> <span class="logo"><span> <span>AAAA<span></div>css: .box { width：100%; height: 60px;}.box .l
2018-08-15 19:16:15
2252
原创 js原型
概念：原型是构造函数制造出的对象的公有祖先，原型也是对象，是函数对象的一个属性。* 构造函数自己身上有属性，首先取自己身上的属性原型的增删改查查function Person() { this.say = function() { console.log('person'); }}Person.prototype.say = function(...
2018-07-19 09:27:56
74
原创 js深度克隆
1.判读是不是原始值2.判读是数组还是对象3.建立相应的数组/对象递归代码如下：function deepClone(origin, target) { var target = target || {}, toStr = Object.prototype.toString, arrStr = '[Object Array]'; ...
2018-07-17 15:28:14
74
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人