2022年10月19日
摘要: 二,组件 1,组件有两种定义方式:class(类组件)和使用函数(函数组件) class: 继承自React.Component 内部必须定义render方法,返回该组件UI的React元素 使用函数: 接收props作为参数,返回代表这个组件UI的React元素结构, 例如: function W 阅读全文
posted @ 2022-10-19 10:52 Zoie_ting 阅读(57) 评论(0) 推荐(0) 编辑
摘要: 一、JSX 用于描述UI的JavaScript扩展语法,是UI描述和UI数据之间的桥梁。 1,语法 JSX本质上还是JavaScript。 ①基本语法和XML语法相同,都是使用成对的标签构成一个树状结构的数据。 const element = { <div> <h1>Hello,world</h1> 阅读全文
posted @ 2022-10-19 10:51 Zoie_ting 阅读(67) 评论(0) 推荐(0) 编辑
  2022年9月15日
摘要: css中的 : 指的是伪类,:: 指的是伪元素。 伪类 说明 :visited(a:visited) 选择所有已访问的链接 :hover(a:hover) 选择鼠标悬停其上的链接 :active(a:active) 选择活动的链接 :focus(input:focus) 选择获得焦点的 <input 阅读全文
posted @ 2022-09-15 13:24 Zoie_ting 阅读(1351) 评论(0) 推荐(0) 编辑
  2022年9月7日
摘要: js四种异步方法(回调函数、Promise、Generator、async/await) 1,回调函数 函数B作为函数A的入参,且函数A执行了函数B,此时我们把函数A叫做回调函数。 function A(callback){ console.log("A"); callback("param B") 阅读全文
posted @ 2022-09-07 16:59 Zoie_ting 阅读(169) 评论(0) 推荐(0) 编辑
摘要: js四种异步方法(回调函数、Promise、Generator、async/await) 上篇介绍了回调函数:函数B作为函数A的入参,且函数A执行了函数B,此时我们把函数A叫做回调函数。 function A(callback) { console.log("A"); callback();//函数 阅读全文
posted @ 2022-09-07 15:31 Zoie_ting 阅读(381) 评论(0) 推荐(0) 编辑
摘要: 由于JS运行环境是单线程的,即一次只能完成一个任务,所以多任务时需要排队。异步可以理解为改变执行顺序的操作,异步任务必须在同步任务执行结束之后,从任务队列中依次取出执行。 js常见的异步方法有四种: 1,回调函数callback 函数B作为函数A的入参,且函数A执行了函数B,此时我们把函数A叫做回调 阅读全文
posted @ 2022-09-07 15:04 Zoie_ting 阅读(8654) 评论(0) 推荐(0) 编辑
  2022年9月6日
摘要: 1,防抖:规定时间内多次执行,只执行最后一次。 有比喻:电梯每次触发,到关门中间间隔15s,如果A按了电梯,等待15s电梯才会关门,但是15s内B按了电梯,那就要开始重新计时 使用场景:输入框中输入内容,进行联想查询。我们希望的是用户输完后进行查询,而不是用户输入过程中频繁查询 function d 阅读全文
posted @ 2022-09-06 14:50 Zoie_ting 阅读(100) 评论(0) 推荐(0) 编辑
摘要: 基本数据类型:String、Number、Boolean、Null、Undefined、Symbol (ES6)、Bigint (ES10,提供了表示大于最大安全整数之外) 引用数据类型:Object,包括function/array/object typeof:判断基本数据类型,对于引用数据类型除 阅读全文
posted @ 2022-09-06 14:32 Zoie_ting 阅读(169) 评论(0) 推荐(0) 编辑
  2020年5月19日
摘要: <template> <!--季度时间类型组件--> <div class="quarter-picker"> <div class="picker-content"> <div class="header"> <button type="button" class="el-picker-panel 阅读全文
posted @ 2020-05-19 14:43 Zoie_ting 阅读(96) 评论(0) 推荐(0) 编辑
  2020年5月13日
摘要: color: transparent;text-shadow: #fff 0 0 5px; 阅读全文
posted @ 2020-05-13 09:27 Zoie_ting 阅读(325) 评论(0) 推荐(0) 编辑