m0_64697285的博客

JavaScript 箭头函数随着 ECMAScript 2015（也称为 ES6）的发布而出现。由于其简洁的语法和对**关键字的处理，箭头函数很快成为开发人员最喜欢的功能。

是React新增的特性，可以让我们在函数组件中使用状态和生命周期方法等与类组件相同的功能。本文将介绍的用法和常见的应用场景。

异步获取 Markdown 文件，返回一个 Promise，可以使用该函数自定义 Markdown 文件的获取方法，比如请求远程 API 或本地文件。当然，Docsify 提供的 API 还有很多，可以根据实际需求去查找相关文档。可以在该函数内部添加一些逻辑控制，比如监控文档的变化等。可以使用 Github Pages 等静态网站托管平台将文档网站部署到远端，具体方式可参考相应平台的文档。该 API 可以在文档发生变化时重新定位当前位置，非常实用。指定了文档存放的位置，也可以指定为其他路径。

这是的核心组件，它是必须的。您需要在应用程序级别声明一个组件，以便应用程序能够使用拖放功能。组件需要一个名为onDragEnd的函数作为其属性。在拖动操作结束时，该函数会被调用，并传递一个包含有关拖动操作的详细信息的对象。// TODO: 处理拖动结束的逻辑 }DroppableDroppable组件用于指定一个可放置的区域。：该属性需要一个标识符字符串，用于区分不同的Droppable组件。children：该属性应该是一个函数，它返回一个可渲染的React组件。通常，您将需要把Draggable。

是一种将数组元素按照特定方法合并的方法，它可以应用一个合并函数到数组中的每个元素，然后将其结果合并为一个最终值。是一种筛选数组的方法，它可以应用一个筛选函数到数组中的每个元素，并返回一个包含筛选结果的新数组。是一种转换数组的方法，它可以应用一个转换函数到数组中的每个元素，并返回一个包含转换结果的新数组。是一种寻找数组元素的方法，它可以应用一个验证函数到数组中的每个元素，并返回第一个符合条件的元素。是一种非常实用的数组方法，它可以方便地迭代数组中的每个元素并执行指定的函数操作。相较传统函数，简化了。

Webpack是一个开源的模块打包工具，它能够将JavaScriptCSS、图片等各种资源，通过模块化的方式打包成静态资源文件，用于在浏览器中显示。Webpack具有丰富的插件和配置选项，可以适应各种不同的前端项目，使得开发人员有更多的空间来构建各种复杂的应用程序。Webpack是一个功能强大的前端打包工具，同时也提供了很多扩展性强的插件和配置选项，相信本文可以帮助初学者更快更好地掌握Webpack。​。

本文介绍了如何使用`React`和其他工具实现一个视频分片并发上传的案例。通过分片上传和并发上传的方式，大大加快了上传速度，提高了用户体验。

lodash是一个JavaScript语言的工具库，提供了很多实用工具函数，可以帮助我们更便捷地对数据进行操作。它的使用非常广泛，可以用于Web开发、后端开发等领域。

Flex布局是一种强大、高效、灵活的布局方式，它是Web页面布局中的一种趋势。通过对容器和子元素的灵活处理，我们可以轻松地实现多种不同的布局效果。在实际开发中，可以根据具体需求结合各种属性来使用Flex布局，以达到最佳的布局效果。

Lodash是一个著名的javascript原生库，不需要引入其他第三方依赖。是一个意在提高开发者效率,提高JS原生方法性能的JS库。简单的说就是，很多方法lodash已经帮你写好了，直接调用就行，不用自己费尽心思去写了，而且可以统一方法的一致性。Lodash使用了一个简单的_ 符号，就像Jquery的 $ 一样，十分简洁。类似的还有和Lazy.jsNPM下载先全局安装，在单独安装到项目中node.js。

逻辑运算符 ! - 非运算可以对一个布尔值进行取反，true变false false边true - 当对非布尔值使用!时，会先将其转换为布尔值然后再取反 - 我们可以利用!来将其他的数据类型转换为布尔值 && - &&可以对符号两侧的值进行与运算 - 只有两端的值都为true时，才会返回true。只要有一个false就会返回false

