糖小圆 - 博客园

2019年7月21日

摘要： 1.当组件的 state 或者 props 发生改变的时候，自己的render函数就会重新执行。 2. 当父组件的render函数执行时，其所有子组件的render函数都会重新执行。阅读全文

posted @ 2019-07-21 16:44 糖小圆阅读(436) 评论(0) 推荐(0) 编辑

摘要： 1. Object.is() ES5 比较两个值是否相等，只有两个运算符：相等运算符（==）和严格相等运算符（）。它们都有缺点，前者会自动转换数据类型，后者的 NaN 不等于自身，以及 +0 等于 -0. Object.is() 是用来比较两个值是否严格相等，与严格比较运算符的行为基本一致。不同之阅读全文

posted @ 2019-07-21 16:32 糖小圆阅读(134) 评论(0) 推荐(0) 编辑

2019年7月20日

react 中的PropTypes与DefaultProps

摘要：每个组件都有自己的props参数，这参数是从父组件接收的一些属性。那我们应该如何对参数的类型做校验，如何定义参数的默认值呢？ 1.使用PropTypes校验父组件传过来的参数是否合法如上面代码所示，先引用 proptypes，再为 TodoItem 组件校验从父组件接收过来的参数。一般开发的时候建阅读全文

posted @ 2019-07-20 10:46 糖小圆阅读(636) 评论(0) 推荐(0) 编辑

2019年7月19日

react 的优点

摘要： 1. 声明式开发 react 是声明式的开发方式，与之对应的是命令式开发方式。之前用jquery写代码的时候，我们都是直接操作dom，这种我们称为命令式的编程。命令式编程需要我们一点点的告诉dom，它要怎么去做，怎样去挂载，即命令式编程则需要用算法来明确的指出每一步该怎么做。 react就是一个声明阅读全文

posted @ 2019-07-19 16:38 糖小圆阅读(1181) 评论(0) 推荐(0) 编辑

React中的响应式设计思想和事件绑定

摘要：以前我们是直接操作dom的形式，而react的设计思想完全不同，react是一个响应式框架。react强调我们不要直接操作dom，我们操作的是数据，通过数据的变化，react会感知到数据的变化，自动的帮我们生成dom。因此，我们在写代码的时候，再也不用关注dom相关的操作，只需要关注数据层的就可以了阅读全文

posted @ 2019-07-19 11:26 糖小圆阅读(2011) 评论(0) 推荐(0) 编辑

JSX 语法

摘要： jsx 是Facebook专门为react发明的一种新的类似于XML格式的语言，它是JavaScipt的语法拓展。它使用XML标记的方式去直接声明界面，然后再利用编译器转换成JS语言。 jsx 的优点： jsx 在渲染的时候输出的虚拟dom，所以jsx执行更快类型安全，在编译过程中就能发现错误使阅读全文

posted @ 2019-07-19 09:34 糖小圆阅读(2606) 评论(0) 推荐(0) 编辑

2019年7月18日

React 组件

摘要： React 的本质就是关心元素的构成，React 组件即为组件元素。组件元素被描述成纯粹的JSON对象，意味着可以使用方法或是类来构建。React 组件基本上由 3 个部分组成——属性（props）、状态（state）以及生命周期方法。这里我们从一张图来简单概括React，如图所示。 React 组阅读全文

posted @ 2019-07-18 21:30 糖小圆阅读(283) 评论(0) 推荐(0) 编辑

2019年7月12日

react 工程目录简介

摘要：创建一个 todolist 项目，下图是其工程目录。 node_modules文件夹里面存放的是我们所建项目放所依赖的第三方的包 public文件夹 favicon.ico 图标文件，网页标题左上角的小图标 index.html 项目首页的HTML模板 manifest.json manifest 阅读全文

posted @ 2019-07-12 21:16 糖小圆阅读(1504) 评论(0) 推荐(0) 编辑

React 开发环境准备

摘要： 1. 使用reactjs，一般有以下两种方式：（1）通过script标签引入reactjs。这种方式不推荐使用，如果我们的项目比较大，就需要对项目进行拆分，于是页面就需要通过script标签引入很多js文件；这样性能很低，维护性也很差。（2）使用脚手架工具。脚手架是前端开发过程中的一种辅助工具，阅读全文

posted @ 2019-07-12 20:26 糖小圆阅读(678) 评论(0) 推荐(0) 编辑

MVC,MVVM模式的理解

摘要：基本上，我们的产品就是通过接口从数据库中读取数据，然后将数据经过处理展示到用户看到的视图上。当然我们还可以从视图上读取用户的输入，然后通过接口写入到数据库。但是，如何将数据展示到视图上，又如何将用户的输入写入到数据库中，很多人都有自己的想法，因此也就出现了很多种架构设计。 1. MVC(Model- 阅读全文

posted @ 2019-07-12 17:54 糖小圆阅读(593) 评论(0) 推荐(0) 编辑

公告