摘要: 完整代码: html部分: js部分: css部分: 说明: 因为要实现横向滚动,所以content部分的宽度要大于wrapper的宽度,所以要有固定宽度;最好是wrapper要有固定宽度,这样就能够实现想要的横向滚动效果了 阅读全文
posted @ 2019-04-11 15:54 kangkang1207 阅读(742) 评论(0) 推荐(0) 编辑
摘要: vue中要实现当前元素添加类同级兄弟元素移除类的效果,可使用v-bind:class; v-bind:class支持变量,当变量发生变化的时候,class将发生变化; 实现方法举例: <template> <div> <ul> <li v-for="(item,index) in liList" : 阅读全文
posted @ 2019-04-09 10:57 kangkang1207 阅读(3843) 评论(0) 推荐(0) 编辑
摘要: 完整代码: <template> <div> <div class="rate"> <p>星级:</p> <div class="star" v-for="(item,index) in stars" :key="index" @click="rating(index)"> <img :src="i 阅读全文
posted @ 2019-04-09 10:42 kangkang1207 阅读(407) 评论(0) 推荐(0) 编辑
摘要: reudx是flux的进阶版,解决了dispatcher和store之间管理的麻烦之处;使用了reducers 1、redux的数据流程 1、如果组件想要修改store里的数据的时候,需要创建一个action,通过store.dispatch(action)将action发送给store handl 阅读全文
posted @ 2018-11-29 14:17 kangkang1207 阅读(102) 评论(0) 推荐(0) 编辑
摘要: react-redux提供了connect和Provider来实现了数据的修改 ,不需要监听,也不再需要在每个组件之中都要引入store react-redux的数据流程 1、在主组件之中引入Provider,将所有的组件都包裹在Provider之中 import {Provider} from " 阅读全文
posted @ 2018-11-29 14:17 kangkang1207 阅读(69) 评论(0) 推荐(0) 编辑
摘要: 1、flux由四部分组成 (1)view:视图层 (2)action:发出的动作,视图层发出的动作,onClick等 (3)dispatcher:派发器,用来接收action,进行相应的数据处理 (4)store:数据层,用来存放状态,一旦发生改变,就会通知视图层 flux的数据流程 1、view层 阅读全文
posted @ 2018-11-29 14:16 kangkang1207 阅读(101) 评论(0) 推荐(0) 编辑
摘要: 如何定义组件 import React from "react" export default class App extends Component {} import React from "react" export default class App extends Component {} 阅读全文
posted @ 2018-11-20 23:18 kangkang1207 阅读(115) 评论(0) 推荐(0) 编辑
摘要: dom渲染的时候用到render函数, render函数有三个参数; 参数1:需要渲染的组件或者dom元素 参数2:将渲染的虚拟dom放在哪个标签内 参数3:回调函数 1、jsx语法: 如果有多个html标签,要用括号包起来,还要有一个父级标签包裹 2、比较vue学习React class > cl 阅读全文
posted @ 2018-11-20 23:17 kangkang1207 阅读(215) 评论(0) 推荐(0) 编辑
摘要: 好处: 1、代码简洁,开发快速 2、接近自然语言,易于理解 3、更方便的代码管理 4、易于“并发编程” 5、代码的热升级 阅读全文
posted @ 2018-11-20 23:16 kangkang1207 阅读(176) 评论(0) 推荐(0) 编辑
摘要: 1、声明式渲染 什么是声明式:你想要什么东西,告诉机器,让机器子级去做,得到想要的结果 命令式:你想要什么东西,告诉机器怎么做,如何做,得到想要的结果 2、高效 3、灵活 4、jsx语法:javascript语法糖 5、组件 6、单向响应的数据流 阅读全文
posted @ 2018-11-20 23:13 kangkang1207 阅读(156) 评论(0) 推荐(0) 编辑