使用@craco/craco修改或覆盖webpack配置

还有涉及到数组的扁平化处理，为啥不用ES6提供的flat方法呢，还好这次的数组的深度最多只到2维，还要是遇到4维、5维深度的数组，是不是得循环嵌套循环来扁平化？这是一位leader在一次代码评审会对小组成员发出的“怒吼”，原因是在代码评审中发现很多地方还是采用ES5的写法，也不是说用ES5写法不行，会有BUG，只是造成代码量增多，可读性变差而已。

目前流行的HTTP库有很多，从最开始的原生XHR，到JQ ajax，再到现在fetch API，Axios，Superagent，其实选用哪一个库都可以，他们都有自己的优势，就看你是想更加方便地无脑式操作还是想从更底层地去调用和封装出你想要的效果，重点是你得清楚了解你选用的库所提供的API，尽其所用。有了适配层的封装，我们可以更专注于业务上的逻辑处理，为了提高代码的复用性，我们可以根据业务需求，在适配层的基础上再加一层业务层。所谓的接口数据规范化，其实就是对请求数据和响应数据的格式进行严格的约束。

nvm和n都是node.js版本管理工具，为了解决node.js各种版本存在不兼容现象可以通过它可以安装和切换不同版本的node.js。如果下载node过慢，请更换国内镜像源, 在 nvm 的安装路径下，找到 settings.txt，设置node_mirro与npm_mirror为国内镜像地址。版本号 使用指定版本的nodejs （ 这时会发现在启用的 node 版本前面有 * 标记，这时就可以使用 node.js ）root: D:
vm（此路径代表安装nvm的时候nvm安装的地址）

proxy，默认为NULL，类型为URL，一个为了发送http请求的代理 在平时开发时，尤其前后端分离时，需要假数据来进行模拟请求，这个时候就需要。所以，可以在 /src/setupProxy.js 中配置。在新版本大于等于 1.0.0 时使用会出现如下问题。package.json 中配置（不推荐）文件中使用，也就是说只在开发时使用。package.json 中配置。所以需要使用新版本的写法才可以。则经过代理后可以转为。则经过代理后可以转为。

是一个处理时间的工具库，一般在工作中遇到需要转换时间格式的基本上会utils封装一个方法来转换一下，昨天由于这个项目里边时间转换用的是这个工具那就来了解一下吧，date-fns工具库体积小，但是常规处理基本都囊括了，基本上看一两遍就记得住了。11.parseISO()：将字符串形式的日期转换成Date格式的日期。7.startOfMonth()：获取传入日期所在月份的第一天的时间。9.subDays(): 获取传入日期n天以前的日期。：获取传入日期所在年份的第一天的时间。： 获取传入时间之前n小时的时间。

jQuery提供了一系列工具方法，用来判断数据类型，以弥补JavaScript原生的typeof运算符的不足。jQuery.isPlainObject():是否为使用“{}”或“new Object”生成对象，而不是浏览器原生提供的对象。jQuery.isXMLDoc(): 判断一个DOM节点是否处于XML文档中。jQuery.isWindow(): 是否为window对象；jQuery.isFunction():是否为函数。jQuery.isNumberic():是否为数字。

git 常用内容，代码上传，拉取，创建分支，合并Git 创建仓库。创建一个git仓库有如下几种方式：git init：初始化一个git仓库。git …Git 基本指令的使用。下面介绍一下git中常用的几种命令：git config：配置信息。git add：添 …Git的分支管理。几乎每种版本控制系统都支持分支管理，使用分支我们可以从主干中分离出 …Git查看提交历史。在使用 Git 提交了若干更新之后，又或者克隆了某个项目，想回顾下提交 …

一、var1、在ES5中，顶层对象的属性和全局变量是等价的，用var顶层对象，在浏览器环境指的是window对象，在Node指的是global对象2、使用var声明的变量存在变量提升的情况3、使用var在函数中使用使用var声明变量时候，该变量是局部的而如果在函数内不使用var，该变量是全局的二、let1、let是ES6新增的命令，用来声明变量2、用法类似于var，但是所声明的变量，只在let只要块级作用域内存在let命令，这个区域就不再受外部影响3、使用letlet三、const1、...