02-React基础语法（2）

php从入门到放弃系列-02.php基础语法

php从入门到放弃系列-02.php基础语法一.学习语法,从hello world开始 PHP(全称:PHP:Hypertext Preprocessor,即"PHP:超文本预处理器")是一种通用开源脚本语言. <!DOCTYPE html> <html> <body> <?php echo "hello world!";//输出 ?> </body> </html> php是一种服务端脚本语…

react基础语法（五） state和props区别和使用

props的验证: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="https://unpkg.com/react@16/umd/react.development.js"></script> <script src="https://unp…

React主要有如下3个特点: 作为UI(Just the UI) 虚拟DOM(Virtual DOM):这是亮点是React最重要的一个特性放进内存最小更新的视图,差异部分更新 diff算法数据流(Date Flow)单向数据流学习React需要掌握哪些知识? JSX语法类似XML ES6相关知识前端基础 CSS+DIV JS 例子一 (简单组件和数据传递) 使用this.props 指向自己的属性 <!DOCTYPE html> <html> <head l…

react 基础语法复习2- react入门以及JSX

引入 react 以及 ReactDom import React from 'react'; import ReactDOM from 'react-dom'; 将react组件渲染到真实dom节点上 ReactDOM.render(<App />, document.getElementById('root')); 创建组件 JSX语法 // 三个 <p> 外面必须再包裹一层 <div> return ( <div> <p>段落1</p…

react基础语法（一）元素渲染和基础语法规则

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="https://unpkg.com/react@16/umd/react.development.js"></script> <script src="https://unpkg.com/rea…

react 基础语法使用

刚开始不久react,在菜鸟上及其他前辈网站上学习,下面开始我的自学笔记. 包括: 渲染元素组件(函数方法定义.es6 class定义) 事件处理条件渲染列表下面代码部分将不会再写html部分,html部分如下: <div id="example"></div> 多余的话不多说,具体如下: 渲染元素(函数方法,es6方式) 函数方法 function Clock(props) { return ( <div> <h1>Hello,…

react基础语法二

这里只是对自己的学习进行一次总结,也是为了让自己以后如果长时间不使用快速记忆起来的笔记,如果想要学习,还是去官网看文档比较好一些.. 注意下面的代码的 script标签的type类型都为 “text/babel” 目录一.无状态组件二.函数式声明三.this以及事件对象四.操作dom元素五.父子组件传值六.在浏览器中支持import export 一. 无状态的组件只是普通的变量是没有状态的, 只有组件才有状态或无状态 react是单向数据流状态其实就是让数据驱动视图的响应式数…

02 Java 基础语法

在开始 Java 基本语法之前,先说明 Java 程序的基本规范: 大小写敏感,例如 Person 和 person 是不同的类名首字母大写,如果类名由多个单词组成,每个单词首字母都大写,例如 HelloWorld 方法名应遵守驼峰命名法,以小写字母开头,若含有多个单次,后面单次大写,例如 findMinNumber 源文件名必须和类名相同 Java 程序由 public static void main(string [] args) 方法开始执行 Java 标识符,例如类名.变量名.方法名…

react 基础语法复习3- 数据传递 & 数据变化(props&&state)

react当中的数据传递是通过 props以及 state来实现的 props <Header name="kugeliu" /> Header组件当中有个name属性,那么在Header组件当中就可以通过 this.props.name 来获取到 “kugeliu” 这个数据了在react当中props一般用于父组件给子组件传递数据使用,一般不允许对它进行修改 state props是不能修改的,但是当我们需要修改数据的时候怎么办呢,这中可以修改的数据就用state…

react 基础语法复习1- 搭建开发环境

之前有看过阮一峰老师的react教程跟着做了一遍,学习了一下.好久没看,有点忘记了,这次跟着脚手架工具系统的复习一遍.顺便学习学习 react-router 和 redux 首先,脚手架工具我使用的是create-react-app ,这个是官方出的,感觉比较靠谱.不过真实使用起来感觉比vue-cli复杂,webpack配置文件都在node_modules文件夹里面,找了好久,并且开发环境和生产环境有分开配置了. 全局安装脚手架工具 cnpm i -g create-react-app //…

react基础语法（四） state学习

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="https://unpkg.com/react@16/umd/react.development.js"></script> <script src="https://unpkg.com/rea…

react基础语法（三）组件的创建和复合组件

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="https://unpkg.com/react@16/umd/react.development.js"></script> <script src="https://unpkg.com/rea…

react基础语法（二）常用语法如：样式，自定义属性，常用表达式

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="https://unpkg.com/react@16/umd/react.development.js"></script> <script src="https://unpkg.com/rea…

mobx学习笔记02——mobx基础语法（class）

新的语法可能不被浏览器支持,可以使用babel转换为浏览器支持的代码格式: 为什么要定义class? js是一门面向对象的编程语言.需要利用类来复用代码,提高编程效率. 需要什么样的class能力? 继承+多态例子:在页面中显示Hello World! 1)创建工程文件夹,在该文件夹中创建src文件夹,在src文件夹中创建index.js文件,并在其中写入显示Hello World!的代码. 2)执行npm init -y 命令来创建包含默认内容的package.json文件 3)创建webp…

