2020年06月_CHNMSCS

原创学习React(16) - 在list里使用index来做为key

在上一篇中，稍微提了一下key的用法，现在又说一下。大家都知道，在数组里，是有index来做下标的，那么想要在列表里表现出index, 那应该如何用react来表现一下呢。还是使用上一篇的Namelist.js 文件，只是这回没有用Parson.js 文件。现在就直接上Namelist.js文件代码：// Namelist.js 文件import React from 'react'function Namelist() { const names = ['Bruce', 'Clark',

2020-06-30 08:39:30 629

原创学习React(15) - 列表渲染 (list rendering)

在做网站时，大部分时候我们都需要在网址上做列表，比如说姓名列表等。那么在React里，应该如何实现这个功能呢？那就请看这篇博客吧！在src文件夹下面创建一个名为Namelist.js 文件，下面是代码：// Namelist.js 文件import React from 'react'function Namelist() { const names = ['Bruce', 'Clark', 'Diana'] return ( <div>

2020-06-30 06:46:21 404

原创学习React(14) - 条件渲染 (conditional rendering)

当我们要建立react app的时候，你有可能需要展示或者隐藏某些HTML内容基于某些条件。很幸运的，条件渲染在React的做法跟javascript是一样的。在React中，一共有四种方法。if / elseElement variableTernary conditional operatorshort circuit operator小记：在VS Code，如果想使用class component, 那么可以打rce，然后按Enter键，就出现了，代码如下：import React,

2020-06-29 14:32:59 272

原创学习React(13) - 使用props的方法

关于React的一些知识点，之前的博客已经讲了差不多了，现在也就不多说什么了，就直接上代码，通过代码就稍微说一下吧。在src 文件包里，创建两个文件，一个叫做Testparentcomponent.js 文件，另一个叫做 Childcomponent.js 文件。先是 Testparentcomponent.js 文件代码展示：// Testparentcomponent.js 文件import React, {Component} from 'react'import Childcomponen

2020-06-29 12:57:30 244

原创学习React(12) - setState 的方法

现在来写写有关setState的用法，代码如下:// Testsetstate.js 文件import React, {Component} from 'react'class testSetState extends Component { constructor(props){ super(props) this.state = { count: 0 } } increment(){

2020-06-27 12:47:07 180

原创学习React(11) - State 的用法在class 中

下面是列举State 和 props的比较propsstateprops get passed to the componentstate is managed within the componentFunction parametersVariables declared in the function bodyprops are immutablestate can be changedprops - Functional ComponentsuseSt

2020-06-27 08:59:00 1007

原创学习React(10) - props的用法在functional component

在之前的博客里，博主写了怎么在class component和JSX里使用props了，那么现在博主将演示怎么在functional component里用props. 还是在src文件夹下创建一个Testprops.js文件。// Testprops.js文件import React from 'react'function testprops(props) { console.log(props); return ( <div>

2020-06-27 07:27:14 732

原创学习React(9) - props 的用法在class component

上一篇文章，提到如果用JSX格式来用props，应该怎么用。现在这一篇是写在class component里应该如何使用props呢。还是一样，在src 文件夹里创建一个Testprops.js文件，代码如下：// Testprops.js 文件import React, {Component} from 'react'class testprops extends Component { render() { return ( // 如果在return里

2020-06-27 07:05:36 379

原创学习React(8) - props的用法在JSX格式

这篇都是用JSX格式来写的，如果有哪里有错误，就请指出来吧！先上代码，然后再根据代码来讲解一下。还是一样，在src 文件包里，创建一个文件，博主就命名为Testprops.js了// Testprops.js 文件import React from 'react'// 博主认为props就是一个参数，只是大家已经习惯用这个props来做参数// 博主也试了如果用其他名字做为参数，比如说 pro，用pro.name 也是能显示结果的const testprops = (props) =>

2020-06-27 06:45:23 536

原创学习React(7) - JSX

在上一篇的学习React(6) - Class 组件(Component) 中，有写到用JSX格式，和没有用到JSX格式，那么现在就来总结一下JSX的不同之处：class 变成 classNamefor 变成 htmlForcamelCase 法则来命名，比如说：onclick 变成 onClicktabindex 变成 tabIndex...

2020-06-26 15:50:09 123

原创学习React(6) - Class 组件（Component）

博主将继续学习React, 如果用class 这个关键字来做组件的话，应该如何来实现呢！之前是在App.js 文件里用class component, 现在就不在App.js 文件里实现。就直接上代码，还是一样在src文件夹里，创建一个文件：// 这是Testclasscomponent.js 文件// 使用Class Component来写的import React, {Component} from 'react';class Testclass extends Component{

2020-06-26 14:56:49 1014

