bu_leng的博客

Web Component本身不是一个规范，而是一组技术的应用，Web Component现阶段主要分为三部分：`Custom element`、`Shadow DOM`、`Template`。通过它们的搭配使用，可以让我们在不借助第三方框架（react，vue）的情况下，构建独立的，可重用的自定义组件。

useRequest是一个异步数据管理的hooks，是ahooks Hooks库的核心hook，因为其通过插件式组织代码，大部分功能都通过插件的形式来实现，所以其核心代码行数较少，简单易懂，还可以支持我们自定义扩展功能。可以说，useRequest能处理React项目绝大多数的网络请求场景。让咱自己写可能写不出来，那就先从模仿开始，通过阅读useRequest的代码，从中学习大佬们的代码逻辑和思维处理。ahooks：文中代码基于3.7.2版本。

背景上周分享了对象属性的两种类型，vue2通过相关定义实现了数据劫持，但是这个实现方式有一定的缺陷，比如他无法监听数组的变化，在比如他只能劫持对象的属性，因此实现的时候需要对每个对象的每个属性进行遍历。因此vue3的时候就换了实现方式 Proxy和Reflect。正文代理和反射是ES6增加的内容，它为我们提供了拦截并向基本操纵嵌入额外行为的能力。他可以用作目标对象的替身。看概念可能有些抽象，我们可以先实现一个简单的代理。定义一个简单的代理ES6给我们提供了Proxy构造函数让我们来创建代理。这个构

开头好久不见；我又来了，下周分享会到我了，提前准备好；绞尽脑汁不知道讲点啥，简单的怕被嫌弃，难的又讲不懂 ????该文的定义/术语等摘抄大量同类文章，掘金上相关文档都翻遍了，这摘点那摘点，我都忘了有哪些了，就不一一放链接了；代码技术栈： react + 少量的antd；什么是设计模式设计模式是一种可复用的解决方案，用于解决软件设计中遇到的常见问题；通俗的讲 设计模式是一套被反复使用，多数人知晓的，经过分类的，代码设计经验的总结。是在开发过程中，针对特殊问题/场景的更优的解决方案怎么用

开头好久不见；我又来了，下周分享会到我了，提前准备好；绞尽脑汁不知道讲点啥，简单的怕被嫌弃，难的又讲不懂 ????该文的定义/术语等摘抄大量同类文章，掘金上相关文档都翻遍了，这摘点那摘点，我都忘了有哪些了，就不一一放链接了；代码技术栈： react + 少少量的antd；什么是设计模式设计模式是一种可复用的解决方案，用于解决软件设计中遇到的常见问题；通俗的讲 设计模式是一套被反复使用，多数人知晓的，经过分类的，代码设计经验的总结。是在开发过程中，针对特殊问题/场景的更优的解决方案怎么用

今天我们项目老大给我们分享了这样一个问题，记录一下。 在实现某个功能的时候, 要写一个时间转换的函数， 大概就是传递一个Moment对象进去， 然后给我返回一个格式为YYYY-MM-DD HH：mm：ss的字符串， 如果参数是undefined， 就不做处理，返回undefined； 然后写了这样一个函数：function handleDateFormat(date?: moment.Moment): string | undefined { if (!date) { return ; }

下载文件时一般后端会告知你服务器静态目录的文件路径，直接window.location.href下载即可；如果后台服务器没有可供下载的静态资源，返回的是一个文件流，则使用下面的方式；通过URL.createObjectUrl（）生成url，创建a标签，href指向这个url，download指向文件名，触发点击事件，进行下载；URL.createObjectUrl()URL.createObjectURL() 静态方法会创建一个 DOMString，其中包含一个表示参数中给出的对象的URL。这个 U