![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
cnccl-web-js
web前端工程师-5年
展开
-
React中容器组件和展示组件
Redux 的 React 绑定库包含了 容器组件和展示组件相分离 的开发思想。明智的做法是只在最顶层组件(如路由操作)里使用 Redux。其余内部组件仅仅是展示性的,所有数据都通过 props 传入。 那么为什么需要容器组件和展示组件相分离呢? 这里有个基本原则:容器组件仅仅做数据提取,然后渲染对应的子组件,记住这个点,Trust me! 看下面这个展示列表的例子,不区分容器和展示组件...原创 2019-09-13 16:05:32 · 946 阅读 · 0 评论 -
Vue和React到底选哪个?
Vue和React都是前端UI框架,那么到底该选哪个用于开发项目呢? 主要区别 Vue与react有很多的相似之处,但他们也有完全不一致的地方。 模板 vs JSX React与Vue最大的不同是模板的编写。Vue鼓励你去写近似常规HTML的模板。写起来很接近标准HTML元素,只是多了一些属性。 <ul> <template v-for="item in it...原创 2019-09-18 16:02:38 · 1189 阅读 · 0 评论 -
React 组件生命周期
组件的生命周期可分成三个状态: Mounting:已插入真实 DOM Updating:正在被重新渲染 Unmounting:已移出真实 DOM 生命周期的方法有: componentWillMount在渲染前调用,在客户端也在服务端。 componentDidMount: 在第一次渲染后调用,只在客户端。之后组件已经生成了对应的DOM结构,可以通过this.getDOM...原创 2019-09-18 16:14:07 · 73 阅读 · 0 评论 -
React16时代生命周期 ?
新的生命周期函数是怎样的 React生命周期分为三个阶段:挂载、更新、卸载,React16后又多了一个异常,我们一一看下。 [更新图片,此处特别感谢 @wuzhengyan2015 指正] 挂载 生命周期的执行顺序 constructor static getDerivedStateFromProps render componentDidMount rend...原创 2019-09-28 18:25:53 · 127 阅读 · 0 评论 -
前端路由的实现
前言 前端路由是现代SPA应用必备的功能,每个现代前端框架都有对应的实现,例如vue-router、react-router。 我们不想探究vue-router或者react-router们的实现,因为不管是哪种路由无外乎用兼容性更好的hash实现或者是H5 History实现,与框架几个只需要做相应的封装即可。 提前声明: 我们没有对传入的参数进行及时判断而规避错误,也没有考虑兼容性问题...原创 2019-09-30 10:58:03 · 121 阅读 · 0 评论