![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
随手记
文章平均质量分 74
一些不常用的知识点
肆码难椎
好记性不如烂笔头,把学到的东西记下来!
展开
-
期待Web Component的未来
Web Component本身不是一个规范,而是一组技术的应用,Web Component现阶段主要分为三部分:`Custom element`、`Shadow DOM`、`Template`。通过它们的搭配使用,可以让我们在不借助第三方框架(react,vue)的情况下,构建独立的,可重用的自定义组件。原创 2023-03-03 16:56:03 · 172 阅读 · 0 评论 -
ahooks中的核心hook-useRequest(上)
useRequest是一个异步数据管理的hooks,是ahooks Hooks库的核心hook,因为其通过插件式组织代码,大部分功能都通过插件的形式来实现,所以其核心代码行数较少,简单易懂,还可以支持我们自定义扩展功能。可以说,useRequest能处理React项目绝大多数的网络请求场景。让咱自己写可能写不出来,那就先从模仿开始,通过阅读useRequest的代码,从中学习大佬们的代码逻辑和思维处理。ahooks:文中代码基于3.7.2版本。原创 2022-11-25 17:42:32 · 1043 阅读 · 0 评论 -
proxy代理与反射
背景上周分享了对象属性的两种类型,vue2通过相关定义实现了数据劫持,但是这个实现方式有一定的缺陷,比如他无法监听数组的变化,在比如他只能劫持对象的属性,因此实现的时候需要对每个对象的每个属性进行遍历。因此vue3的时候就换了实现方式 Proxy和Reflect。正文代理和反射是ES6增加的内容,它为我们提供了拦截并向基本操纵嵌入额外行为的能力。他可以用作目标对象的替身。看概念可能有些抽象,我们可以先实现一个简单的代理。定义一个简单的代理ES6给我们提供了Proxy构造函数让我们来创建代理。这个构原创 2022-04-11 17:55:08 · 856 阅读 · 0 评论 -
前端常用的策略模式和发布订阅模式及应用
开头好久不见;我又来了,下周分享会到我了,提前准备好;绞尽脑汁不知道讲点啥,简单的怕被嫌弃,难的又讲不懂 ????该文的定义/术语等摘抄大量同类文章,掘金上相关文档都翻遍了,这摘点那摘点,我都忘了有哪些了,就不一一放链接了;代码技术栈: react + 少量的antd;什么是设计模式设计模式是一种可复用的解决方案,用于解决软件设计中遇到的常见问题;通俗的讲 设计模式是一套被反复使用,多数人知晓的,经过分类的,代码设计经验的总结。是在开发过程中,针对特殊问题/场景的更优的解决方案怎么用原创 2021-12-18 19:39:10 · 845 阅读 · 0 评论 -
策略模式和发布订阅模式的使用场景
开头好久不见;我又来了,下周分享会到我了,提前准备好;绞尽脑汁不知道讲点啥,简单的怕被嫌弃,难的又讲不懂 ????该文的定义/术语等摘抄大量同类文章,掘金上相关文档都翻遍了,这摘点那摘点,我都忘了有哪些了,就不一一放链接了;代码技术栈: react + 少少量的antd;什么是设计模式设计模式是一种可复用的解决方案,用于解决软件设计中遇到的常见问题;通俗的讲 设计模式是一套被反复使用,多数人知晓的,经过分类的,代码设计经验的总结。是在开发过程中,针对特殊问题/场景的更优的解决方案怎么用原创 2021-12-10 16:49:11 · 1216 阅读 · 0 评论 -
TS 函数重载
今天我们项目老大给我们分享了这样一个问题,记录一下。 在实现某个功能的时候, 要写一个时间转换的函数, 大概就是传递一个Moment对象进去, 然后给我返回一个格式为YYYY-MM-DD HH:mm:ss的字符串, 如果参数是undefined, 就不做处理,返回undefined; 然后写了这样一个函数:function handleDateFormat(date?: moment.Moment): string | undefined { if (!date) { return ; }原创 2021-07-08 15:16:26 · 10469 阅读 · 0 评论 -
js下载文件
下载文件时一般后端会告知你服务器静态目录的文件路径,直接window.location.href下载即可;如果后台服务器没有可供下载的静态资源,返回的是一个文件流,则使用下面的方式;通过URL.createObjectUrl()生成url,创建a标签,href指向这个url,download指向文件名,触发点击事件,进行下载;URL.createObjectUrl()URL.createObjectURL() 静态方法会创建一个 DOMString,其中包含一个表示参数中给出的对象的URL。这个 U原创 2021-06-17 16:51:17 · 445 阅读 · 0 评论