- 博客(11)
- 收藏
- 关注
原创 vue中form表单暂时存储
话不多说,直接上代码: html部分: <div> <form class="cc_form"> <span> <label>您的姓名:</label> <input class="cc_inp" type="text" v-model="mess.username" /> </span> <span>
2021-12-08 19:06:36
1334
原创 ES6面试题
1.ES6语法中的扩展运算符能实现哪些操作 把具有innerret接口的转成数组 合并数组对象 2.Reflect.ownKeys能获取到对象的什么属性 所有自身属性 3.find和some的区别,findIndex和indexOf的区别 find找到第一个符合条件的元素 some验证是否有符合条件的元素 findIndex可以根据条件查找 indexOf只能判断值是否严格与查找的一致 4.如何理解暂时性死区 在let和const本作用域中,let和const声明之前使用它的变量,就会形成暂时性死区
2021-08-18 20:58:58
194
原创 React路由
1、下载安装包 yarn add react-router-dom 2、新建 Router.js import React from 'react'; import { BrowserRouter, HashRouter, Route, Link, Switch } from 'react-router-dom'; import App from './App.js'; const Router = () => ( <BrowserRouter> <...
2021-07-26 08:36:08
231
原创 HTML,CSS面试题
1.CSS 选择符有哪些? id选择器( #id) 类选择器(.class) 标签选择器(div, h1, p) 相邻选择器(h1 + p) 子选择器(ul > li) 后代选择器(li a) 通配符选择器( * ) 属性选择器(a[rel = "external"]) 伪类选择器(a: hover) 2.哪些属性可以继承? 字体大小(font-size) 字体颜色(color) 字体样式(font-family) 字体粗细(font-weight) 字体居中(text-.
2021-07-15 20:15:20
251
原创 React实现tab选项卡效果
importReact,{Component}from"react" classViewextendsComponent{ constructor(props){ super(props); this.state={ cur:1, cur2:1, } } tabSwitch(name,index){ this.setState({ [name]:index }...
2021-07-14 15:37:45
513
原创 React事件
1、驼峰形式onClick 2、调用onClick={this.Fn} this指向问题 3、解决this指向的问题 1.箭头函数onLog1=()=>{}使用箭头函数改变this的指向 2.constructorthis.fn=this.fn.bind(this) onClick={this.Fn} 3.调用时使用箭头函数:onClick={()=>{this.onLo...
2021-07-14 10:08:28
127
原创 React生命周期
初始化阶段 constructor() 创建前 组件创建前执行,一般用来初始化state 可以继承Component三个参数(props,context,updater) 挂载阶段 render() 渲染 componentDidMount() 挂载后 组件渲染完毕执行,一般用来发起ajax请求,添加定时器 在这里调用setState会触发额外渲染,会导致性能问题,谨慎使用 更新阶段 componentDidUpdata()更新后 组件更新时触发 接收两个参数:props,preState(更新前的st
2021-07-14 08:33:01
110
原创 ES6知识点
1、强化map的作用 参数有两个:一个回调函数,一个改变this指向 默认是window 2、forEach和map的区别: 相同点: ·都是循环遍历数组中的每一项 ·forEach和map方法里每次执行匿名函数都支持三个参数,参数分别是value(当前的值),index(索引值),arr(原数组) ·只能遍历数组 区别: forEach没有返回值 map有返回值,可以return出来 3、map/forEach等迭代方法的第一个参数是回调函数,回调函数的参数有几个,各代表什么含义? value:必须.
2021-07-13 10:33:30
135
原创 ES6知识点
ES6 引入了模块化,其设计思想是在编译时就能确定模块的依赖关系,以及输入和输出的变量。 ES6 的模块化分为导出(export) @与导入(import)两个模块。 特点 ES6 的模块自动开启严格模式。 模块中可以导入和导出各种类型的变量,如函数,对象,字符串,数字,布尔值,类等。 每个模块都有自己的上下文,每一个模块内声明的变量都是局部变量,不会污染全局作用域。 每一个模块只加载一次(是单例的), 若再去加载同目录下同文件,直接从内存中读取。 作用 每一个模块内声明的变量都是局部变
2021-07-11 19:22:36
210
原创 React项目搭建
node 版本 查看node版本 node -v 查看node版本 一般会安装nvm来管理node 版本 安装官方脚手架create-react-app 这里介绍两种方式,习惯用哪个你自己选 第一种 npm install -g create-react-app create-react-app myapp 第二种 npx create-react-app myapp 官方标准命令,my-app 为项目名称,可自定义 git add . 添加 git commit -m ‘first’ 提交 gi.
2021-07-07 16:37:55
306
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人