【JAVA基础】02 Java基础语法

一.内容注释关键字标识符常量.进制和进制转换变量数据类型和类型转换运算符语句二.注释注释概述用于解释说明程序的文字 Java中注释分类格式单行注释格式://注释文字多行注释格式:/* 注释文字 */ 文档注释格式:/** 注释文字 **/ 注释的作用解释说明程序帮助我们调试错误三.关键字 1. 关键字的概述和使用什么是关键字被Java语言赋予特定含义的单词关键字的特点组成关键字的字母全部小写常见关键字 public static void clas…

Python3基础语法快速入门

01 Python 简介 Python 是一种高层次的结合了解释性.编译性.互动性和面向对象的脚本语言.Python 由 Guido van Rossum 于 1989 年底在荷兰国家数学和计算机科学研究所发明,第一个公开发行版发行于 1991 年. ''' 作者:韭白源自: https://www.cnblogs.com/shockerli/p/python-study-note.html ''' 特点易于学习:Python 有相对较少的关键字,结构简单,和一个明确定义的语法,学习…

JavaScript学习02 基础语法

JavaScript学习02 基础语法 JavaScript中很多基础内容和Java中大体上基本一样,所以不需要再单独重复讲了,包括: 各种算术运算符.比较运算符.逻辑运算符: if else语句.switch语句: for循环.while循环.do while循环: 标签.break.continue: try catch throw语句. 可以查看文后的参考链接. 后面的内容都是JavaScript中不同的部分. 本文先说上面内容中的几个细节不同. 1.全等判断 JavaScript的比较运…

070 01 Android 零基础入门 01 Java基础语法 09 综合案例-数组移位 02 综合案例-数组移位-从键盘接收数据

070 01 Android 零基础入门 01 Java基础语法 09 综合案例-数组移位 02 综合案例-数组移位-从键盘接收数据本文知识点:综合案例-数组移位-从键盘接收数据说明:因为时间紧张,本人写博客过程中只是对知识点的关键步骤进行了截图记录,没有对截图步骤进行详细的文字说明(后面博主时间充裕了,会对目前的博客编辑修改,补充上详细的文字说明):有些步骤和相关知识点缺乏文字描述,可能会难以理解.读者如有不明之处,欢迎博客私信或者微信(本人微信在博客下方的"关于博主"处)与本人…

064 01 Android 零基础入门 01 Java基础语法 08 Java方法 02 无参带返回值方法

064 01 Android 零基础入门 01 Java基础语法 08 Java方法 02 无参带返回值方法本文知识点:无参带返回值方法说明:因为时间紧张,本人写博客过程中只是对知识点的关键步骤进行了截图记录,没有对步骤进行详细的文字说明:有些地方缺乏文字描述,可能会难以理解.读者如有不明之处,欢迎博客私信或者微信(本人微信在博客下方的作者简介处)与本人交流无参带返回值方法前情回顾--无参带返回值方法例子--Scanner类案例练习--自定义无参带返回值方法--求长方形面积…

055 01 Android 零基础入门 01 Java基础语法 06 Java一维数组 02 数组的概念

055 01 Android 零基础入门 01 Java基础语法 06 Java一维数组 02 数组的概念本文知识点:数组的概念数组的声明创建.初始化在学习数组的声明创建.初始化前,我们可以和之前的变量的声明创建.初始化进行对比来学习. 那我们来看一下数组的声明,先来看一下语法格式. 数组的声明数组声明语法格式1 数组声明格式1: 数据类型 [] 数组名; 变量声明格式: 数据类型变量名; 数组声明相比变量声明,在数据类型后增加了一个中括号.而数组名的命名规则和变量名的命名规则是一致的…

040 01 Android 零基础入门 01 Java基础语法 05 Java流程控制之循环结构 02 while循环的执行流程

040 01 Android 零基础入门 01 Java基础语法 05 Java流程控制之循环结构 02 while循环的执行流程本文知识点:while循环的执行流程三种循环结构中的第一种--while循环 while循环的语法格式语法格式详解: while是一个关键字 while后跟小括号小括号跟循环条件,这个循环条件跟if后跟的循环条件类似,都是一个boolean结果的条件语句,最后的结果只能是true或者false 当循环条件是true的时候,就执行while后面的语句否则,就不…

035 01 Android 零基础入门 01 Java基础语法 04 Java流程控制之选择结构 02 多重if结构

