08 2018 档案

js bind的实现
摘要：call,apply,bind都是用来挟持对象或者说更改this指向的，但是区别还是有的，call 传参是 fn.call(this,1,2,3) apply传参是 fn.apply(this,[1,2,3]) 而前两者是立即执行的，后者Bind是返回一个函数 var foo = fn.bind(t 阅读全文
posted @ 2018-08-31 15:41 萝卜爱吃青菜 阅读(413) 评论(0) 推荐(1)
对象的深拷贝
摘要：由于对象的赋址存储，导致日常业务中，如果把一个对象赋值给了另外一个，那么其中一个的更改会导致另外一个也变了。 所以对象的深拷贝就需要去从中打断两者之间的关联，通过深层次的循环递归将取址类的数据的值逐个转移到新对象的同名属性中。 日常的assgin,concat.sclie以及循环赋值等，只能拿来做浅 阅读全文
posted @ 2018-08-24 17:14 萝卜爱吃青菜 阅读(243) 评论(0) 推荐(1)
v-for的简单实现
摘要：运行结果如下： 总结：真正的vue是会处理得到虚拟dom再去render生成dom的，并且实例中维护的数据都是具有setter,getter属性以及watch监察者的，以此达到响应式，这里只是简单的模拟实现一下。 阅读全文
posted @ 2018-08-24 16:59 萝卜爱吃青菜 阅读(1653) 评论(0) 推荐(0)
v-for的显示过滤/排序结果
摘要：对于v-for列表渲染指令，项目中很常用的额，但是我们一般可能在从后端接口拿到数据的时候就把数据通过循环整理改造成自己想要的样子了。有时候可能对于不同的列表需求，还要在data里多造一份数据。 这种做法是非常累赘的。最好的方式是在v-for循环的时候对数据进行操作，从而可以做到维护源数据不变。 第一 阅读全文
posted @ 2018-08-22 17:39 萝卜爱吃青菜 阅读(5368) 评论(0) 推荐(0)
ES6的数组方法之Array.from
摘要：首先说说什么是数组：数组在类型划分上归为Object,属于比较特殊的对象，数组的索引值类似于对象的key值。 数组的几个注意点： 1.数组的长度是可读属性，不可更改，数组的长度根据索引最大值。 2.数组的索引值可以是字符串等，但这个不影响数组的长度。 3.数组根据下标最大值，会自动补齐对应的其他索引 阅读全文
posted @ 2018-08-18 16:02 萝卜爱吃青菜 阅读(410) 评论(0) 推荐(0)
JS实现Promise原理
摘要：promise是用来解决Js中的异步问题的，js中所有的异步可从callback → promise → generator + co = async + await 其实所有的都是callback的变相处理，只是后者慢慢变的越来越优雅和强壮可扩展。 那么如何实现promise呢？先观察一下prom 阅读全文
posted @ 2018-08-16 20:20 萝卜爱吃青菜 阅读(12605) 评论(5) 推荐(4)
vue登录插件引来的后续问题
摘要：上次介绍了下写的登录弹框插件，过了几天发现点击去注册或者改密码的跳转失效。报错this.$router.push is not a function,继续打印this.$router也是undefined （可以先看一下上一篇博客提到的弹框登录插件） 尝试了很久，试了三种方法。 需要注意的是：登录弹 阅读全文
posted @ 2018-08-14 16:25 萝卜爱吃青菜 阅读(267) 评论(0) 推荐(0)
路由传参，path和query的刷新报错js文件丢失
摘要：日常的路由跳转，基本都会用到传参，有两种方式：path + query, name + params 常用的写法： this.$router.push({ path: 'proDetail',query:{id:query.id,from:this.menuName,fromPath:'proLis 阅读全文
posted @ 2018-08-06 20:49 萝卜爱吃青菜 阅读(343) 评论(0) 推荐(0)
vue项目中的函数封装
摘要：项目中一般都会有fun.js这类的文件，里面有各种的如转换时间格式的，处理转换的等等函数方法。 其实经常用到的去获取基本数据的接口也可以封装成一个方法，方便复用。 如上面所标，获取列表数据之前需要先获取维护的规格选项以及对应的选项值的id集合来进行转换。而且用到这一块的地方还有很多，如商品列表，我的 阅读全文
posted @ 2018-08-06 14:20 萝卜爱吃青菜 阅读(751) 评论(0) 推荐(0)
写一个addEventListener以及removeEventListener
摘要：第一步：对象属性赋值为函数，对象内部函数控制年龄这一参数变化，同时成长事件也执行。 继续思考：成长事件只能接受一个函数，那么如果是多个函数呢？韩信要打仗，要建功立业的呀。可以很快的想到growEvent换成数组来接受多个函数。 那么，growEvent就要靠Push进数组了，而不是粗暴的赋值了。成长 阅读全文
posted @ 2018-08-04 14:38 萝卜爱吃青菜 阅读(420) 评论(0) 推荐(0)
关于props的注意事项！
摘要：起于昨晚大半夜在群里看到有人问这个问题，在子组件的data属性里重新赋值props属性 this.a = this.propA，不生效！ 提示了他如果是异步的话，就要注意watch.决定今日敲个demo分析一下过程。 官方文中中其实有提到，用计算属性。父组件值传入子组件，一个单向数据流，如果是重新把 阅读全文
posted @ 2018-08-03 12:46 萝卜爱吃青菜 阅读(1377) 评论(0) 推荐(1)
swiper轮播始终居中active图片
摘要：用的是vue-awesome-swiper 在vue项目中,参数方法与swiper一致。使用场景如下： 左侧小图一共八张，默认显示的是三张，始终保持activeimg在中间，提升用户体验度。swiper容易就是为三张图片的高度。 在官方文档实例中，居中如下。 这样的话，第一张图片也是居中的，它的上面 阅读全文
posted @ 2018-08-02 19:47 萝卜爱吃青菜 阅读(7865) 评论(1) 推荐(0)
vue中登录模块的插件封装
摘要：一个电商城的项目，场景是：在未登录的情况下点击收藏或者加入购物车等操作，执行一个方法如this.$login()来动态插入登录组件。 第一步：写好关于这个登录弹窗的单文件组件 loginBox.vue 第二部：编写loginBox.js文件，输出一个函数方法，如下图 关于$mount()需要注意 第 阅读全文
posted @ 2018-08-01 16:52 萝卜爱吃青菜 阅读(559) 评论(0) 推荐(0)