天渺(喵)工作室

Vite压缩插件 vite-plugin-pack-orchestrator 提供更强大的构建压缩功能。相比现有插件，它支持多种压缩格式（ZIP/TAR/TAR.GZ/7Z），自动生成文件校验（MD5/SHA1/SHA256），支持文件名模板占位符（版本号、时间戳、哈希值），并提供丰富的钩子函数（构建前后回调）。特别适合需要严格版本控制的发布场景，可自动生成带校验信息的压缩包，方便CI/CD流程集成。通过配置fileName占位符和onAfterBuild钩子，能灵活控制输出文件名格式，满足不同部署

本文介绍了多款复古风格的UI组件库，涵盖8-bit像素风、Windows系统复古风等多种风格。重点推荐3个库：NES.css（纯CSS 8-bit风格）、Pxlkit（React像素3D组件+图标）、Neobrutalism（新粗野主义）。其他经典复古库包括还原Windows 95/XP/7和Mac OS系统风格的组件库，以及手绘草稿风格的PaperCSS。这些库适用于不同技术栈，为开发者提供多样化的复古UI选择。

检测AdBlock/AdBlock Plus开启状态方法已失效了，于是专门研究了一下。并尝试了很多方法。验证成功按照EasyList的默认拦截规则反着来，确实可以触发被AdBlock/AdBlock Plus拦截，只要检测对应的文件是否加载成功就能确定是否被AdBlock/AdBlock Plus默认规则拦截了。

react-router V6版本路由用法和V5用法差距较大,接一个简单的使用案例新版本组件也开始使用函数式组件+hooks"react-router-dom": "^6.2.1",1.入口mainimport "./App.css";import { BrowserRouter, Route, Routes, Navigate } from "react-router-dom";import Index from "./modules/index/Index";import E.

在react项目中使用redux的简单案例1.安装reduxnpm install redux --save2.使用redux store目录文件分配

PS:mobx6版本以后官方不建议使用@observable装饰器了 可看官方案例https://mobx.js.org/the-gist-of-mobx.html脚手架 create-react-app目录 一、安装二、配置package.json三、定义mobx的store四、在页面中使用mobx,并且通过action 改变mobx一、安装//npm yarn 随需求，尽量不要混用，混用有些资源可能会出现掉包yarn add mobxy...

上次用react-router 的时候 还是3.x 很久不用 已经到react-router5.x 了废话不多说 上代码配置react: ^16.8.6,react-dom: ^16.8.6,react-router: ^5.0.0,react-router-dom: ^5.0.0,路由配置import {HashRouter as Router,Route...

脚手架 create-react-app一、安装//npm yarn 随需求，尽量不要混用，混用有些资源可能会出现掉包yarn add mobxyarn add mobx-react// 版本号"mobx": "^6.3.2","mobx-react": "^7.2.0",二、配置package.json1.把隐藏的webpack暴露出来，释放之前记得请先提交代码 git commit 一次yarn run eject2.安装@babel/plugin-prop..

在react中引入mobx，vscode提示对修饰器的实验支持功能在将来的版本中可能更改。在 “tsconfig“ 或 “jsconfig“ 中设置 “experimentalDecorators“ 选项以删除此警告配置一下vscode配置就行。window系统:1.vscodea左下角齿轮设置 => 设置2.搜索experimentalDecorators3.勾选Mac系统:1. code => 首选项 =>设置2.搜索experime...

在react 中,路由重定向的核心就是Redirect 的,不论是单层路由还是多层import { HashRouter,BrowserRouter, Route,Router, Link, Redirect, Switch} from "react-router-dom";import Header from './components/Header';import Login from './page/Login/index';import Register from './page/Log

在react中，如果遇到redux的connect 和 一般组件跳转的withRouter 同时使用...import React from 'react';import {connect} from 'react-redux'import { withRouter } from "react-router-dom";class MyHeader extends Component {}const mapStateToProps=(state)=>{ return .