摘要: 一个电商城的项目,场景是:在未登录的情况下点击收藏或者加入购物车等操作,执行一个方法如this.$login()来动态插入登录组件。 第一步:写好关于这个登录弹窗的单文件组件 loginBox.vue 第二部:编写loginBox.js文件,输出一个函数方法,如下图 关于$mount()需要注意 第 阅读全文
posted @ 2018-08-01 16:52 萝卜爱吃青菜 阅读(536) 评论(0) 推荐(0) 编辑
摘要: v-show的原理是当值为false的时候,元素display:none 隐藏了元素且脱离文档流,但是在dom 中仍然存在。 与v-if使用场景不同,文档中提到,当需要高频切换的时候使用v-show会更加的有益与性能,当然v-if的初始开销是要高于v-show的。 阅读全文
posted @ 2018-07-29 20:26 萝卜爱吃青菜 阅读(273) 评论(0) 推荐(0) 编辑
摘要: vue中通过v-if,v-else-if,v-else的对应的Boolean值来操作元素在dom中是否移除。 这里就以单纯的true,false来模拟一下。注:标签属性去出来的值为string类型。 <html> <head> <meta charset="utf-8" /> <title></ti 阅读全文
posted @ 2018-07-29 20:13 萝卜爱吃青菜 阅读(1492) 评论(0) 推荐(0) 编辑
摘要: 之前做的上传水印这块的功能。 有时候由于网络过慢,重复点击的话可能会导致重复打包(生成照片包)。本身做法可以在请求的过程中可以让button禁用,这个就不多讨论。 我当时临时采用的是利用一个变量来控制,请求发出前把变量全局变量isSaving变成true,然后再按钮的点击事件刚进来的时候判读,如果i 阅读全文
posted @ 2018-07-19 21:06 萝卜爱吃青菜 阅读(5111) 评论(0) 推荐(0) 编辑
摘要: JavaScript 中的对象有一个特殊的 [[Prototype]] 内置属性,其实就是对于其他对象的引 用。几乎所有的对象在创建时 [[Prototype]] 属性都会被赋予一个非空的值。 var anotherObject = { a:2 }; // 创建一个关联到 anotherObject 阅读全文
posted @ 2018-07-16 00:48 萝卜爱吃青菜 阅读(301) 评论(0) 推荐(0) 编辑
摘要: 对象是js中的基础以及核心,在js中有六种主要类型:string number boolean null undefined object 除了oject类型以为其他五种本身并非对象,null本身被划为object类型本身是js中的一个bug,即使它的typeof类型是 object,实际上null 阅读全文
posted @ 2018-07-14 18:16 萝卜爱吃青菜 阅读(371) 评论(0) 推荐(0) 编辑
摘要: 在理解this的绑定过程之前,必须要先明白调用位置,调用位置指的是函数在代码中被调用的位置,而不是声明所在的位置。 (ES6的箭头函数不在该范围内,它的this在声明时已经绑定了,而不是取决于调用时。所以导致它没有arguments,不能做构造函数,更不能new,bind,call也不能改变它的th 阅读全文
posted @ 2018-07-14 17:12 萝卜爱吃青菜 阅读(167) 评论(0) 推荐(0) 编辑
摘要: 首先来谈谈闭包,js经典问题了。解释也是众说纷纭,大同小异。这里引用阮一峰老师对它的简单解释:闭包是能够读取其他函数内部变量的函数。 看一个例子: 这就是一个闭包函数,bar的执行能读取到foo中的变量a ,闭包与作用域息息相关。 函数 bar() 的词法作用域能够访问 foo() 的内部作用域 再 阅读全文
posted @ 2018-07-05 01:07 萝卜爱吃青菜 阅读(409) 评论(2) 推荐(0) 编辑
摘要: 最近在看你不知道js,补充自己的js基础,加深理解。在读的过程中写点笔记。 严格模式下与非严格模式的区别 。 严格模式是es5新增的,es6是默认为严格模式的!js默认状态下是非严格模式的! 一般的自动化构建工具如webpack,gulp也是开启了严格模式的! 1 严格模式下, delete运算符后 阅读全文
posted @ 2018-07-03 00:53 萝卜爱吃青菜 阅读(360) 评论(0) 推荐(0) 编辑
摘要: 观察一下发现,mpvue项目打包css的规律是:根组件App.vue里的style样式全部打包到 dist / static / css / app.wxss .。 参照微信小程序的原生引入使用方式。 把weui.wxss手动放置到app.vue同级文件夹。然后在App.vue的style里引入一下 阅读全文
posted @ 2018-06-19 17:49 萝卜爱吃青菜 阅读(685) 评论(0) 推荐(0) 编辑