霍小叶的个人博客

redux-study

redux的学习 项目源码TodoList Redux介绍 Redux是一个用来管理管理数据状态和UI状态的JavaScript应用工具。随着JavaScript单页应用(SPA)开发日趋复杂,JavaScript需要管理比任何时候都要多的state(状态),Redux就是降低管理难度的。(Redux支持React,Angular、jQuery甚至纯JavaScript) 从图中可......

react-router-dom的使用

react-router-dom的使用什么是路由 前端路由 定义:在单页面应用(SPA)中,大部分页面结构不变,只改变部分内容的使用 优点:用户体验好,不需要每次都从服务器全部获取,快速展现给用户,页面切换速度快,并且可以 设置页面切换时的动画 缺点: 一开始加载时耗费时间 使用浏览器的前进,后退键的时候会重新发送请求,没有合理地利用缓存 单页面无法记住之前滚动的位置,无法在前进,后......

React函数传参的三种方式

你想知道如何在React中的函数进行传参么,读完本文,你将收获传参的三种方式及bind、apply、call的区别等知识。 第一种方法:在函数定义的时候绑定参数123456789101112131415161718192021class App extends React.Component { constructor(props){ super(props); ......

React的props,state,ref三大属性详解

React的三大属性详解(ref,state,props)第一大属性–ref 组件内的标签都可以定义ref属性来标识自己 在组件中可以通过this.refs.refName来得到对应的真实DOM对象 作用: 用于操作指定的ref属性的dom元素对象(表单标签居多) 12<input ref='username' />this.refs.username //返回input对......

React的生命周期

React的生命周期函数生命周期函数是什么 概念:组件从创建、到运行、再到销毁,这期间总是伴随着各种各样的事件,那么,这些事件统称为 组件的生命周期函数。 组件生命周期分为三部分: 组件创建阶段:组件在创建时执行一次。 组件运行阶段:组件根据属性props和状态state的改变,有选择性的触发0次或多次。 组件销毁阶段:组件在销毁时时执行一次。React生命周期的回调函数执行顺序 组......

react-study-1

什么是React? React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套, 用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。 A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES 用来构建UI的 JavaScrip......

webpack-base-study

写在前面 使用Webpack有一段时间了,但是感觉之前学的用的都比较零散, 所以在这里整理一下Webpack的使用知识,从一开始的入门到进阶。你知道如何使用webpack打包项目吗?你知道如何在React中使用模块化的css样式吗? 看文本文章后,嘿嘿嘿…. 什么是webpack?webpack 是前端的一个项目构建工具,它是基于 Node.js 开发出来的一个前端工具;当我们在项目中导入了......