赤蓝紫
简单探析canvas-nest 简单探析canvas-nest 简单探析canvas-nest
简单探析 canvas-nest流程 绘制流程： 遍历每一个非鼠标点，绘制点。 在遍历到每个点的时候，并且从下一个点（包括鼠标点）开始遍历，判断其他点有没有在当前点的吸附区域内。 如果在，需要画线。当前点之前的不需要遍历是因为，当前点是否
2024-02-19 前端
动画
简单探析rellax 简单探析rellax 简单探析rellax
简单探析rellax核心视差公式 1(posY - blockTop + screenY) / (blockHeight + screenY) 如上图所示，视差公式有两个边界值1和0，当值在0到1之间时，代表元素在视口中（可能只是又一
2024-02-18 前端
动画
工作的一些问题记录（一） 工作的一些问题记录（一） 工作的一些问题记录（一）
工作的一些问题记录（一）TypeScripttsconfig.js 配置路径别名12345678910{ "compilerOptions": { "module": "Node16", "moduleResolution":
2023-12-30 前端
git docusaurus
matterjs 实现弹珠台 matterjs 实现弹珠台 matterjs 实现弹珠台
matterjs 实现弹珠台webpack 构建12345678910111213141516171819202122232425<!DOCTYPE html><html lang="en"> <head&g
2023-12-21 前端
动画
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 手撕 排序算法
2 / 13