课程原视频:https://www.bilibili.com/video/BV1wy4y1D7JT?p=2&spm_id_from=pageDriver 目录 一.React 概述 1.1.React 开发背景 1.2.模块与组件.声明式与组件化 1.3.虚拟DOM与真实DOM 二.React 入门 2.1.Hallo React 2.2.JSX语法规则 2.3.JS语句(代码)与JS表达式的区别 三.面向组件编程 3.1.函数式组件 3.2.类式组件 3.3.组件实例的三大核心属性 3.3.1…
简介 函数是可以重用的程序段.首先这段代码有一个名字,然后你可以在你的程序的任何地方使用这个名称来调用这个程序段.这个就是函数调用,在之前的学习中我们已经使用了很多的内置函数像type().range(). 通过关键字def定义函数 def 函数名([参数]): 代码块 一个简单的函数 def sayHello(): print('Hello world!') sayHello() 运行结果 函数参数 函数中的参数名称为形参,提供给函数调用的值称为实参. 参数在函数定义的圆括号中指定,使用“,”…
一:安装react 1:直接下载react源码包,把需要用到的js文件引入自己的页面即可. 2:BootCDN 的 React CDN 库: 在页面代码中导入即可: <head> <meta charset="UTF-8" /> <script src="https://cdn.bootcss.com/react/15.4.2/react.min.js"></script> <script src="h…
React生命周期 「16版本以前的:」 生命周期流程图 组件从生成到被挂在到页面上的一系列过程 根据流程图打印的执行顺序图: 流程讲解: 初始化流程 start 开始创建组件 在这个周期中做的事情 检查 检查组件中是否有默认的属性.是否有属性校验 constructor 开始执行constructor构造函数(‍讲解:constructor是生命周期的一部分.react.component就是一个抽象类,官方文档就是这么定义的.) 构造类.在这里可以写一些状态可以进行ajax数据请求 comp…
介绍 概念 面向切面编程AOP与面向对象编程OOP有所不同,AOP不是对OOP的替换,而是对OOP的一种补充,AOP增强了OOP. 假设我们有几个业务代码,都调用了某个方法,按照OOP的思想,我们就会将此方法封装在一个类中,之后通过对象.方法名调用 我们可以看作我们的业务代码被其他代码入侵或者是业务代码被其他与业务不相关的代码入侵了 这个时候,如果我们使用AOP进行编写代码,我们的业务代码就可以不需要写其他与业务相关的代码,这样就可以保证业务代码的纯洁性 AOP运行流程 通过配置文件,给各个业务…
接下来的项目里有用到react,最近一段时间主要关注于react 的学习.大部门都是网上的资料,学习整理并记录,加深记忆. React 是Facebook推出的用来构建用户界面的JavaScript库.具备特性: 不是一个MVC框架,主要用于构建UI, 可以认为是MVC中的V 不适用模板 相应式更新非常简单,具有较高的性能,代码逻辑简单 特点: 1. 声明式设计,采用声明范式,可以轻松描述应用 2. 高效.react通过对DOM的模拟,最大限度的减少与DOM的交互.当DOM树的状态需要发生变化时…
函数 函数定义语法: def 函数名([参数列表]): '''注释''' 函数体 函数形参不需要声明其类型,也不需要指定函数返回值类型 即使该函数不需要接收任何参数,也必须保留一对空的圆括号 括号后面的冒号必不可少 函数体相对于def关键字必须保持一定的空格缩进 Python允许嵌套定义函数 在定义函数时,开头部分的注释并不是必需的,但是如果为函数的定义加上这段注释的话,可以为用户提供友好的提示和使用帮助. Python是一种高级动态编程语言,变量类型是随时可以改变的.Python中的函数和自定…
React入门指南 作者:狐狸家的鱼 本文链接:React学习笔记 GitHub:sueRimn 1.组件内部状态state的修改 修改组件的每个状态,组件的render()方法都会再次运行.这样就可以修改组件内部状态,确保组件重新改渲染并且展示从内部状态获取到的正确数据 初始状态应该通过this绑定到类上 class App extends Component { //构造函数在一个组件周期只执行一次 constructor(props) { super(props); //state通过th…
什么是react A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES[React是一个用于构建用户界面的JavaScript库.] React之所以快,是因为它不直接操作DOM.React将DOM结构存储在内存中,然后同render()的返回内容进行比较,计算出需要改动的地方,最后才反映到DOM中.[为什么用react,它为什么快] 个人感觉: react通过虚拟DOM解决的数据频繁变化造成的DOM节点的频繁渲染.所以,适用于那些数据更新比较快的,…
一.函数 1.1 函数与方法 Scala中函数与方法的区别非常小,如果函数作为某个对象的成员,这样的函数被称为方法,否则就是一个正常的函数. // 定义方法 def multi1(x:Int) = {x * x} // 定义函数 val multi2 = (x: Int) => {x * x} println(multi1(3)) //输出 9 println(multi2(3)) //输出 9 也可以使用def定义函数: def multi3 = (x: Int) => {x * x} pr…