- 博客(44)
- 收藏
- 关注
原创 聊聊解构的那些事
解构定义#我们都知道es6出了个新特性,支持解构,使用过的人可能都觉得挺简单的,但有一些小点,只有使用中留意了或者踩坑了才发现我们认识的还很浅#解构定义允许按照一定模式,从数组和对象中提取值,对变量进行赋值。
2024-10-30 00:55:09
332
原创 【AI辅助】AWS Toolkit+AmazonQ
偶然看到网上某up主用的这个AI工具,感觉还挺实用的,推荐大家~我们不可阻挡AI的攻势,但是成为利用它的人,也是反侵占的方式呢#
2024-10-27 10:31:41
508
原创 【React+TS+Antd+Vite】实现日常待办处理(含代码)
结合React、typescript、Vite这些目前的火热前端技术,浅写一个TodoList,有需要可以guthub直接拉下来看,有任何建议和需要可以提出来,我会不断优化#实现功能新增待办待办处理删除待办过滤恭喜完成。
2024-10-20 20:26:48
317
原创 【JavaScript】Array的去重的实现
共同点:引用数据类型不去重,其实也可以理解,引用数据类型表现一样,但指向地址不一,这时候其实它们就是两个东西。好像有点抽象,可以结合搜索原始数据类型与引用数据类型的区别。#手动实现一个数组去重方法,返回新数组,不改变原数组#
2024-10-19 11:05:33
155
原创 【git】本地玩坏了不必重新clone
没错,事情发生的起因就是我把本地玩坏了……然后傻乎乎地打算rm掉重新再clone,巨慢真的,然后我就又被涨知识了,git reset用起来~
2024-10-11 23:52:52
335
原创 【TypeScript】抽象类 interface type的异同
抽象类 interface type相似点很多,容易混淆使用#interface和type都可以定义对象结构,大多场景可互换。定义类的格式,既可以包含抽象方法,也可以包含具体方法。定义类型别名、联合类型(|)、交叉类型(&)更专注定义对象和类的结构,支持继承、合并。只能描述结构,不能有具体实现。抽象类(abstract)抽象类(abstract)
2024-10-08 22:46:27
254
原创 【TypeScript】知识点梳理(三)
void前面提到了代表空,但有个特殊情况,是空不是空,细谈是取舍,但我们不深究hhh#定义了空,返回非空值,理论上不正确,但编译成功。但是,即使拿到了值,void其中一个特点就是。调用者不应该依赖该返回值进行任何操作。,所以依旧是有限制的。
2024-10-06 21:03:58
263
原创 【TypeScript】不想成为any工程师的挣扎中……
试过补充undefined / 类型断言 / 引入RefObject,但都行不通,用any也不合理呀……虽然不提示了,但治标不治本~#前面写了一个react+ts的案例#但是编译器总是报出类型不匹配。
2024-09-10 00:38:28
170
原创 【React】Hooks混合应用
官方现在也是推荐使用函数式组件,非类式组件,那没有了this就不太好操作,这时候就需要使用到hooks#),会故意使组件重新渲染两次,以便更容易发现潜在的副作用和其他问题。最常用的有useRef、useState、useEffect。Q: useEffect首次渲染为什么打印了两次?今天结合这三个写了一个案例。A: 开启了严格模式(
2024-09-10 00:28:06
213
原创 【webpack】配置加载器
使用原因:webpack本身只能处理js模块,但通过Loader也可以转换其他类型文件。总的来说,第一种以加载器为编写维度,第二种以处理文件类型思考。loader--处理模块文件的转换工具。适用于 webpack 1.x版本。适用于 webpack 2.x版本。匹配的文件指定对应的加载器数组。
2024-09-06 11:50:17
282
原创 【React+Antd】时代在变迁,它们在进化
1. 这段用的ts,document.getElementById('root')!是一个非空断言操作符,用于告诉编译器结果不会是null或undefined。2. StrictMode开启严格模式,帮助在开发过程中发现潜在的问题。React从我学习用的17也升了一个大版本到18辽。Bilan:框架都在改进借鉴,不持续学习怎行捏……的RTL版本还是4.24.16,未来可期~新入口函数,用于创建一个新的React根。以前考虑到文件大,还得按需引入。#果然一阵不碰就更新换代#使用趋向友好,但目前。
2024-08-28 00:07:45
293
原创 【svg】关于颜色的那些事
但是在让UI设计师切图后,肉眼看总是觉得同一颜色编码下,svg格式图片和style设置颜色的不一样,但是放大svg图片后看着又一致了,总的来说:色块密集了,肉眼看着颜色加深了,好比一群松散的人和紧挨的人群看上去的乌压压的程度……#开发中用到的图标除了组件库提供出来的icon,还有本地文件:png、img、svg#……可能和编码方面关联不大,但是。
2024-08-21 23:54:38
512
原创 【CSS】webpack插件mini-css-extract-plugin
这个标题有点东北铁锅大乱炖那味了……##其实就是要介绍项目中使用到的。
2024-08-21 00:31:51
331
原创 【Less/Sass】批量生成样式
平时我们总是循规蹈矩写死样式,习惯思维 A is A, B is B,最近也是学到了一种新方式,CSS里也是可以像执行function一样,批量生成样式,减少重复相似的样式定义#
2024-08-19 23:50:09
234
原创 【TypeScript】Triple-Slash Directive引用文件
工作中的一个乌龙,还是源于知识的薄弱……#规范上约定不提交注释代码,我就去提醒了……#原来一点毛病都没有,这是正确的写法,和注释没有半点瓜葛……
2024-08-15 23:21:26
131
原创 【CSS】align-items和justify-content傻傻分不清
最近也分享过垂直居中的几种方式,其实就提到了align-items和justify-content,其实在开发中我也常混淆哪个是纵轴的哪个是横轴的,但因为他俩总是成对出现,直接俩center完事。但是吧,偶尔也是想起来又查一查……以后,想起来align-items有items证明这个方向是可以有n个轴的,遂指向交叉轴;justify-content是对应一个content,故为主轴。》,也帮助我成功记忆住了。虽然主旨不是帮我们区分横纵,但是看完这个,再结合这图,一下也就清晰了。
2024-08-13 23:42:26
202
原创 【leetcode】用最少数量的箭引爆气球(一题可发散多点)
每日一刷#海量刷题固然有用,但一道好题利用好就是事半功倍,不断优化的过程中,也是发散思维的训练与扩充补漏的过程区间、贪心算法、复杂度、splice函数。
2024-07-06 13:57:42
402
原创 【leetcode】插入区间
2. 遍历,对于有交集的区间(后一个区间的头要与前一个区间有数值上的重合)再做处理:将后一个区间合入前一个区间中,因为前面已经做过排序,无需处理头,只需判断尾数值取哪个,删除后一个区间。1. 将新数组组合后排序,得到一个有顺序的区间范围。
2024-07-05 19:41:04
189
原创 window.open打开新窗口被拦截
第三种方案还要考虑安全漏洞(会话劫持,so补充noopener noreferrer)与代码的健壮性(如果接口报错了,要关闭空白页)从浏览器安全角度来说,它的策略也是合理的,所以见仁见义吧,看如何评估……浏览器检测到非用户操作产生的新弹出窗口,则会对其进行阻止。因为浏览器认为这可能是一个广告。项目中真实遇到此场景,但是出现频率极低,应与浏览器所处于的稳定状态也有关系。增加按钮,数据返回后高亮,再支持点击打开新页面(该方案被产品否了)ajax请求后,then中进行新窗口的打开,当前窗口打开则未出现。
2024-05-13 23:20:58
1107
原创 leetcode 练习集锦(持续更新)
收录一些leetcode刷到的题,根据解题思路来分类了,也是当作帮自己归纳总结吧。持续刷题,日日刷,日日新,日日精~加油💪坚持!
2024-05-08 22:22:09
285
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人