xianengneng-CSDN博客

原创用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 195

原创 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 485

原创实现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 353

原创使用全局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 262

原创小程序传值总结

小程序界面传值父级界面：A界面子级界面：B界面一、url传值详细的配置参数可以查看组件导航：navigator,这里不再做过多的解释。正向传值：A界面 -->B界面用 navigator标签或 wx.navigator传值，A界面向B界面传id值A界面获取id值传向B界面如果需要传多个参数, 用 & 链接即可// 方法一：navigator标签传值传值传值// ...

2019-08-03 00:12:22 134

原创 offsetWidth offsetHeight clientWidth clientHeight style.width/height scrollWidth scrollHeight

offsetWidth //返回元素的宽度（包括元素宽度、内边距和边框，不包括外边距）offsetHeight //返回元素的高度（包括元素高度、内边距和边框，不包括外边距）clientWidth //返回元素的宽度（包括元素宽度、内边距，不包括边框和外边距）clientHeight //返回元素的高度（包括元素高度、内边距，不包括边框和外边距...

2019-01-12 09:27:26 149

原创 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 168

原创 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 172

原创 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 208

原创 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 3040

原创 $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 2453

原创 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 292 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 121

原创 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 3143

原创水平居中和transform: translateY(-50%) 实现元素垂直居中

垂直居中垂直居中内容原理 transform: translateY(-50%); 让div 沿Y轴平移自身高度的一半

2018-11-01 21:44:10 5325

xianengneng的博客