原创学习React(5) - 组件 Component

组件是用来描述一部分的用户界面。组件是可以重复利用的，而且还可以嵌套在其他组件中。组件类型：（1）无状态功能组件 Stateless Functional Component采用JavaScript Functionsfunction Welcome(props) { return <h1>Hello, {props.name}</h1>;}那么在App.js 文件中，应该如何写呢：import React from 'react';import './Ap

2020-06-24 14:09:14 156

原创学习React(4) - 文档结构介绍

博主忘记介绍当在VS Code安装好React 之后，会出现三个文件包和四个文件，没有介绍。现在博主就补回来，然后在下面会介绍。package.json 文件：This file contains the dependencies and the scripts required for the project. You can see that I am using react version and that is listed as a dependency. I also have a few

2020-06-24 13:20:54 172 2

原创学习React (3) - 如何用Jumbotron

已经学会了怎么用React来写Hello World，那么下一步就开始学习React那些组件。现在就先讲讲Jumbotron.这个Jumbotron 大部分用在bootstrap里面的，采用官方的解释什么是Jumbotron: A lightweight, flexible component that can optionally extend the entire viewport to showcase key content on your site.就直接上代码：还是同一个道理，在src文

2020-06-23 14:05:16 384

原创学习React(2) - 用react 来写Hello World

在上一篇的学习React(1) 中已经介绍如何在VS Code中用react, 那么现在就将展示如何用react来写Hello World.第一步：先得在src文件夹下，创建一个js文件名, 博主就将这个文件名命名为：HelloWorld.js 。第二步：在 HelloWorld.js 文件里写入这几行代码：import React from 'react';const HelloWorld = (props) => { return( <h1>Hel

2020-06-22 15:01:46 469

原创学习React (1) - VS Code里创立react app

先介绍什么是React:React is a JavaScript library for building user interfaces.React is a library and not a framework. React needs an outside library for state management and an outside library to make Ajax calls.博主是在VS Code来进行学习React的。现在博主就将如何在VS Code上创造React

2020-06-22 12:05:14 1335

原创正交矩阵学习

今天做作业的时候，碰到有关正交矩阵的题目，有点不是那么懂原理那些，就找下资料学一下，现在就将我所学到的知识点，列出来，供大家学习参考。如果有哪里写的不对的话，就留言告诉博主一下！若觉得写的还不错的话，就点个赞吧！先看下怎么定义正交矩阵吧：A matrix A is orthogonal if A T A = I.这个定义是不是很难读的懂啊，没关系，给各位一个例子看就知道了。A=[0110],AT=[0110],A⋅AT=[1001]A = \begin{bmatrix} 0 &

2020-06-19 14:58:17 1000

原创介绍identity matrices

定义什么叫做identity matrices:The n x n identity matrix, denoted InI_nIn, is a matrix with n rows and n columns. 矩阵里面的元素，从左上角到右下角都是1，剩余的部分都是0.比如说：I1=[1001],I2=[100010001]I_1 = \begin{bmatrix} 1 & 0 \\ 0 & 1 \\ \end{bmatrix} ,I_2 = \begin{

2020-06-19 07:09:53 3043

原创矩阵相乘的维度

一个矩阵是将数字排成行和列的矩形排列。矩阵中的每一个数字都被称为矩阵元素或元素。A=[123456789]A = \begin{bmatrix} 1 & 2 & 3 \\ 4 & 5 & 6 \\ 7 & 8 & 9 \\ \end{bmatrix} A=⎣⎡147258369⎦⎤一个矩阵的维数就是这个矩阵的行数和列数。比如说上面那个矩阵A, 它有3行和3列，就称为3 x 3 矩阵。维度属性The product

2020-06-19 06:31:04 4753

原创定义矩阵学习

博主准备要学机器学习了，由于线性代数忘得差不多了，现在就回忆一下，顺便也就把回忆过程写到博客上，供大家学习参考，有哪里写的不对，请指出来！D =$$\begin{bmatrix}1 & 2 & 3 \\4 & 5 & 6 \\7 & 8 & 9\end{bmatrix}$$...

2020-06-19 05:53:59 290

原创用github来弄合作项目

这个学期，老师要求弄一个学期项目，博主我就和一位同学来搞一个前端网页。之前都知道是用github来保存项目代码，只是没有在github进行合作来做项目的经历。刚开始弄得时候，就有点很棘手，慢慢就知道如何来弄了。现在，博主就将一些常用的git 命令用于合作项目进行总结。有哪里不对，请指出来！做合作项目的时候，得在github上创建不同的branch, 但master branch是专门存最终的代码。博主是在VS code的terminal来进行创建属于我那部分的branch, 这样就不会影响master b

2020-06-14 12:18:37 580

CHNMSCS