技术小白丁

2020年3月18日

摘要： React组件三大属性之 props 理解1) 每个组件对象都会有props(properties的简写)属性2) 组件标签的所有属性都保存在props中作用1) 通过标签属性从组件外向组件内传递变化的数据2) 注意: 组件内部不要修改props数据编码操作1) 内部读取某个属性值 this.p 阅读全文

posted @ 2020-03-18 20:07 技术小白丁阅读(2254) 评论(0) 推荐(1)

React组件三大属性之state

摘要： React组件三大属性之state 组件被称为"状态机", 页面的显示是根据组件的state属性的数据来显示理解1) state是组件对象最重要的属性, 值是对象(可以包含多个数据)2) 组件被称为"状态机", 通过更新组件的state来更新对应的页面显示(重新渲染组件) 编码操作1) 初始化状态阅读全文

posted @ 2020-03-18 15:33 技术小白丁阅读(420) 评论(0) 推荐(0)

2020年3月17日

React 模块与组件

摘要： React 模块与组件几个重要概念理解 1). 模块与组件 1. 模块: 理解: 向外提供特定功能的js程序, 一般就是一个js文件为什么: js代码更多更复杂作用: 复用js, 简化js的编写, 提高js运行效率 2. 组件: 理解: 用来实现特定功能效果的代码集合(html/css/js) 阅读全文

posted @ 2020-03-17 20:18 技术小白丁阅读(808) 评论(0) 推荐(0)

2020年3月16日

React JSX

摘要： React JSX React 使用 JSX 来替代常规的 JavaScript。例子： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/r 阅读全文

posted @ 2020-03-16 20:27 技术小白丁阅读(224) 评论(0) 推荐(0)

2020年3月1日

React 简介

摘要： 1、React的基本认识官网： 1) 英文官网: https://reactjs.org/ 2) 中文官网: https://doc.react-china.org/ 介绍描述： 1) 用于构建用户界面的 JavaScript 库(只关注于View) 2) 由Facebook开源 React 特点阅读全文

posted @ 2020-03-01 10:35 技术小白丁阅读(680) 评论(0) 推荐(0)

2020年1月21日

ES6 Generator函数

摘要： Generator函数是es6提供的解决异步编程的方案之一；Generator函数是一个状态机，内部封装了不同状态的数据； <script type="text/javascript"> // generator定义 function后面跟个*号 function* myGenerator(){ c 阅读全文

posted @ 2020-01-21 15:32 技术小白丁阅读(143) 评论(0) 推荐(0)

ES6 Promise 对象

摘要： es6 Promise 对象是异步编程的一种解决方案。（在javascript世界里，是单线程顺序执行的）从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。 Promise 异步操作有三种状态：pending（进行中）、fulfilled（已成功）和 rejected（已失败）。除阅读全文

posted @ 2020-01-21 15:20 技术小白丁阅读(167) 评论(0) 推荐(0)

ES6 模块export import

摘要：在 ES6 前，实现模块化使用的是 RequireJS 或者 seaJS（分别是基于 AMD 规范的模块化库，和基于 CMD 规范的模块化库）。ES6 引入了模块化，其设计思想是在编译时就能确定模块的依赖关系，以及输入和输出的变量。ES6 的模块化分为导出（export） @与导入（import 阅读全文

posted @ 2020-01-21 14:51 技术小白丁阅读(211) 评论(0) 推荐(0)

ES6 Class类

摘要：在ES6中，class (类)作为对象的模板被引入，可以通过 class 关键字定义类。class 的本质是 function。它可以看作一个语法糖，让对象原型的写法更加清晰、更像面向对象编程的语法类定义class 以及构造方法 constructor <script type="text/jav 阅读全文

posted @ 2020-01-21 14:34 技术小白丁阅读(212) 评论(0) 推荐(0)

ES6 数组Arrary 常用方法

摘要： ES6 数组Arrary 常用方法： <script type="text/javascript"> // 操作数据方法 // arr.push() 从后面添加元素，返回值为添加完后的数组的长度 let arr = [1,2,3,4,5] console.log(arr.push(5)) // 6 阅读全文

posted @ 2020-01-21 14:25 技术小白丁阅读(497) 评论(0) 推荐(0)

公告