- 博客(20)
- 收藏
- 关注
RSS订阅原创 05-初学react
5.1利用ref属性，让父组件获取到整个子组件先创建一个13-father.js的父组件，代码如下：import React, { Component } from 'react' //引入React,Componentimport Child2 from '../Navbar/child2' //引入子组件export default class APP extends Component { state = { cname:'' //用来接收子组件的值 } ...
2022-03-31 19:04:48
1248
原创 04-初学react
04-初学react4.1props属性创建一个10-props.js文件，代码如下import React, { Component } from 'react' //引入 React, Component import Navbar from '../Navbar/index' //引入Navbar子组件export default class APP extends Component { //在state里面定义一个lists数组，lists里面的每一项都是一个对象...
2022-03-28 19:08:29
993
原创 在react项目中引入less
首先先安装less和less-loader运行以下命令：npm install less-loader less --save然后要暴露出webpack.config.js文件，因为之前熟悉Vue的配置，不了解react，所以百度了一下，找到了一篇清晰一点解释的，然后我跟着执行了npm run eject发现还是报错，然后又去找报错的解决办法，然后看到一下命令git initgit add .git commit -m 'saving before ejecting'跟
2022-03-25 18:18:26
1549
原创 03-初学react
3.1循环遍历数组的数据，并显示到页面当中import React, { Component } from 'react' //导入react,componentexport default class APP extends Component { //在state里面定义一个list数组，list里面的每一项都是一个对象，其中ID作为key，text作为内容 state = { list:[{ id:1, text:...
2022-03-25 18:14:31
1199
原创 学习react的第二天
02-初学react2.1组件样式2.1.1在标签内部使用样式在assembly文件夹下创建一个04-组件样式.js文件，代码如下：import React, { Component } from 'react' //引入react,Component导出APPexport default class APP extends Component { render() { return ( //注意在style里面这样声明样式要用{{}}包裹着 &...
2022-03-24 19:07:57
904
原创 学习react的第一天
1.1安装reactnpm install -g create-react-app //全局安装create-react-app your-app //创建一个新项目,'your-app'是项目名称，可以随便命名安装成功后1.2编写一个react程序把src文件下的所有内容都清空，然后创建一个index.js文件import React from 'react' //引入reactimport ReactDOM from 'react-dom' //引入ReactDOM,R
2022-03-23 17:59:07
1475
1
原创 css面试题：解释一下盒子模型
盒子模型有两种：一种是W3C标准盒子模型，另一种是IE怪异盒子模型。但无论是哪种模型，从外到内的顺序都是：margin(外边距) —>border(边框) —>padding(内边距) —>content(内容)，如图：但在W3C标准盒子模型中：盒子的height(高)、width(宽)都是由content(内容)决定的，如图 ：在IE怪异盒子模型中，盒子的height(高)、width(宽)是由border、padding、content一起决定的，如图：
2022-02-28 23:41:59
353
原创 for in 和 for of 的区别
JavaScript 原有的`for...in`循环，只能获得对象的键名，不能直接获取键值。ES6 提供`for...of`循环，允许遍历获得键值。 let arr = ['red', 'blue', 'black'] for (let key in arr) { console.log(key);//0,1,2 } for(let key of arr){ console.log(key);//red,b
2022-01-05 21:40:05
707
原创 js面试题，利用一个sleep函数隔一秒输出一个i
首先会问你以下代码输出的情况是什么？for (var i = 0; i 5; i++) { setTimeout(() = { console.log(i) }, 1000)}答案应该是一秒后输出5个5，就是一秒过后输出5，5，5，5，5然后叫你实现一个sleep函数，让它隔一秒就输出一次，就是0，1，2，3，4；function sleep(time){ return new Promise((resolve,reject)=>{ se
2021-12-31 16:10:01
1110
原创 Object.entries()
Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组，其排列与使用for...in循环遍历该对象时返回的顺序一致（区别在于 for-in 循环还会枚举原型链中的属性，Object.entries()方法不会枚举原型链的的属性）。那我们就直接来实现一下吧：1、对数字和浮动数 let foo = 666; console.log(Object.entries(foo));//Array[] let foo1= 66.6 conso..
2021-12-29 16:47:03
762
原创 mengli衣橱（基于vue2.0全家桶开发）移动端，可以用来当期末大作业
一个基于vue2.0全家桶开发的移动端小商城。可以用来做期末大作业哦
2021-12-06 12:53:57
1110
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人