霍小叶的个人博客

redux-study

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

Posted by Zhang Tuanjie on 2019-07-21

react-router-dom的使用

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

Posted by Zhang Tuanjie on 2019-07-12

React函数传参的三种方式

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

Posted by Zhang Tuanjie on 2019-07-12

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

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

Posted by Zhang Tuanjie on 2019-07-10

React的生命周期

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

Posted by Zhang Tuanjie on 2019-07-10

react-study-1

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

Posted by Zhang Tuanjie on 2019-06-30

webpack-base-study

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

Posted by Zhang Tuanjie on 2019-06-27