赤蓝紫
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。并在so
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 前端
动画
Github Actions实现每日图片 Github Actions实现每日图片 Github Actions实现每日图片
Github Actions实现每日图片首先，直接去konachan官网看它的api，可以通过https://konachan.net/post.json获取图片信息，并且如果添加参数?tags=order%3Arandom则会随机获取。
2023-05-09 小技能
Github Actions
puppeteer无头浏览器体验小爬 puppeteer无头浏览器体验小爬 puppeteer无头浏览器体验小爬
puppeteer无头浏览器体验小爬介绍 Puppeteer 是一个 Node 库，它提供了高级的 API 并通过 DevTools 协议来控制 Chrome(
2023-05-09 Nodejs
puppeteer Nodejs
让代码能访问外网 让代码能访问外网 让代码能访问外网
让代码能访问外网众所周知，国内是没有办法直接访问外网的，而我们查东西很多时候都会用Google来进行搜索（百度的SEO不太友好，每次查对应内容，官网经常会在挺后面），比如使用v2ray等工具。 但是使用工具的话，代码也没法fq，即使配置了系
2023-05-09 小技能
代理
Github Actions 定时任务 Github Actions 定时任务 Github Actions 定时任务
Github Actions 定时任务前言前几天搞了一波Github Actions学到一波东西，撑着还有学习的热情，继续学一波Github Actions的定时任务。看的阮一峰大佬的天气预报博客，发现有很多有意思的知识点。 定时任务事件实
2023-05-09 小技能
Github Actions
Github Actions实现项目的CI/CD Github Actions实现项目的CI/CD Github Actions实现项目的CI/CD
Github Actions实现项目的CI/CD介绍 当我们想要部署一个项目，需要将开发好的代码打包好，然后把打包后的文件传输到服务器上，并且配置好nginx并且启动nginx。每次我们部署都需要不断重复上面所说的步骤，但是，实际上可以通过
2023-04-02 小技能
CICD
调试用到的几种断点 调试用到的几种断点 调试用到的几种断点
调试用到的几种断点VSCode1. 条件断点顾名思义，就是只有满足条件才会中断的断点。 1.1 表达式断点在表达式结果为真时中断。 简单使用： 123456function add(a, b) { return a + b;}add(1,
2023-03-22 小技能
调试
VSCode前端调试的几种场景 VSCode前端调试的几种场景 VSCode前端调试的几种场景
VSCode前端调试的几种场景前言 看了神光的前端调试秘籍通关，以及查询一些资料后总结的。这本小册真的强烈推荐，非常有用，非常有用。 VSCode实现调试主要就是靠的编写lauch.json文件来实现。下面就来看看几种场景。 普通页面12
2023-03-22 前端
调试
2 / 16