- 博客(27)
- 收藏
- 关注
RSS订阅原创 JavaScript 中的箭头函数：如何使用简洁的语法
JavaScript 箭头函数随着 ECMAScript 2015（也称为 ES6）的发布而出现。由于其简洁的语法和对**关键字的处理，箭头函数很快成为开发人员最喜欢的功能。
2023-08-29 17:47:09
617
原创 React 常用 Hooks 指南
是React新增的特性，可以让我们在函数组件中使用状态和生命周期方法等与类组件相同的功能。本文将介绍的用法和常见的应用场景。
2023-06-13 11:12:19
314
原创 使用Docsify快速搭建目录网站
异步获取 Markdown 文件，返回一个 Promise，可以使用该函数自定义 Markdown 文件的获取方法，比如请求远程 API 或本地文件。当然，Docsify 提供的 API 还有很多，可以根据实际需求去查找相关文档。可以在该函数内部添加一些逻辑控制，比如监控文档的变化等。可以使用 Github Pages 等静态网站托管平台将文档网站部署到远端，具体方式可参考相应平台的文档。该 API 可以在文档发生变化时重新定位当前位置，非常实用。指定了文档存放的位置，也可以指定为其他路径。
2023-05-23 16:56:45
614
原创 如何使用React Beautiful DnD实现拖放排序？-API总结与实例演示
这是的核心组件，它是必须的。您需要在应用程序级别声明一个组件，以便应用程序能够使用拖放功能。组件需要一个名为onDragEnd的函数作为其属性。在拖动操作结束时，该函数会被调用，并传递一个包含有关拖动操作的详细信息的对象。// TODO: 处理拖动结束的逻辑 }DroppableDroppable组件用于指定一个可放置的区域。：该属性需要一个标识符字符串，用于区分不同的Droppable组件。children：该属性应该是一个函数，它返回一个可渲染的React组件。通常，您将需要把Draggable。
2023-05-10 10:49:29
1039
原创 JavaScript 简便、灵巧的用法你用过吗？
是一种将数组元素按照特定方法合并的方法，它可以应用一个合并函数到数组中的每个元素，然后将其结果合并为一个最终值。是一种筛选数组的方法，它可以应用一个筛选函数到数组中的每个元素，并返回一个包含筛选结果的新数组。是一种转换数组的方法，它可以应用一个转换函数到数组中的每个元素，并返回一个包含转换结果的新数组。是一种寻找数组元素的方法，它可以应用一个验证函数到数组中的每个元素，并返回第一个符合条件的元素。是一种非常实用的数组方法，它可以方便地迭代数组中的每个元素并执行指定的函数操作。相较传统函数，简化了。
2023-05-06 16:24:49
141
原创 Webpack是什么？如何使用Webpack
Webpack是一个开源的模块打包工具，它能够将JavaScriptCSS、图片等各种资源，通过模块化的方式打包成静态资源文件，用于在浏览器中显示。Webpack具有丰富的插件和配置选项，可以适应各种不同的前端项目，使得开发人员有更多的空间来构建各种复杂的应用程序。Webpack是一个功能强大的前端打包工具，同时也提供了很多扩展性强的插件和配置选项，相信本文可以帮助初学者更快更好地掌握Webpack。。
2023-05-06 11:51:17
466
原创 react视频上传，视频分片加上传并发
本文介绍了如何使用`React`和其他工具实现一个视频分片并发上传的案例。通过分片上传和并发上传的方式，大大加快了上传速度，提高了用户体验。
2023-05-06 11:17:11
657
原创 lodash的用法详解
lodash是一个JavaScript语言的工具库，提供了很多实用工具函数，可以帮助我们更便捷地对数据进行操作。它的使用非常广泛，可以用于Web开发、后端开发等领域。
2023-04-28 14:27:48
5133
原创 Flexbox布局：使用与实现详解
Flex布局是一种强大、高效、灵活的布局方式，它是Web页面布局中的一种趋势。通过对容器和子元素的灵活处理，我们可以轻松地实现多种不同的布局效果。在实际开发中，可以根据具体需求结合各种属性来使用Flex布局，以达到最佳的布局效果。
2023-04-28 14:11:50
366
原创 lodash这几个方法大大提高你的开发速度
Lodash是一个著名的javascript原生库，不需要引入其他第三方依赖。是一个意在提高开发者效率,提高JS原生方法性能的JS库。简单的说就是，很多方法lodash已经帮你写好了，直接调用就行，不用自己费尽心思去写了，而且可以统一方法的一致性。Lodash使用了一个简单的_ 符号，就像Jquery的 $ 一样，十分简洁。类似的还有和Lazy.jsNPM下载先全局安装，在单独安装到项目中node.js。
2022-11-16 15:14:22
1082
原创 js常用运算符总结
逻辑运算符 ! - 非运算可以对一个布尔值进行取反，true变false false边true - 当对非布尔值使用!时，会先将其转换为布尔值然后再取反 - 我们可以利用!来将其他的数据类型转换为布尔值 && - &&可以对符号两侧的值进行与运算 - 只有两端的值都为true时，才会返回true。只要有一个false就会返回false
2022-11-08 17:05:43
203
原创 es6语法的一些小细节，和用法。
还有涉及到数组的扁平化处理，为啥不用ES6提供的flat方法呢，还好这次的数组的深度最多只到2维，还要是遇到4维、5维深度的数组，是不是得循环嵌套循环来扁平化？这是一位leader在一次代码评审会对小组成员发出的“怒吼”，原因是在代码评审中发现很多地方还是采用ES5的写法，也不是说用ES5写法不行，会有BUG，只是造成代码量增多，可读性变差而已。
2022-10-26 15:38:20
295
原创 前端写代码组件必须要封装的很好吗？
目前流行的HTTP库有很多，从最开始的原生XHR，到JQ ajax，再到现在fetch API，Axios，Superagent，其实选用哪一个库都可以，他们都有自己的优势，就看你是想更加方便地无脑式操作还是想从更底层地去调用和封装出你想要的效果，重点是你得清楚了解你选用的库所提供的API，尽其所用。有了适配层的封装，我们可以更专注于业务上的逻辑处理，为了提高代码的复用性，我们可以根据业务需求，在适配层的基础上再加一层业务层。所谓的接口数据规范化，其实就是对请求数据和响应数据的格式进行严格的约束。
2022-10-21 17:20:32
531
原创 nvm的安装和使用（详细）
nvm和n都是node.js版本管理工具，为了解决node.js各种版本存在不兼容现象可以通过它可以安装和切换不同版本的node.js。如果下载node过慢，请更换国内镜像源, 在 nvm 的安装路径下，找到 settings.txt，设置node_mirro与npm_mirror为国内镜像地址。版本号 使用指定版本的nodejs （ 这时会发现在启用的 node 版本前面有 * 标记，这时就可以使用 node.js ）root: D:\nvm（此路径代表安装nvm的时候nvm安装的地址）
2022-10-14 12:42:51
74531
5
原创 React 使用 Proxy 代理（create-react-app）
proxy，默认为NULL，类型为URL，一个为了发送http请求的代理 在平时开发时，尤其前后端分离时，需要假数据来进行模拟请求，这个时候就需要。所以，可以在 /src/setupProxy.js 中配置。在新版本大于等于 1.0.0 时使用会出现如下问题。package.json 中配置（不推荐）文件中使用，也就是说只在开发时使用。package.json 中配置。所以需要使用新版本的写法才可以。则经过代理后可以转为。则经过代理后可以转为。
2022-10-12 12:47:11
2774
原创 时间转换，时间格式转换，date-fns使用方法
是一个处理时间的工具库，一般在工作中遇到需要转换时间格式的基本上会utils封装一个方法来转换一下，昨天由于这个项目里边时间转换用的是这个工具那就来了解一下吧，date-fns工具库体积小，但是常规处理基本都囊括了，基本上看一两遍就记得住了。11.parseISO()：将字符串形式的日期转换成Date格式的日期。7.startOfMonth()：获取传入日期所在月份的第一天的时间。9.subDays(): 获取传入日期n天以前的日期。：获取传入日期所在年份的第一天的时间。： 获取传入时间之前n小时的时间。
2022-09-28 10:35:44
5048
原创 js判断数据类型的五种方法
jQuery提供了一系列工具方法，用来判断数据类型，以弥补JavaScript原生的typeof运算符的不足。jQuery.isPlainObject():是否为使用“{}”或“new Object”生成对象，而不是浏览器原生提供的对象。jQuery.isXMLDoc(): 判断一个DOM节点是否处于XML文档中。jQuery.isWindow(): 是否为window对象；jQuery.isFunction():是否为函数。jQuery.isNumberic():是否为数字。
2022-09-26 14:50:56
6189
原创 git 常用命令
git 常用内容，代码上传，拉取，创建分支，合并Git 创建仓库。创建一个git仓库有如下几种方式：git init：初始化一个git仓库。git …Git 基本指令的使用。下面介绍一下git中常用的几种命令：git config：配置信息。git add：添 …Git的分支管理。几乎每种版本控制系统都支持分支管理，使用分支我们可以从主干中分离出 …Git查看提交历史。在使用 Git 提交了若干更新之后，又或者克隆了某个项目，想回顾下提交 …
2022-09-23 12:01:23
203
原创 ES6新特性
一、var1、在ES5中，顶层对象的属性和全局变量是等价的，用var顶层对象，在浏览器环境指的是window对象，在Node指的是global对象2、使用var声明的变量存在变量提升的情况3、使用var在函数中使用使用var声明变量时候，该变量是局部的而如果在函数内不使用var，该变量是全局的二、let1、let是ES6新增的命令，用来声明变量2、用法类似于var，但是所声明的变量，只在let只要块级作用域内存在let命令，这个区域就不再受外部影响3、使用letlet三、const1、...
2022-07-27 15:57:27
419
原创 webpack常用loader和plugin
loader是一种打包的方案，webpack默认只识别js结尾的文件，当遇到其他格式的文件后，webpack并不知道如何去处理。此时，我们可以定义一种规则，告诉webpack当他遇到某种格式的文件后，去求助于相应的loader。一个webpack的bundle文件分析工具，将bundle文件以可交互缩放的treemap的形式展示。webpack插件，采用不同的plugin完成各类不同的性需求，热更新，css去重之类的问题。编译时配置全局变量，这对开发模式和发布模式的构建允许不同的行为非常有用。......
2022-07-20 14:56:43
1061
原创 webpack 中的 loader 和 plugin 区别是什么 各有什么用？
plugin即为插件，是一个扩展器，丰富webpack本身，增强功能，针对的是在loader结束之后，webpack打包的整个过程，他并不直接操作文件，而是基于事件机制工作，监听webpack打包过程中的某些节点，执行广泛的任务。loader即为文件加载器，操作的是文件，将文件A通过loader转换成文件B，是一个单纯的文件转化过程。将css提取到一个单独的文件当中。他可以为每一个包含css的js文件创建一个css文件。css-loader解析css文件，并将其处理成标签注入到dom中。...
2022-07-20 14:29:40
1970
原创 2022前端面试题附答案.
开启一个子线程，且子线程的操作不受线程的影响flex、animation、transform、border-radius、box-shadow、opacityfilter：blur()使用getBoundingClientRect或者IntersectionObserver计算指定元素位置，到达一定距离更改指定元素定位为fixed，从而实现sticky的效果文章链接文章链接设置flex-direction样式属性设置flex-wrap样式属性设置justify-content和align-items都为ce
2022-07-18 21:00:57
18314
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人