发现个有意思的数独变体—杀手数独
之所以叫杀手数独（Killer Sudoku），是因为它结合了标准数独的唯一性规则和加法运算，需要花费更多的时间去解题，可以说是“时间杀手”。 它的规则如下： 1.在所有行/列/宫内填写数字1-9，且不重复 2.虚线框左上角的数字...
使用 imagemin、imagemin-webp 优化图片加载
有个 vite+vue3 项目的首页图片较多，加载速度较慢，所以使用webp图片来优化一下页面加载速度。 1.安装依赖 处理图片相关： npm install imagemin@8.0.1 imagemin-webp@7.0.0 cwebp-bin -D 处理路径相关： npm insta...
从零搭建React前端项目
记录一下学习 React + Vite + TypeScript 搭建项目的过程 一、初始化项目 1.创建项目 npm create vite 输入my-react-app，选择react、typescript cd my-react-app npm install 2.目录结构 没有的文件夹需要...
分享两个实用工具
一个是用于局域网文件传输工具localsend（https://localsend.org/zh-CN），可跨平台使用Windows、macOS、Linux、Android和iOS，免费。 之前想把手机里的视频传给电脑，不想用数据线，用了某Q的面对面快传，各种问题，localsend就...
几个前端性能优化的方法
一、 路由懒加载 1.Vue // router.js import { createRouter, createWebHistory } from 'vue-router'; const routes = [ { path: '/dashboard', component: () => import(/* webp...
一阵劲爆的电橘他
喜欢这个表情哩，但是静态图，怎么够劲爆？！那就给它来点动画~ 首先需要先把橘猫抠图抠下来，再准备个炮火和圆环的图片。以表情包原图作为背景图，使用绝对定位将素材进行摆放，记得加上z-index来控制图片的层级。 <...
在matplotlib.pyplot.contourf中自定义Colormap
在绘制等高线图的时候，因为有些图的色卡是渐变的，有些又存在上下扩展，在配置色卡时就会有些混乱，所以后面通过自己创建colormap（简称cmap）对象来定义色标。 首先看需求给的色卡是什么样的，是否渐变以及扩展方式，然后给出对...
Vue2升级Vue3中容易遇到的问题
最近在将一个运行了3年的Vue2项目升级到Vue3，过程中踩了不少坑，在此记录一下。 一、生命周期钩子 1. 被移除的钩子 beforeDestroy → 改用 beforeUnmount destroyed → 改用 unmounted 2. 组合式API中的异...
介绍一些js插件的用法
最近在项目中尝试了几个实用的JavaScript插件，发现能极大提升开发效率，分享四个高频使用的工具——分别用于农历转换、轮播图实现、剪切板操作和多语言适配。 一、农历插件：chinese-lunar-calendar 在项目中需要显示农历日...
nvm、nrm
一、node版本管理工具 —— nvm nvm是node版本管理器，可以方便的安装或切换不同版本的node，安装nvm之前需要先把电脑上的node卸载，卸载之前记一下版本号方便一会安装回来。nvm下载地址：https://github.com/coreybutler/nvm-windo...