- 博客(15)
- 收藏
- 关注
原创 用javaScript实现的5个函数
1.数据扁平化数组扁平化有很多方法,但最终最好的方法就是递归,实现一个指定深度的扁平化方法,这样基本的套路都会了解。function flattenDepth(array, depth = 1) { 2 let result = [] 3 array.forEach(item => { 4 let d = depth 5 if (Array.isArray(ite...
2019-01-19 20:23:20 204
原创 vue封装一个Jsonp 跨域请求的方法
import originJsonp from 'jsonp' // url是一个地址,请求通过data拼接到url上,并返回一个promiseexport default function jsonp(url, data, option) { // url没有?时要先添加一个 url += (url.indexOf('?') < 0 ? '?' : '&') + pa...
2018-12-15 13:22:51 498
原创 实现es6 用for..of遍历对象,编写的iterator接口
我们都知道for…of是es6 新增的遍历数组和字符串的方法,唯有对象不能遍历,由于对象里面的数据比较复杂,不能使用索引取到相应的值,for…of 实现的原理就是调用iterator 接口,现在我们就用自己编写一个遍历对象的接口`let obj={ start:[1,2,3], end:[5,6,7], [Symbol.iterator](){ let sel...
2018-12-14 15:16:36 370
原创 使用全局Vue.directive来转化时间戳
/ 全局时间戳转换指令注册Vue.directive(‘time’,function(el,bind,Vnode){let getTime = new Date(bind.value)el.innerHTML=${getTime.getFullYear()}-${getTime.getMonth()+1}-${getTime.getDate()}})// 使用v-time // ...
2019-08-05 12:04:55 283
原创 小程序传值总结
小程序界面传值父级界面:A界面子级界面:B界面一、url传值详细的配置参数可以查看组件导航:navigator,这里不再做过多的解释。正向传值:A界面 -->B界面用 navigator标签或 wx.navigator传值,A界面向B界面传id值A界面获取id值传向B界面如果需要传多个参数, 用 & 链接即可// 方法一:navigator标签传值传值传值// ...
2019-08-03 00:12:22 144
原创 offsetWidth offsetHeight clientWidth clientHeight style.width/height scrollWidth scrollHeight
offsetWidth //返回元素的宽度(包括元素宽度、内边距和边框,不包括外边距)offsetHeight //返回元素的高度(包括元素高度、内边距和边框,不包括外边距)clientWidth //返回元素的宽度(包括元素宽度、内边距,不包括边框和外边距)clientHeight //返回元素的高度(包括元素高度、内边距,不包括边框和外边距...
2019-01-12 09:27:26 173
原创 Ajax 的封装
1 Ajax 的封装function ajax(url,sucess,faild){ var xhr=new XMLHttpRequest() xhr.open('GET',url,true); Xhr.send(null) xhr.onreadystatechange=function(){ if(xhr.readyState==4){ ...
2018-12-18 08:13:18 194
原创 Cookie的封装
//设置cookoefunction setCookie(name,value,day){ var Odate=new Date() Odate.steDate(Odate.getDate()+day) document.cookie=name+'='+value+',expires='+Odate}//获取cookiefunction getCookie(nam...
2018-12-18 08:03:37 188
原创 ES6入门-generator实现异步操作
generator的定义:let tell=function*(){ yield 'a'; yield 'b'; return 'c'}let k=tell()console.log(k.next())console.log(k.next())console.log(k.next())console.log(k.next())结果如下:也可以用gene...
2018-12-14 17:21:05 216
原创 promise多个then的调用
方案一promise多个then的调用function run1(){ console.log('run1'); return new Promise((resolve,reject)=&gt;{ setTimeout(function(){ console.log('异步过程1'); resolve('我是数据1') ...
2018-12-14 13:16:42 3111
原创 $nextTick()的理解
vue的$nextTick()先看码<div class="app"> <div ref="msgDiv">{{msg}}</div> <div v-if="msg1">Message got outside $nextTick: {{msg1}}</div> <div v-if=
2018-12-04 09:54:42 2492
原创 Vue 生命周期的理解
最近做了几个VUE的项目,写写对生命周期的理解,先看图;<html><head> <title></title> <script type="text/javascript" src="https://cdn.jsdelivr.net/vue/2.1.3/vue.js"></script&am
2018-12-04 09:27:56 308 1
原创 javascript 复习细节总结一
javascript 复习细节总结字符串的一些方法:var x = "JohnJohn"; // x 是字符串y=x.charAt(2) // hy=x.index("o") //1y=x.charCodeAt(2) //104y=x.fromCharCode(104) // hy=x.sl...
2018-12-04 08:13:56 131
原创 Running Homebrew as root is extremely dangerous and no longer supported
homebrew 无法安装,提示不能在根目录下使用。Running Homebrew as root is extremely dangerous and no longer supported.As Homebrew does not drop privileges on installation you would be giving allbuild scripts full acce...
2018-12-03 17:15:47 3279
原创 水平居中和transform: translateY(-50%) 实现元素垂直居中
垂直居中 垂直居中内容 原理 transform: translateY(-50%); 让div 沿Y轴平移自身高度的一半
2018-11-01 21:44:10 5357
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人