- 博客(37)
- 收藏
- 关注
RSS订阅原创 day04--react中批量传递props
/{...p}:这里的{}并不是一个字面量对象，而是作为一个分割符使用，那么为什么...p可以使用，是因为引入react和使用了babel，它们帮我们使用构造字面量对象。如果我们要传递的数据有很多，一个一个传的话有点麻烦，所以可以使用对象来定义数据，然后使用ES6的语法扩展运算符进行传递。// 但是对于原来的语法中，...扩展运算符只能展开数组，要想展开对象，必须使用构造字面量对象。2.那么想要对对象进行展开，那么必须使用构造字面量对象，如下代码。// "name": "李四",
2024-04-27 22:27:34
365
原创 day04--react中state的简化
答：对于创建一个实例对象时，我们对要传进来的数据进行接收，那么我们必须要写一个构造器来接收传进来的数据，但是如果我们要定义的数据是固定的，那么就可以不使用构造器的形式，而是使用赋值语句的方式定义一个属性接收数据。既然我们要传的数据是固定的，那么就不需要构造器，直接使用赋值语句的方式定义属性，那么通过赋值语句定义的属性都会放在实例对象身上。而对于下面的switchover 方法来说，必须使用箭头函数的形式，此时的this指向的就是实例对象，否则this为undefined。state是在构造器里面定义的。
2024-04-27 09:58:44
322
2
原创 day03--react中setState的使用
在构造器里面实现this.switchover = this.switchover.bind(this)，此时的this是实例对象，这样就将类中定义的switchover方法里面的this指向实例对象，并定义一个同名的实现来接收，这样onClick绑定的就是构造器定义的switchover。答：由于switchover作为onClick的回调，所以不是通过实例调用的，是直接调用，而在类里面定义的方法，默认是开启了严格模式，所以方法里面的this谁都不指向，为undefined。里面的this指向的是谁？
2024-04-26 23:16:01
1019
原创 day03--react中对state的理解
2.发现组件是使用函数定义的，随后调用该函数，将返回的虚拟DOM转为真实DOM，随后呈现在页面中。* 2.发现组件是使用类定义的，随后new出来该类的实例，并通过该实例调用原型链上的render方法。2.组件被称为“状态机”，通过更新组件的state来更新对应的页面显示（重新渲染组件）* 1.React解析组件标签，找到MyComponent组件。// render()中的this指向的是MyComponent组件实例对象。（1）组件中的render方法中的this为组件实例对象。
2024-04-26 10:58:56
745
原创 react-创建组件的两种方式
/</</</</</// 1.创建函数式组件functionDemoreturn// 2.渲染组件到页面render'test'/*** 执行了ReactDOM.render(<MyComponent/>.....)之后，发生了什么？* 1.React解析组件标签，找到MyComponent组件。* 2.发现组件是使用函数定义的，随后调用该函数，将返回的虚拟DOM转为真实DOM，随后呈现在页面中。*/</</</
2024-04-24 23:32:15
385
原创 React学习day01--虚拟DOM的两种创建方式
使用js这种创建虚拟DOM的方式相对jsx来说是繁琐的，如果标签是深层次嵌套，那么书写非常耗时且麻烦。</</</</</</// 1.创建虚拟DOMconst'h1'id'title''span'// 2.渲染虚拟DOM到页面render'test'</</</
2024-04-23 22:08:51
353
1
原创 css中清除元素浮动带来的影响的方法
首先浮动的话会使元素的容器（父元素）高度塌陷，影响布局，所以要让容器不被浮动影响到，我们可以给父元素清除浮动带来的影响。给浮动元素的容器加上浮动属性即可清除内部浮动，但是这样会使其内部整体浮动，影响在页面的布局，不推荐使用。
2024-03-10 12:03:53
385
原创 element-plus 提示找不到名称“ElMessage”。ts(2304)
element-plus 提示找不到名称“ElMessage”。ts(2304)
2023-08-03 18:01:34
1617
2
原创 vue3项目配置vite.config.ts中出现引入path模块错误问题
vue3项目配置vite.config.ts中出现引入path模块错误问题
2023-08-03 17:46:25
919
原创 利用vue3+ts写项目遇到的问题---vue3加ts找不到模块“@/views/Home.vue”或其相应的类型声明。
利用vue3+ts写项目遇到的问题---vue3加ts找不到模块“@/views/Home.vue”或其相应的类型声明。
2023-08-03 15:22:10
1343
2
原创 已知有字符串 foo=”get-element-by-id” ,写一个 function 将其转化成驼峰表示法”getElementById” 。
已知有字符串 foo=”get-element-by-id” ,写一个 function 将其转化成驼峰表示法”getElementById” 。
2023-07-31 10:50:30
75
原创 vue3代码报错：[vue/no-multiple-template-root]The template root requires exactly one element.eslint-plugin
plugin-vue -> 第一个(Vetur › Validation: Template )取消勾选,即可。
2023-06-06 15:19:15
811
原创 vue项目遇到的问题---登陆后跳转到首页没有获取到数据，手动刷新才可以
一、我做的项目是这样的，首先进入的页面是layout页面,然后再重定向到子页面home首页中，因为要判断用户是否登录，所以在前置路由守卫那里做了判断，如果未登录，则强行跳转到我的页面中进行登录，然后就出现了问题，登录成功后跳转到首页的时候，数据没有获取到，但刷新的时候就有了。因为在第一次进入首页的时候，home页面的created已经执行了一次，再次通过登录进来的话created就不会执行，如果手动刷新的话，created会重新执行，所以会获取到数据。
2023-05-09 08:15:50
1622
原创 js中splice和slice的区别
1.splice()方法改变了原始的数组，它可以删除或者替换数组中的元素，并且能够在指定位置插入新的元素。这个方法会修改原始数组并返回被删除元素组成的一个新数组。因此，splice()和slice()两个方法在用途上是有较大差别的。splice()主要用于修改原始数组，而slice()则用于从原始数组中提取需要的元素。2.slice()方法不会修改原始数组，它从原始数组中提取出指定的元素，生成一个新的数组，而原始数组则保持不变。
2023-04-22 09:25:38
728
原创 在做项目时遇到的问题：ElementUI按需引入的问题
二、还有一个就是ElementUI中的MessageBox 弹框按需引入出现的错误，一开始我以为和其他组件一样是通过import {MessageBox} from 'element-ui'引入，然后再通过Vue.use(MessageBox)注册使用，但这种做法是错误的，然后就报如下图的错误。在这次的项目实战中自己遇到了像这样在使用ElementUI中的问题，自己也通过不断查询资料，然后一步一步解决它，很开心，自己在解决问题中学习了知识。1.页面刷新会出现空白的弹窗。
2023-04-15 21:43:20
568
1
原创 前端vue和node后端项目部署到云服务器（详解）
前言：我是一名大三在校生，选修的专业是软件工程，然后主要学前端方向，作为一个前端程员，自己也想有自己的网站，然后被大家浏览，我觉得这是对自己能力的肯定，也是自我提升的一种方法，所以我学习了nodejs，利用nodejs作为项目的后端，然后结合前端最流行的框架之一的vue实现项目，那么我们的项目如何部署到云服务器被大家访问浏览，这里我会向大家详解讲解过程。7.5复制下面的代码，在宝塔终端中按下鼠标右键进行粘贴，粘贴后按键盘的回车键，根据提示，输入y字母后，再次按键盘上的回车键进行宝塔面板的安装，如图。
2023-04-15 21:41:59
1788
原创 javascript面试题1----js的数据类型有哪些？如何判断数据类型？
javascript面试题1----js的数据类型有哪些？如何判断数据类型？
2023-02-26 15:33:14
162
原创 css面试题1-----介绍一下盒子模型？IE盒子模型和W3C盒子模型的区别是什么？CSS3中如何设置？
css面试题1-----介绍一下盒子模型？IE盒子模型和W3C盒子模型的区别是什么？CSS3中如何设置？
2023-02-26 10:32:45
220
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人