react-js
美美王子
翩若惊鸿
展开
-
React.js入门杂记
入门前了解react是什么:react是负责将前端html组件化的一个javascript库,即我们看到的前端页面上的东西,都可以用react.js写的一个个组件组成,组件是react的核心。比如页面上的一个按钮也可以是一个组件。需要什么环境:webpack打包工具,他可以将react的每一个文件当作模块来进行打包。我最近也才入门了webpack,以后熟了再写一篇博客吧!还有就是需要安装node原创 2017-08-25 22:41:53 · 476 阅读 · 0 评论 -
React-数据列表渲染学习
数据列表渲染数据列表处理使我们常见的事物类型,到后台给你一串数据列表,你将如何展示在前端页面上呢,传统的我们都是通过循环来实现,那么在react里面我们又是怎样实现的呢?数据如下const books = [ { bookname: '1', time: '一号',}, { bookname: '2', time: '二号'}, { bookname: '3', time: '三号'}原创 2017-08-27 22:20:00 · 10969 阅读 · 1 评论 -
react组件挂载了解
react组件挂载概念 将组件渲染,并构建DOM元素然后插入页面的过程组件内部在挂载是进行的过程——constructor #初始化组件——render() # 挂载——构建DOM元素插入页面再进行挂载过程中还有一些具体的过程——constructor #初始化组件——componentWillMount() #在组件插入页面之前进行——render() #挂载——构建DOM元素插原创 2017-09-03 14:54:43 · 3274 阅读 · 2 评论 -
redux 学习总结
redux 总结redux 是一个新型的前端架构模式,可以和任何前端库相结合使用。简单描述redux模式的使用 当我们在写一个共享状态的代码时,如果可以被任意修改的话,那么程序的行为将会不可预料,所以我们通过dispatch(中间人)来执行某些允许的修改操作,而且在action里面声明,让大家都知道数据被修改了。抽象createStore 经过上面的操作后,我们吧这个模式抽象出一个crea原创 2017-10-19 16:19:11 · 270 阅读 · 0 评论 -
webpack安装及使用
Webpack 什么是webpack:现今的很多网页其实可以看做是功能丰富的应用,它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度,前端社区涌现出了很多好的实践方法:1、模块化,2、css预处理器等,通过这些改进大大提高了我们的开发效率,但是利用它们开发的文件往往需要进行额外的处理才能让浏览器识别,而手动处理又是非常繁琐的,这就为WebPack类的工具的出现提供了需求。原创 2017-09-22 08:06:57 · 499 阅读 · 0 评论 -
Redux学习简述
简述redux(1)概念: 是一个有用的架构,应用场景一般为:多交互、多数据源。如:某个组件的状态需要共享某个状态需要在任何地方可以看到一个组件需要改变全局状态。一个组件需要改变另一个组件的状态设计思想Web 应用是一个状态机,视图与状态是一一对应的。所有的状态,保存在一个对象里面。APIstore:保存数据的地方,可以看成是一个容器,整个应用只有一个store,Redux提供了c原创 2017-10-21 17:02:56 · 353 阅读 · 0 评论 -
React-redux学习简述
react-redux简述React-redux:是在React中使用redux,在react-redux的组件中,分为UI组件和容器类组件UI组件:负责页面UI的呈现,不使用任何Redux的API;容器组件: 负责管理数据和逻辑,使用redux的API;React’-redux提供了connect()方法,用于从UI组件生成容器组件。为了完成业务,需要给出下面两方面的信息:输入逻辑:外部原创 2017-10-30 11:38:56 · 320 阅读 · 0 评论