赤蓝紫
使用物理引擎matterjs实现键盘特效动画 使用物理引擎matterjs实现键盘特效动画 使用物理引擎matterjs实现键盘特效动画
使用物理引擎matterjs实现键盘特效动画前言偶然间看到一个网站magickeyboard，觉得这个动画很炫酷。就收藏了一下，在稍微学习了一下matterjs后，打算跟着源码学习，弄懂并且自己实现一个。 准备先安装matter-js和we
2023-09-11 前端
动画
VSCode前端调试的几种场景 VSCode前端调试的几种场景 VSCode前端调试的几种场景
VSCode前端调试的几种场景前言 看了神光的前端调试秘籍通关，以及查询一些资料后总结的。这本小册真的强烈推荐，非常有用，非常有用。 VSCode实现调试主要就是靠的编写lauch.json文件来实现。下面就来看看几种场景。 普通页面12
2023-03-22 前端
调试
figlet和chalk实现多彩文字 figlet和chalk实现多彩文字 figlet和chalk实现多彩文字
figlet和chalk实现多彩文字前言最近，在搞一个小工具。用脚本架那套工具来实现批量修改文件(夹)、删除文件(夹)的操作。大体功能实现后，决定再加一下figlet来炫一下，但是后面发现不太支持配合chalk来实线多彩文字，百度大法也没起
2023-03-03 前端
JavaScript
JS手撕(十一) 选择排序、快速排序 JS手撕(十一) 选择排序、快速排序 JS手撕(十一) 选择排序、快速排序
JS手撕(十一) 选择排序、快速排序选择排序原理选择排序原理就是每次从未排序序列中选择最小元素，放到已排序序列的末尾。 那么如何选择最小元素，并把最小元素放到已排序序列的末尾？ 只需要遍历寻找最小的数，并保存最小数的索引。遍历完之后，让最小
2022-12-24 前端
JavaScript 手撕 排序算法
JS手撕(十) 冒泡排序、插入排序 JS手撕(十) 冒泡排序、插入排序 JS手撕(十) 冒泡排序、插入排序
JS手撕(十)    冒泡排序、插入排序冒泡排序原理冒泡排序原理就是依次比较相邻元素，如果前面的比后面的大，那就互换位置。从第一对比到最后一对。第一轮比较完最大的数就会浮到最右边，第二轮，第二个大叔浮
2022-12-24 前端
JavaScript 手撕 排序算法
JS手撕(九) 常用Promise API JS手撕(九) 常用Promise API JS手撕(九) 常用Promise API
JS手撕(九) 常用Promise API前言上一篇已经手撕了一个简单版本的Promise。现在就在继续手撕常用的Promise API。 Promise.resolve()Promise.resolve(value)方法返回一个以给定值解
2022-12-24 前端
JavaScript 手撕
js-手撕8 js-手撕8 js-手撕8
JS手撕(八) PromisePromise实现Promise的原理之前有写过两篇博客，就不细讲了。 但还是需要简单复习一下下。 Promise构造函数的实现promise的状态一开始是pending，只能从pending变为resolve
2022-12-24 前端
JavaScript 手撕
JS手撕(七) 事件总线 JS手撕(七) 事件总线 JS手撕(七) 事件总线
JS手撕(七)    事件总线事件总线事件总线是什么呢？事件总线其实就是发布订阅模式的一种实现。 学习JS的话，就一定会接触到事件的概念。比如给一个按钮绑定点击事件，绑定事件后，点击按钮会触发回调函数
2022-12-24 前端
JavaScript 手撕
JS手撕(六) trim、模板字符串、千分位分隔符 JS手撕(六) trim、模板字符串、千分位分隔符 JS手撕(六) trim、模板字符串、千分位分隔符
JS手撕(六)    trim、模板字符串、千分位分隔符trim去掉字符串两边的空格。 1234function myTrim(str) { const reg = /^\s+|\s+$/g; r
2022-12-24 前端
JavaScript 手撕
JS手撕(五) new、Object.create()、Object.assign() JS手撕(五) new、Object.create()、Object.assign() JS手撕(五) new、Object.create()、Object.assign()
JS手撕(五)    new、Object.create()、Object.assign()new关键字实现new关键字，首先得了解一下new关键字究竟干了什么。 new关键字主要干了四件事： 创建
2022-12-24 前端
JavaScript 手撕
JS手撕(四) call、apply、bind、柯里化、偏函数 JS手撕(四) call、apply、bind、柯里化、偏函数 JS手撕(四) call、apply、bind、柯里化、偏函数
JS手撕(四)    call、apply、bind、柯里化、偏函数callcall()方法就是使用一个指定的this值和一个或多个参数来调用一个函数。 所以原理就是给传入的第一个参数添加临时方法，然
2022-12-24 前端
JavaScript 手撕
JS手撕(三) 节流、防抖 JS手撕(三) 节流、防抖 JS手撕(三) 节流、防抖
JS手撕(三)    节流、防抖节流和防抖前端开发中会遇到一些频繁的事件触发，像是resize、scroll、mousedown、mousemove、keyup、keydown等。 可能造成的问题：
2022-12-24 前端
JavaScript 手撕
2 / 12