035 01 Android 零基础入门 01 Java基础语法 04 Java流程控制之选择结构 02 多重if结构本文知识点:Java中的多重if结构选择结构回顾 if选择结构注意: 1.条件必须用小括号括起来 2.并且条件的结果必须是一个布尔值 3.小括号后面不要随意加分号(Java程序中,分号是一条语句的结束标志)如果在if的条件括号后面加了分号,就说明条件后是一条空语句,即相当于if条件后什么都没做,所以不要轻易加分号. 尤其是在后面讲循环结构的时候,如果在循环结构的条件后加分号…

022 01 Android 零基础入门 01 Java基础语法 03 Java运算符 02 算术运算符

022 01 Android 零基础入门 01 Java基础语法 03 Java运算符 02 算术运算符本文知识点:Java中的算术运算符算术运算符介绍算术运算符代码示例注意字符串连接问题和整除(整数之间相除的结果)问题…

020 01 Android 零基础入门 01 Java基础语法 02 Java常量与变量 14 变量与常量知识总结

020 01 Android 零基础入门 01 Java基础语法 02 Java常量与变量 14 变量与常量知识总结本文知识点:变量与常量知识总结 Java中的标识符 Java中的关键字目前常用关键字: Java中的数据类型基本数据类型8种: 引用数据类型字符串类型:(比较特别) 数组类(接口)类型 Java中变量的定义和初始化 1.变量先定义再赋值 2.变量初始化一步完成(定义和赋值一行解决) 变量和变量之间也是可以相互赋值的,这点需要注意 Java中基本数据类型字面值字符类型…

019 01 Android 零基础入门 01 Java基础语法 02 Java常量与变量 13 数据类型转换的代码示例

019 01 Android 零基础入门 01 Java基础语法 02 Java常量与变量 13 数据类型转换的代码示例本文知识点:Java中的数据类型转换案例学习视频有误,导致没法写文,文章内容后面会补上…

018 01 Android 零基础入门 01 Java基础语法 02 Java常量与变量 12 数据类型转换的基本概念

018 01 Android 零基础入门 01 Java基础语法 02 Java常量与变量 12 数据类型转换的基本概念本文知识点:Java中的数据类型转换类型转换类型转换分类 2类,分别是: 基本类型转换强制类型转换其实在前面的学习过程中,我们已经介绍过了类型转换.比如说:我们可以把一个int类型的数据赋值给一个长整型long类型的变量,比如:long n = 253; 这样一个数据呢,253肯定是一个int类型的常量(或者说是字面值),然后将它赋值给了一个长整型的变量n. 我们还看…

017 01 Android 零基础入门 01 Java基础语法 02 Java常量与变量 11 变量综合案例

017 01 Android 零基础入门 01 Java基础语法 02 Java常量与变量 11 变量综合案例本文知识点:变量相同类型的变量可以一次同时定义多个例:可以一行代码同时定义2个变量x和y int x, y; 如果没有给x赋值,就输出它们的结果会发生什么? 报错:部变量没有被初始化! y也一样的问题同时定义多个变量并进行初始化的写法关于换行的问题我们平时写的是换行的: System.out.println(""); 不换行只需要把println换成print即可…

016 01 Android 零基础入门 01 Java基础语法 02 Java常量与变量 10 布尔类型和字符串的字面值

016 01 Android 零基础入门 01 Java基础语法 02 Java常量与变量 10 布尔类型和字符串的字面值本文知识点:字面值关于字面值的概念,需要注意:很多地方,我们可能就把字面值称作常量.我们最近几篇文章也都是讲变量与常量.如果我后面文章提到常量,我们也要知道,字面值其实也是常量的一种. 首先,来学习布尔boolean类型的字面值. 布尔boolean类型的字面值布尔类型的值: C语言中的布尔类型的值可以是0或者1,但是Java中绝对不允许用0.1作为布尔类型的字面值,J…

015 01 Android 零基础入门 01 Java基础语法 02 Java常量与变量 09 Unicode编码

015 01 Android 零基础入门 01 Java基础语法 02 Java常量与变量 09 Unicode编码本文知识点:Unicode编码以及字符如何表示? ASCII码是美国提出的标准信息交换码,主要用于现代英语和西欧语言.不支持中文和其他一些语言. Unicode编码为支持中文和其他一些语言,所以出现了Unicode编码.Unicode编码又称为:统一码.万国码.是计算机科学领域的一项业界标准.Unicode编码的目标就是能够支持世界上所有的字符集.也就是说:几乎所有的字符集包含…

014 01 Android 零基础入门 01 Java基础语法 02 Java常量与变量 08 “字符型”字面值

014 01 Android 零基础入门 01 Java基础语法 02 Java常量与变量 08 "字符型"字面值字符型字面值如何表示? 两个关键:单引号(必须是英文单引号).单个字符如何定义字符型变量? 例: char a = 'a'; // 赋值号=左边的a:变量名a: 赋值号=右边的'a',变量值a char ch = 65 ; // ? ASCII码简介以及为什么要用编码 ASCII码:美国标准信息交换代码为什么要使用编码呢?编码其实就是人们定的一些规则,因为计算机是用…