![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
万事胜意sy
遮住的星星都在努力发光,你也要努力加油。
展开
-
vue 添加多个:class
【代码】vue 添加多个:class。原创 2023-03-16 13:46:55 · 901 阅读 · 1 评论 -
泛型约束ts
111原创 2023-03-07 16:45:53 · 271 阅读 · 0 评论 -
ts泛型使用
当生命的变量名称不确定时。原创 2023-03-07 16:27:45 · 165 阅读 · 0 评论 -
ts枚举类型
数字字符串。原创 2023-03-07 11:17:58 · 79 阅读 · 0 评论 -
ts元组类型
11原创 2023-03-07 10:35:01 · 71 阅读 · 0 评论 -
ts实现抽象类
11原创 2023-03-07 10:14:22 · 100 阅读 · 0 评论 -
ts定义类
在上面定义变量,默认是public类型,constructor接收参数public在类的内外部都可以访问private 定义的变量只能在类的内部访问protected可以在子类中访问static定义的变量和方法可以直接访问,不需要new,但是static定义的方法里面无法访问除static定义的变量, static定义的方法之间可以相互调用原创 2023-03-07 10:07:20 · 172 阅读 · 0 评论 -
ts联合类型,类型断言,交叉类型
类型断言好比其他语言里的类型转换,但是不进行特殊的数据检查和解构,它没有运行时的影响,只是在编译阶段起作用。可以是number和string类型。原创 2023-03-06 16:39:49 · 99 阅读 · 0 评论 -
ts写一个函数
当出现多个同名的函数时,通过参数的类型 和数量 执行相应的函数,而不是后面的函数覆盖前面的函数按照他们对应的规则执行。原创 2023-03-06 16:13:34 · 65 阅读 · 0 评论 -
ts定义数组
arguments是一个伪数组组不能any [ ]定义实现原理。原创 2023-03-06 15:29:31 · 198 阅读 · 0 评论 -
ts定义函数类型
ts定义函数类型原创 2023-03-06 13:57:49 · 269 阅读 · 0 评论 -
ts索引签名,对象?,readonly(不允许修改),
当定义一个对象,当对象有属性不确定时需要用到索引签名。当不确定对象里的某一属性是否存在是可以用?当定义的变量不允许修改时用readonly。原创 2023-03-06 11:31:32 · 295 阅读 · 0 评论 -
$attrs $listener .native
当一个组件没有声明任何 prop 时,这里会包含所有父作用域的绑定 (class 和 style 除外),并且可以通过。包含了父作用域中的 (不含 .native 修饰器的) v-on 事件监听器。它可以通过 v-on=“$listeners” 传入内部组件——在创建更高层次的组件时非常有用。说白了$attrs就是能获取父组件除了props传入的所有的属性(除了class和style属性)传入内部组件——在创建高级别的组件时非常有用。.native - 监听组件根元素的原生事件。包含了父作用域中不作为。原创 2023-03-01 14:38:27 · 91 阅读 · 0 评论 -
v-model和.sync
v-model的值是固定的,而.sync的值是可以手动改变的。v-model和.sync实际上都是语法糖。这样绑定的数据就能传到子组件中。他们都能实现组件间的通信。v-model:父传子。原创 2023-02-27 15:42:37 · 85 阅读 · 0 评论 -
vue3子传父的emit
转自:https://www.jianshu.com/p/6f4c50d62e24。原创 2023-02-22 11:21:14 · 81 阅读 · 0 评论 -
redux-toolkit处理异步函数createAsyncThunk
它接受一个字符串标识符和一个payload创建者回调,执行实际的异步逻辑,并返回一个Promise,该Promise将根据你返回的Promise处理相关动作的调度,以及你的reducers中可以处理的action类型。原创 2023-02-13 17:19:10 · 1433 阅读 · 0 评论 -
css实现节流
【代码】css实现节流。原创 2023-02-10 10:16:35 · 86 阅读 · 0 评论 -
react电商项目展示
react电商项目原创 2023-02-09 10:15:58 · 283 阅读 · 0 评论 -
移动端和pc端的一键复制功能
【代码】移动端和pc端的一键复制功能。原创 2023-02-01 10:29:58 · 179 阅读 · 0 评论 -
从url获取参数并转为对象
链接:https://juejin.cn/post/7145623660680708104。原创 2023-01-06 16:00:14 · 420 阅读 · 0 评论 -
post和get
也就是进行查询操作的,原创 2022-11-09 14:08:30 · 342 阅读 · 0 评论 -
npm与yarn
文件依赖优化:在之前的版本,如果将本地目录作为依赖来安装,将会把文件目录作为副本拷贝到 node_modules 中。1.并行安装:无论 npm 还是 Yarn 在执行包的安装时,都会执行一系列任务。相比之下,Yarn 简洁太多:默认情况下,结合了 emoji直观且直接地打印出必要的信息,也提供了一些命令供开发者查询额外的安装信息。在npm5.0之前,yarn的优势特别明显。但是在npm之后,通过以上一系列对比,我们可以看到 npm5 在速度和使用上确实有了很大提升,值得尝试,不过还没有超过yarn。原创 2022-10-28 17:10:08 · 292 阅读 · 0 评论 -
package.json,package-lock.json,yarn.lock
NPM 和 YARN 是两个不同的包管理系统, 其中 NPM 生成 package-lock.json, YARN 生成 yarn.lock, 这两个文件记录当前项目所依赖的各个包的版本。为了在多台机器之间获得一致的安装结果,Yarn 可能会需要比 package.json 文件中配置的依赖项更多的信息。例如:我们使用了jquery1.x版本,如果没有锁定版本,npm install时会自动安装最新版,jq1.x版本和jq2.x版本是有重大差异的,此时自动安装2.x版本可能会导致某些问题。原创 2022-10-28 16:54:43 · 1756 阅读 · 0 评论 -
react的状态管理redux-toolkit
创建两个js文件一个是store和一个toolkit碎片。原创 2022-08-01 15:17:34 · 274 阅读 · 0 评论 -
react的状态管理库 Mobx
下载创建一个store在ui界面中使用使用状态使用方法跟state直接引用即可,异步使用也一样原创 2022-08-01 15:03:20 · 251 阅读 · 0 评论 -
js小技巧
而不必明确验证链中的每个引用是否有效。.操作符的功能类似于.链式操作符,不同之处在于,在引用为空(nullish)(null或者undefined)的情况下。MDN空值合并操作符(?)是一个逻辑操作符,当左侧的操作数为null或者undefined时,返回其右侧操作数,否则返回左侧操作数。,该表达式短路返回值是undefined。与函数调用一起使用时,MDN可选链操作符(?...转载 2022-07-25 15:37:35 · 83 阅读 · 0 评论 -
react classnames
一,前言1.在中想要动态添加时,通常会使用这个库。2.我们可以通过npm安装:二,使用方法1.引入: 。2.是一个函数,使用的形式较多,记住常用的使用方法即可:(1)传入一个对象: ,表示相应的class生效,反之false表示不生效。(2)接受多个类名:————————————————版权声明:本文为CSDN博主「豆瓣酱,」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/qq_40340943/article/转载 2022-07-07 09:26:07 · 3018 阅读 · 0 评论 -
echarts超好用的可视化图表库 在react中使用
下载在下载,用于和react连接在上方引用有很多nice的aip请看 https://echarts.apache.org/zh/option.html#radiusAxis原创 2022-07-04 16:58:28 · 299 阅读 · 0 评论 -
react生命周期getDerivedStateFromProps
是一个静态函数,也就是这个函数不能通过this访问到的属性,也并不推荐直接访问属性。而是应该通过参数提供的以及来进行判断,根据新传入的来映射到。需要注意的是,如果props传入的内容不需要影响到你的state,那么就需要返回一个null,这个返回值是必须的,所以尽量将其写到函数的末尾。在看一个例子,这个例子是一个颜色选择器,这个组件能选择相应的颜色并显示,同时它能根据传入 prop 值显示颜色。现在我们可以这个颜色选择器来选择颜色,同时我们能传入一个颜色值并显示。但是这个组件有一个 ,如果我们传入一个颜转载 2022-07-04 10:13:04 · 671 阅读 · 0 评论 -
react-fast-marquee 赞赞赞,react走马灯
1.安装2.引用参数原创 2022-07-03 16:40:22 · 1009 阅读 · 0 评论 -
成为唯一的key
成原创 2022-06-27 14:02:39 · 99 阅读 · 0 评论 -
react 使用antd Modal对话框改变遮罩颜色加深
原因是因为我们多次调用了对话框可以用简单粗暴的方法但是只治标不治本如果要单独对某个输入框进行逻辑操作时候就会发生错误第二种就是把isModalVisible定义为数组,然后每次点击的时候给他一个key然后控制这个key的true和false...原创 2022-06-26 13:27:37 · 953 阅读 · 2 评论 -
react动态改变display值无效问题
需要在外侧在嵌套一层标签原创 2022-06-24 13:46:00 · 309 阅读 · 0 评论 -
react函数组件定义方法无法传参问题
react函数组件定义方法无法传参问题原创 2022-06-24 13:44:01 · 336 阅读 · 0 评论 -
回调函数,高阶函数,函数的柯里化,纯函数
什么是回调函数回调函数是一个函数,将会在一个函数调用完后立刻调用,并且回调函数会作为一个参数传给另一个JavaScript函数,这个回调函数会在传给的函数内部执行。function a(callback){ alert("我是parent函数a!"); alert("调用回调函数"); callback();}什么是高阶函数高阶函数是对其他函数进行操作的函数,操作可以是将函数作为参数,或者是返回它们。 简单来说,高阶函数是一个接收函数作为参数或将函数作为输出返原创 2022-05-03 10:14:18 · 252 阅读 · 0 评论 -
hash和history的区别
hashhash 模式是一种把前端路由的路径用井号 # 拼接在真实 url 后面的模式。当井号 # 后面的路径发生变化时,浏览器并不会重新发起请求,而是会触发 onhashchange 事件。hash变化会触发网页跳转,即浏览器的前进和后退。hash 可以改变 url ,但是不会触发页面重新加载( 的改变是记录在 window.history 中),即不会刷新页面。也就是说,所有页面的跳转都是在客户端进行操作。因此,这并不算是一次 http 请求,所以这种模式不利于 SEO 优化。hash 只能.原创 2022-05-02 22:34:37 · 926 阅读 · 0 评论 -
字符串方法
字符串方法charAt():根据下标找到对应值indexOf():通过字符查找对应下标(首次出现)lastIndexOf():通过字符找最后一次出现的下标值slice():截取字符串,2个参数,(起始位置,结束位置)split():把字符串按分隔符分割成数组substring():截取字符串,(起始位置,结束位置)substr():截取指定位置和长度的字符串,(起始位置,长度)toLowerCase():字符串转为小写toUpperCase():字符串转成大写trim():去掉字符串前后原创 2022-05-01 20:25:16 · 282 阅读 · 0 评论 -
数组对象有哪些原生方法,列举一下
pop、push、shift、unshift、splice、reverse、sort、concat、join、slice、toString、indexOf、lastIndexOf、reduce、reduceRight、forEach、map、filter、every、somepop:删除并返回数组最后一个元素(改变原数组);push:返回添加完成后的数组的长度(改变原数组);shift:移除并返回数组的第一个元素(改变原数组);unshift:在数组头部插入一个元素slice:slice(下标,原创 2022-05-01 20:05:12 · 686 阅读 · 0 评论 -
DOM和BOM
DOM(文档对象模型)一些操作dom的方法获取节点1.document.getElementById()根据id获取2.document.getElementByClassName()根据类名获取3.document.getElementByTagName()根据标签获取4.document.querySelector()html5新特性 5. document.querySelectorAll()html5新特性创建节点1.document.createElement();原创 2022-05-01 19:52:43 · 155 阅读 · 0 评论 -
innerHTML和outerHTML和innerText有什么区别
innerHTML设置或获取标签所包含的HTML+文本信息(从标签起始位置到终止位置全部内容包括HTML标签,但不包括自身)outerHTML设置或获取标签自身及其所包含的HTML+文本信息(包括自身)innerText设置或获取标签所包含的文本信息(从标签起始位置到终止位置的内容,去除HTML标签,但不包括自身)outerText设置或获取标签自身及其所包含的文本信息(包括自身)转自https://zhuanlan.zhihu.com/p/162718795...原创 2022-05-01 11:03:19 · 267 阅读 · 0 评论