赤蓝紫
i18next、react-i18next实现国际化 i18next、react-i18next实现国际化 i18next、react-i18next实现国际化
i18next、react-i18next实现国际化简单使用i18n.js 1234567891011121314151617181920212223242526272829303132333435363738394041import i1
2023-10-11 前端
i18next 国际化
利用H5实现自动选择二倍图、三倍图 利用H5实现自动选择二倍图、三倍图 利用H5实现自动选择二倍图、三倍图
利用 H5 实现自动选择二倍图、三倍图前言 为了更明显地看出效果，三种情况下的图片用不一样的图片来搞。 picture + -webkit-min-device-pixel-ratio用picture标签来提供source和img。并在
2023-10-09 前端
HTML5
React搭建规范 React搭建规范 React搭建规范
创建项目npx create-react-app react-standard-f –template typescript 1. prettier yarn add prettier –dev .prettierrc 123456789
2023-10-03 前端
规范
使用物理引擎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 手撕
2 / 12