- 博客(26)
- 收藏
- 关注
RSS订阅原创 vue饿了么webapp之购物车与商品列表同步
所谓的同步，是指我在通过改变购物车里里面的商品数量时，原有的商品列表也跟着同步了，这一点让我很疑惑。代码如下：shopcart.vueselectFoods(){ let foods=[]; this.goods.forEach((good) => { good.foods.forEach((food) => { if(food
2017-12-31 14:51:11
1699
2
转载 vue-router 2.0 常用基础知识点之router.push()
http://blog.csdn.net/sinat_17775997/article/details/68941091
2017-12-29 15:02:18
216
原创 react生命周期的一些问题
要使用好react，理解好它的生命周期是真的非常重要啊！！！！！！1、尽量不要在render函数里面进行setstate或者一些逻辑操作，毕竟每一次父组件的刷新它也会刷新，除非你在shouldComponentUpdate里面阻止了。2、mount只在首次渲染会进行，此后如果组件状态改变了，只会执行componentwiiupdate等一系列的操作。3、不要在componentDidU
2017-12-23 15:32:58
553
转载 forEach()和map()的区别
http://blog.csdn.net/boysky0015/article/details/72983766
2017-12-18 14:03:34
890
原创 vue饿了么webapp之vue.set用法
如果想动态给对象添加属性，可以使用vue.set的方法先引入全局的vue，然后给this.food添加count的属性，值是1 import Vue from 'vue';props: { food: { type: Object } },Vue.set(this.food, 'count', 1);Vue.set( target, k
2017-12-17 16:12:53
911
原创 Vue的Class 与 Style 绑定
如果想冬天改变class的样式，一般有以下几种写法1、对象语法 0}">这样表示当totalCount>0时，highlight这个样式有效绑定多个class：<div class="static" v-bind:class="{ active: isActive, 'text-danger': hasError }">//和如下 data：data: {
2017-12-16 22:43:24
349
转载 JavaScript forEach()遍历函数使用及介绍
forEach()函数从头到尾把数组遍历一遍。有三个参数分别是：数组元素，元素的索引，数组本身（如果是一个参数就是数组元素，也就是数组的值。var data=[1,2,3,4,5,6];var sum=0;data.forEach(function(v){//其中的v就是数组的值 123456sum+=v;})document.write(sum+"");//打印出来是21data.
2017-12-16 21:46:53
6512
原创 vue饿了么webapp之router-view传值（深坑！！）（evenBus的使用）
首先，想要在app.vue组件里面请求获取到商品的信息seller，想把seller通过router-view传递给当前router-view所显示的组件good.vue，在good里面使用seller，别人也是这样子写的，一点问题也没有：App.vuegood.vue然后就报错了。。。vue开发者工具也显示good的props的seller是undefined的然而，我现在还不知道这是为什么，代...
2017-12-16 15:01:54
9943
3
原创 react爬坑之通过条件渲染控制组件的渲染与否
如果想动态的控制组件的渲染与否，可以通过if-else判断，在render函数里面返回false就会不渲染该组件
2017-12-15 14:07:30
1410
转载 es6箭头函数this指向
http://blog.csdn.net/liwusen/article/details/70257837箭头函数自身是没有this的，它的this是继承它所处环境的this指向箭头函数没有自己的this对象，它总是搬运外部环境的this对象。因此，只要离它最近的外部环境中的this改变，箭头函数中的this就改变。如果离它最近的环境中的this，没有改变。那么箭头函数中的this就不会改变。1、...
2017-12-08 14:58:55
419
转载 react入坑之共享状态提升
考虑下面的需求，页面上有两个输入框，用来输入货币数量，一个输入美元，一个输入人民币，还有一行提示文字例如：“我们有1美元，也就是6.9元”；要求两个输入框随意输入一个，另一个输入框会根据汇率自动显示转换后的货币数量，并且下方提示文字也跟随变化。通常情况下，我们会编写一个用于输入货币数量的组件，然后在页面上放两个这样的组件：const exchangeRate = 6.9339const cur
2017-12-04 18:52:58
848
原创 react入坑之表单
在React中存在一个“受控组件（Controlled Component）”的概念，专门指代被React控制了的表单元素。通过onChange事件的处理函数将表单元素值的变化映射到组件的state中，然后再将组件中的这个映射好的值通过{}在JSX中插值给表单元素的value，（二者缺一不可）这就是一个被React控制了的组件也即“受控组件”了。class Form extends React.C
2017-12-04 17:51:51
420
原创 react入坑之列表和key（索引）
1 渲染列表可以像下面这样渲染一个列表：class List extends React.Component { constructor (props) { super(props) } render () { let list = this.props.number.map(number => ( // 拼装li {number}
2017-12-04 17:25:43
3003
原创 js短路表达式
var a=1,b=1,c=2; a==b&&c; //2 a==0&&c; //false a==b||c; //true a==0||c; //2; x&&y ：首先在运算符比之前会自动把x转换为boolean值，不管它是什么类型。 若x为false，不管y为什么，都将返回false；若x为true，
2017-12-04 14:38:59
280
原创 react入坑之事件
1 基本用法在React中绑定事件跟直接在HTML中绑定事件非常相似，定义一个事件处理函数，并在JSX中绑定它：function Greeting () { function sayHi(e) { e.preventDefault() console.log('Hi!') } return ( Click me to say hi! )}
2017-12-04 14:22:19
451
原创 react入坑之setState注意事项
不要直接改变state 直接对组件state中的属性赋值将不会触发DOM更新，因为React并不知道state被改变了 state的更新可能是异步的 React会一次处理多个对setState的调用以提高性能，所以调用setState()时不应当直接基于另外一些来自state或props中的属性进行计算，很有可能当前计算的值并不是最终的值，当用于计算的另一些值再次变化后，React并不...
2017-12-04 13:42:46
9430
1
转载 react入坑之高阶组件
http://blog.csdn.net/cqm1994617/article/details/54800360简单来说，高阶组件就是把一个组件作为参数传递给一个函数，然后再加上自己的方法等，重新包装成为一个新的组件。
2017-12-02 21:52:48
240
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人