- 博客(13)
- 收藏
- 关注
RSS订阅原创 本地运行下载下来的react项目
1.首先安装项目依赖：通过DOS环境进入到下载下来的项目里面，输入命令：npm install;2.j接着：首先看项目目录结构,找到README.md上面有项目运行的步骤, 如果没有可以看package.json文件,找到scripts；上面有dev 所以跑起来项目就使用npm run dev有start 就使用 npm start完成。...
2020-03-24 08:40:22
2081
原创 Redux介绍
Redux 是一个面向JavaScript应用的可预测状态容器，其实就是一个状态容器用来存储状态；统一管理和维护组件中可变的数据或状态，相当于一个集中存储箱，把我们对应的数据和状态放到里面去，通过方法连接这个盒子进行取值；将某些数据统一的管理到一个存储里面去，谁需要的话连接我给你就行了Redux的工作模式：需要使用Redux的情况：1.2.React中数据只能向下走，不能向上回溯...
2020-03-07 10:57:30
175
原创 React-生命周期钩子函数（有状态）
生命周期在很多框架中都有体现：有状态组件才会拥有生命周期这么一个说法：生命周期钩子函数只针对有状态的组件，在整个生命周期中有多少个钩子函数呢，如下图所示：这些函数有的只运行一次，有的在整个项目当中持续的运行，比较重要的钩子函数（组件创建的时候会使用的，渲染完成之后还会使用其他的钩子函数）：constructor（）函数：1.首先constructor（）构造函数执行，可以在里面设...
2020-03-06 23:08:27
439
原创 有状态组件和无状态组件的区别
有状态组件就是一个类，无状态组件是一个函数；区别：1.（是否拥有state）有状态组件可以使用状态：state，无状态组件不能使用state；只有继承component这个组件它才能拥有state进行一些数据的存储和管理，仍然可以拥有props；2.（生命周期）如果是有状态组件的话那么你就会拥有生命周期函数，无状态组件就不用有生命周期函数，因为数据的更改都是通过状态进行更改。使用props进...
2020-03-06 20:09:10
5924
1
原创 第7章jQuery
jQuery是什么jQuery是一个在页面中引用的JavaScript文件。它允许你通过CSS样式选择器来找到一些元素，并且在这些元素上使用jQuery提供的一些方法。使用CSS样式选择器查找元素和DOM主要的不同之处jQuery代码也是写在js文件里面为什么使用jQuery1.简单的选择器；2。使用更少的代码完成常见任务；3.跨浏览器兼容性；w...
2020-03-05 23:29:27
258
原创 React-动态修改样式和添加类名
要求：点击<button>展示内容和隐藏内容有不同的背景颜色；首先在默认的时候即没有展示的时候拥有一个样式：下来展示内容的时候更改button的样式接下来动态地添加类名（原因：不会将所有样式写在行间，因为行间样式作用范围比较小）：希望1这个类名没有在上面创建一个：接下来red类，bold类在App.css当中定义在某种条件下发生变化：如果展示的组件小于等于2个...
2020-03-05 12:17:07
4653
原创 React-使用循环并实现删除和修改
在React当中如何使用for循环对当前的数据进行遍历：这4个组件是自己一个个写进来的，因该根据数据的多少遍历出来对应的一个结果：例如：遍历Persons时应该给我们返回一个对应的组件，而不是有一个写一个在React中遍历需要使用正常的js语法（对应的逻辑要写在花括号里面）解决此问题：添加key值属性，key里面必须有独一的标识这样就给每一个元素标出了key值；既然现在有用了...
2020-03-04 22:21:23
2064
原创 React-使用分支if
任务是：点击1处，2处就显示出来，再点击就收回去，这个时候就需要用到一个分支开关首先拥有一个状态来控制2是否展示；React中实现分支即点击<button>改变showPersons这个状态,然后刷新下面<div>的方法：将`包含在中括号里面 ，因为如果在中括号里面，代表可以在里面可以写逻辑了；不使用if-else的形式，使用三目运算符的方法；接下来修改&...
2020-03-04 20:07:02
335
原创 React-组件样式的2种方式
如何在React当中使用样式？有2种形式1.跟脚手架展示的样式是一样的，比如定义App.js使用对应样式的话比如使用的是App.css，如果想把App.css的样式正确的读取出来，需要在App.js中引入它写一个单独的样式文件引入完成之后，就可以在App.js中使用App.css样式了；需要在每个组件当中再创建一些对应的CSS文件与其匹配，而不是在index.html当中写对应的内容；...
2020-03-04 12:07:36
662
原创 React-双向数据绑定
在React当中实现双向数据绑定需要借助对应的标签<text><select>或`，也就是可以输入的内容；想要使文本框的输入内容修改上面的内容，则应该给当前的input标签添加事件，这个事件能够触发父级组件的一个事件方法，在父级组件的事件方法中更改当前的状态，并且拿到文本框输入的内容就OK了，person.js中的chang属性（方法）要在负组件中定义；onCha...
2020-03-03 22:03:14
308
原创 牛客网前端错题整理
A,依赖注入是一种思想，或者说是一种设计模式，在java中是通过反射机制实现，与具体框架无关。Spring依赖注入（DI）的三种方式，分别为：1． 接口注入2． Setter 方法注入3． 构造方法注入...
2020-03-03 20:08:55
216
原创 JavaScript&jQuery交互式web前端开发6章事件
事件脚本响应这些事件的方式通常是更新Web页面的内容(通过文档对象模型)，从而使页面更具交互性。不同的事件类型1.UI事件：2.键盘事件3.鼠标事件4.焦点事件5.表单事件6.变动事件事件触发脚本我们称之为事件触发了函数或脚本。事件如何触发JS代码注意1.UI事件是和浏览器窗口相关的(而不是在其中加载的页面)，因此它和window对象而不是元素节点关联。∪I...
2020-03-02 21:51:34
552
原创 JavaScript&jQuery交互式web前端开发5章文档对象模型
第5章.文档对象模型（BOM）文档对象模型规定了浏览器应该如何创建HTML页面的模型，以及JavaScript如何访问或修改浏览器窗口中的Web页面的内容，DOM既不是HTML的一部分，也不是JavaScript的一部分，而是一系列独立的规则。所有主流的浏览器厂商都实现了这些规则，规则主要分为两个方面:DOM树是web页面的模型当浏览器加载一个Web页面时，它会创建这个页面的模型。这个模型...
2020-03-01 15:01:32
793
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人