![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
随时记
文章平均质量分 64
Katrinasayhello_
平平无奇小辣鸡的学习过程~
展开
-
随时记|React Route中的exact的作用
exact顾名思义就是:精准匹配如果不写exact所以应该在path=’/'这个路由加上exact注意:嵌套路由不要加exact属性,如果父级路由加上exact,父级组件的子路由将不会生效,因为外层强制匹配了原创 2022-03-13 15:28:08 · 1444 阅读 · 0 评论 -
随时记|Antd中的表单验证方式
方式一: rules示例:方式二: validator示例:原创 2022-03-08 13:52:18 · 767 阅读 · 0 评论 -
随时记|Object.create()
语法Object.create(proto, [propertiesObject]);proto 新创建对象的原型对象propertiesObject (可选) 需要传入一个对象,该对象的属性类型参照Object.defineProperties()的第二个参数,如果该参数被指定且不为undefined,该传入对象的自有可枚举属性(即其自定义的属性,而不是其原型链上的枚举属性)将为新创建的对象添加指定的属性值和对应的属性描述符返回值 一个新的对象,带着执行的原型对象和属性(1)关于参数1原创 2022-03-07 16:57:09 · 205 阅读 · 0 评论 -
随时记|Object.assign()
Object.assign()的基本使用 && 语法问题1: Object.assign()是浅拷贝还是深拷贝?当对象中只有一级属性,没有二级属性的时候,此方法为深拷贝,但是对象中有对象的时候,此方法,在二级属性以后就是浅拷贝(1)一级属性let obj1 = { name:'Katrina', age:18,};let obj2 = Object.assign({}, obj1);console.log(obj1, obj2); // obj原创 2022-03-07 15:49:14 · 353 阅读 · 0 评论 -
随时记|二叉树前中后序遍历_JavaScript
二叉树构造如下const root = { val:'A', left:{ val:'B', left:{ val:'D', }, right:{ val:'E', }, }, right:{ val:'C', left:{ val:'F', }, righ原创 2022-03-03 17:39:19 · 338 阅读 · 0 评论 -
随时记|for of 和 for in的区别
for of 和 for in的区别数组for of 打印数组内的元素for in 打印数组元素的index (string) 再用index去索引得到元素,相比于for of有种多次一举的感觉const arr = [1,2,3,4];for (let i in arr) { console.log('i',i); // 0 1 2 3 console.log(arr[i]); // 1 2 3 4};for (let j of arr) { co原创 2022-02-28 13:56:48 · 198 阅读 · 0 评论 -
随时记|JS继承
一直对继承这个云里雾里的,看了B站视频结合文档记录一下~Part1:预备知识在此之前,你必须掌握以下知识,温故知新啦~1. 构造函数的属性举一个简单的构造函数的例子:function Person(name) { this.name = name; // 实例基本属性(该属性,强调私有,不共享) this.age = [18]; // 实例引用属性(该属性,强调私有,不共享) this.say = function() { // 实例引用属.原创 2022-02-27 17:27:45 · 195 阅读 · 0 评论 -
随时记|React动态展示时间
问题描述我有这样一个需求,我想在页面动态展示时间,也就是每秒更新知识点储备react类组件写法react生命周期如何获取时间:new Date()说明因为我是借助react的,所以我把整个部分都写在App.jsx中,再渲染到入口文件index.jsx中的代码实现效果展示App.jsximport React, { Component } from 'react'export default class App extends Component { state = {原创 2022-02-27 15:18:23 · 1353 阅读 · 0 评论 -
随时记|几种常见的排序方法_JavaScript
常见的排序算法有:冒泡排序、选择排序、插入排序、归并排序、快速排序、希尔排序、堆排序、计数排序、桶排序、基数排序冒泡排序冒泡排序:遍历要排序的数组,一次比较两个元素,如果这两个元素的顺序错误就把他们交换过来,直到没有再需要交换为止算法思路:比较相邻元素,如果顺序错误,就交换对每一对相邻元素作同样的工作,从开始第一对到结尾的最后一对,这样在最后的元素应该会是最大的数针对所有的元素重复以上的步骤,除了最后一个重复1-3步,最终排序完成代码实现:let arr = [ 1, 3, 4,.原创 2022-02-26 19:06:13 · 451 阅读 · 0 评论 -
随时记|JavaScript函数柯里化(Currying)
柯里化(Currying)是把接受多个参数的函数转变为接受一个单一参数的函数,并且返回接受余下的参数且返回结果的新函数的技术柯里化是一种函数的转换,它是指将一个函数从可调用的 f(a, b, c) 转换为可调用的 f(a)(b)©柯里化不会调用函数,它只是对函数进行转换先看这个例子:function curry(f) { // curry(f) 执行柯里化转换 return function(a) { return function(b) { return f(a, b).原创 2022-02-26 16:23:38 · 227 阅读 · 0 评论 -
随时记|生疏的前端知识点_JS(二)
解决遍历对象时,把原型上的属性遍历出来了怎么办?使用hasOwnProperty判断function Person(name) { this.name = name;};Person.prototype.age = 23;const person = new Person('Katrina');for (const key in person) { console.log(key) // name age};for (const key in person) { person.ha原创 2022-02-25 20:43:35 · 521 阅读 · 1 评论 -
随时记|事件冒泡&&事件捕获
当一个事件发生在一个元素上,它会首先运行在该元素上的处理程序,然后运行其父元素上的处理程序,然后一直向上到其他祖先上的处理程序我们看一下这个程序:原创 2022-02-25 19:59:47 · 120 阅读 · 0 评论 -
随时记|生疏的前端知识点(一)
标签title与alt属性的区别alt是html标签的属性,title既是html标签,又是html属性title(1)作为标签<title>这里写网页的标题</title>(2)作为属性可以为元素提供额外说明信息比如:给超链接a标签添加了title属性,把鼠标移动到该链接上面的时候,就会显示title的内容,以达到补充说明或者提示的作用altalt属性只能用在img、area、input元素中,用于网页中图片无法正常显示时给用户提供文字说明使其了解图像信原创 2022-02-25 15:15:12 · 185 阅读 · 0 评论 -
随时记|setState更新对象的两种方法
对象式的setState语法setState(stateChange, [callback])stateChange为状态改变对象(该对象可以体现出状态的更改)callback是【可选】的回调函数, 它在状态更新完毕、界面也更新后(render调用后)才被调用问题:setState更新是异步的1. 情况说明2. 如何解决?_借助回调函数callback看一下官网是怎么说的误区:console.log()的时候应该打印this.state.count,千万不要傻傻地打印cou原创 2022-02-24 17:15:12 · 1299 阅读 · 0 评论 -
随时记|React Hooks
React的Hooks有useState、 useEffect、useRefuseState例如: const [isShow, changeIsShow] = useState(false);isShow:是否展示(一个状态)changeIsShow:改变是否展示(改变状态的唯一方法)false:默认值useState的唯一参数:该状态的默认值useEffect可以让你在函数组件中执行副作用操作(用于模拟类组件中的生命周期钩子)发ajax请求数据获取设置订阅 / 启动.原创 2022-02-24 14:03:00 · 242 阅读 · 0 评论 -
随时记|React-Router中的HashRouter和BrowserRouter
什么是react-router前端路由实现方式路由需要实现三个功能:当浏览器地址变化时,切换页面;点击浏览器后退,前进按钮,网页内容发生变化;刷新浏览器,页面加载内容对应当前路由对应的地址;在单页面web网页中,单纯的浏览器地址改变,网页不会重载,如单纯的hash值改变,网页是不会变化的,因此我们的路由需要监听事件,并利用js实现动态改变网页。hash 模式:监听浏览器地址hash值变化,并执行相应的js切换。history 模式:利用H5 history API实现url地址改原创 2022-02-24 12:35:29 · 2124 阅读 · 0 评论 -
随时记|深拷贝&&浅拷贝
什么是深浅拷贝?浅拷贝是创建一个新对象,这个对象有着原始对象属性值的一份精确拷贝如果属性是基本类型,拷贝的就是基本类型的值,如果属性是引用类型,拷贝的就是内存地址 ,所以如果其中一个对象改变了这个地址,就会影响到另一个对象深拷贝是将一个对象从内存中完整的拷贝一份出来,从堆内存中开辟一个新的区域存放新对象,且修改新对象不会影响原对象基本情况分析1. 赋值(基本数据类型)_可以看作是深拷贝let a = 1;let b = a;b = 2;console.log(a,b) // =>原创 2022-02-24 09:58:02 · 71 阅读 · 0 评论 -
面试|前端手写代码(持续更新)
按照自己的学习进度进行更新;主要分为以下几个部分:(1)JS基础,(2)CSS,(3)数据处理,(4)场景应用,…JS基础1. 手写new操作符?(1)new?new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例(2)在new的过程中干了什么?基本四步走新建一个空对象obj链接到原型:将obj的[[prototype]]属性指向构造函数的原型,即obj.[[prototype]] = construc.prototype (不懂的可以看图理解一下【图开源..原创 2022-02-22 21:22:19 · 802 阅读 · 0 评论 -
随时记|AJAX相关原理&&面试题
今日目标:攻克ajax!!!参考来源:AJAX原理(含常见面试题)什么是AJAX?原创 2022-02-23 15:50:22 · 353 阅读 · 0 评论