-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path6ace453b.html
1 lines (1 loc) · 73.8 KB
/
6ace453b.html
1
<!DOCTYPE html><html lang="zh-CN" data-theme="light"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover"><title>前端常用npm库大全-vue,react,通用(持续更新) | 梦洁小站-属于你我的小天地</title><meta name="author" content="梦洁"><meta name="copyright" content="梦洁"><meta name="format-detection" content="telephone=no"><meta name="theme-color" content="#ffffff"><meta name="description" content="构建工具 Name/GitHub/NPM 描述 演示地址 Vite 下一代的前端工具链 Create React App 通过运行一个命令来设置现代 Web 应用程序。 Create React App中文文档 通过运行一个命令来设置现代 Web 应用程序。 Webpackjs 强大的静态模块打包工具，主要用于现代JavaScript应用的构建和打包"><meta property="og:type" content="article"><meta property="og:title" content="前端常用npm库大全-vue,react,通用(持续更新)"><meta property="og:url" content="https://www.dreamlove.top/6ace453b.html"><meta property="og:site_name" content="梦洁小站-属于你我的小天地"><meta property="og:description" content="构建工具 Name/GitHub/NPM 描述 演示地址 Vite 下一代的前端工具链 Create React App 通过运行一个命令来设置现代 Web 应用程序。 Create React App中文文档 通过运行一个命令来设置现代 Web 应用程序。 Webpackjs 强大的静态模块打包工具，主要用于现代JavaScript应用的构建和打包"><meta property="og:locale" content="zh_CN"><meta property="og:image" content="https://dreamos.oss-cn-beijing.aliyuncs.com/gitblog/202408241528979.png"><meta property="article:published_time" content="2024-08-24T15:24:59.000Z"><meta property="article:modified_time" content="2025-01-05T15:24:59.000Z"><meta property="article:author" content="梦洁"><meta property="article:tag" content="前端"><meta name="twitter:card" content="summary"><meta name="twitter:image" content="https://dreamos.oss-cn-beijing.aliyuncs.com/gitblog/202408241528979.png"><link rel="shortcut icon" href="https://oss.dreamlove.top/i/2024/02/02/nw24wu.png"><link rel="canonical" href="https://www.dreamlove.top/6ace453b.html"><link rel="preconnect" href="https://lib.baomitu.com"><link rel="preconnect" href="//busuanzi.ibruce.info"><link rel="stylesheet" href="/css/index.css?v=4.13.0"><link rel="stylesheet" href="https://lib.baomitu.com/font-awesome/6.5.1/css/all.min.css"><link rel="stylesheet" href="https://lib.baomitu.com/fancyapps-ui/5.0.33/fancybox/fancybox.min.css" media="print" onload='this.media="all"'><script>const GLOBAL_CONFIG={root:"/",algolia:{appId:"G7A2D1SYPY",apiKey:"49056313a9be02852c7dbedfcb772831",indexName:"blog",hits:{per_page:20},languages:{input_placeholder:"搜索文章",hits_empty:"找不到您查询的内容：${query}",hits_stats:"找到 ${hits} 条结果，用时 ${time} 毫秒"}},localSearch:void 0,translate:void 0,noticeOutdate:void 0,highlight:{plugin:"highlight.js",highlightCopy:!0,highlightLang:!0,highlightHeightLimit:!1},copy:{success:"复制成功",error:"复制错误",noSupport:"浏览器不支持"},relativeDate:{homepage:!1,post:!1},runtime:"天",dateSuffix:{just:"刚刚",min:"分钟前",hour:"小时前",day:"天前",month:"个月前"},copyright:void 0,lightbox:"fancybox",Snackbar:void 0,infinitegrid:{js:"https://lib.baomitu.com/egjs-infinitegrid/4.11.1/infinitegrid.min.js",buttonText:"加载更多"},isPhotoFigcaption:!1,islazyload:!1,isAnchor:!1,percent:{toc:!0,rightside:!1},autoDarkmode:!1}</script><script id="config-diff">var GLOBAL_CONFIG_SITE={title:"前端常用npm库大全-vue,react,通用(持续更新)",isPost:!0,isHome:!1,isHighlightShrink:!1,isToc:!0,postUpdate:"2025-01-05 15:24:59"}</script><script>(e=>{e.saveToLocal={set:(e,t,o)=>{if(0===o)return;const a={value:t,expiry:Date.now()+864e5*o};localStorage.setItem(e,JSON.stringify(a))},get:e=>{const t=localStorage.getItem(e);if(!t)return;const o=JSON.parse(t);if(!(Date.now()>o.expiry))return o.value;localStorage.removeItem(e)}},e.getScript=(e,t={})=>new Promise((o,a)=>{const n=document.createElement("script");n.src=e,n.async=!0,n.onerror=a,n.onload=n.onreadystatechange=function(){const e=this.readyState;e&&"loaded"!==e&&"complete"!==e||(n.onload=n.onreadystatechange=null,o())},Object.keys(t).forEach(e=>{n.setAttribute(e,t[e])}),document.head.appendChild(n)}),e.getCSS=(e,t=!1)=>new Promise((o,a)=>{const n=document.createElement("link");n.rel="stylesheet",n.href=e,t&&(n.id=t),n.onerror=a,n.onload=n.onreadystatechange=function(){const e=this.readyState;e&&"loaded"!==e&&"complete"!==e||(n.onload=n.onreadystatechange=null,o())},document.head.appendChild(n)}),e.activateDarkMode=()=>{document.documentElement.setAttribute("data-theme","dark"),null!==document.querySelector('meta[name="theme-color"]')&&document.querySelector('meta[name="theme-color"]').setAttribute("content","#0d0d0d")},e.activateLightMode=()=>{document.documentElement.setAttribute("data-theme","light"),null!==document.querySelector('meta[name="theme-color"]')&&document.querySelector('meta[name="theme-color"]').setAttribute("content","#ffffff")};const t=saveToLocal.get("theme");"dark"===t?activateDarkMode():"light"===t&&activateLightMode();const o=saveToLocal.get("aside-status");void 0!==o&&("hide"===o?document.documentElement.classList.add("hide-aside"):document.documentElement.classList.remove("hide-aside"));/iPad|iPhone|iPod|Macintosh/.test(navigator.userAgent)&&document.documentElement.classList.add("apple")})(window)</script><meta name="generator" content="Hexo 7.1.1"></head><body><div id="sidebar"><div id="menu-mask"></div><div id="sidebar-menus"><div class="avatar-img is-center"><img src="https://oss.dreamlove.top/i/2024/02/02/nw24wu.png" onerror='onerror=null,src="/img/404.png"' alt="avatar"></div><div class="sidebar-site-data site-data is-center"><a href="/archives/"><div class="headline">文章</div><div class="length-num">176</div></a><a href="/tags/"><div class="headline">标签</div><div class="length-num">101</div></a><a href="/categories/"><div class="headline">分类</div><div class="length-num">73</div></a></div><hr class="custom-hr"><div class="menus_items"><div class="menus_item"><a class="site-page" href="/"><i class="fa-fw fas fa-home"></i><span> 首页</span></a></div><div class="menus_item"><a class="site-page" href="/link/"><i class="fa-fw fas fa-link"></i><span> 友情和链接</span></a></div><div class="menus_item"><a class="site-page" href="/navigation/"><i class="fa-fw fas fa-link"></i><span> 链接导航</span></a></div><div class="menus_item"><a class="site-page group" href="javascript:void(0);"><i class="fa-fw fas fa-list"></i><span> 私有化导航</span><i class="fas fa-chevron-down"></i></a><ul class="menus_item_child"><li><a class="site-page child" target="_blank" rel="noopener" href="https://mark.123916.xyz/"><i class="fa-fw fas fa-database"></i><span> 导航</span></a></li><li><a class="site-page child" target="_blank" rel="noopener" href="https://cloud.reassurehome.com/"><i class="fa-fw fas fa-hippo"></i><span> Alist(私有)</span></a></li></ul></div><div class="menus_item"><a class="site-page group" href="javascript:void(0);"><i class="fa-fw fas fa-list"></i><span> 工具</span><i class="fas fa-chevron-down"></i></a><ul class="menus_item_child"><li><a class="site-page child" target="_blank" rel="noopener" href="https://short.123916.xyz/027a2"><i class="fa-fw fas fa-paperclip"></i><span> clash免费订阅地址</span></a></li><li><a class="site-page child" target="_blank" rel="noopener" href="https://short.123916.xyz/admin/"><i class="fa-fw fas fa-paperclip"></i><span> 短链接生成</span></a></li></ul></div><div class="menus_item"><a class="site-page group" href="javascript:void(0);"><i class="fa-fw fas fa-list"></i><span> 好玩的</span><i class="fas fa-chevron-down"></i></a><ul class="menus_item_child"><li><a class="site-page child" target="_blank" rel="noopener" href="https://make.girls.moe/#/"><i class="fa-fw fas fa-database"></i><span> 动漫头像制作</span></a></li><li><a class="site-page child" target="_blank" rel="noopener" href="http://dfqshy.ysepan.com/"><i class="fa-fw fas fa-database"></i><span> FC游戏大全网盘</span></a></li><li><a class="site-page child" target="_blank" rel="noopener" href="https://www.yikm.net/"><i class="fa-fw fas fa-database"></i><span> 小霸王</span></a></li><li><a class="site-page child" target="_blank" rel="noopener" href="https://www.return8090.com/"><i class="fa-fw fas fa-database"></i><span> 小霸王(广告多)</span></a></li><li><a class="site-page child" target="_blank" rel="noopener" href="http://farm.dreamlove.top"><i class="fa-fw fas fa-database"></i><span> QQ农场经典版</span></a></li><li><a class="site-page child" target="_blank" rel="noopener" href="https://codepip.com/"><i class="fa-fw fas fa-database"></i><span> CssGame</span></a></li><li><a class="site-page child" target="_blank" rel="noopener" href="https://photo.123916.xyz/"><i class="fa-fw fas fa-database"></i><span> 有趣的照片</span></a></li></ul></div><div class="menus_item"><a class="site-page group" href="javascript:void(0);"><i class="fa-fw fas fa-list"></i><span> 其他</span><i class="fas fa-chevron-down"></i></a><ul class="menus_item_child"><li><a class="site-page child" href="/archives/"><i class="fa-fw fas fa-archive"></i><span> 归档</span></a></li><li><a class="site-page child" href="/about/"><i class="fa-fw fas fa-heart"></i><span> 关于</span></a></li><li><a class="site-page child" target="_blank" rel="noopener" href="https://buy.dreamlove.top/"><i class="fa-fw fas fa-heart"></i><span> 购物</span></a></li></ul></div></div></div></div><div class="post" id="body-wrap"><header class="post-bg" id="page-header" style="background-image:url(https://dreamos.oss-cn-beijing.aliyuncs.com/gitblog/202408241528979.png)"><nav id="nav"><span id="blog-info"><a href="/" title="梦洁小站-属于你我的小天地"><span class="site-name">梦洁小站-属于你我的小天地</span></a></span><div id="menus"><div id="search-button"><a class="site-page social-icon search" href="javascript:void(0);"><i class="fas fa-search fa-fw"></i><span> 搜索</span></a></div><div class="menus_items"><div class="menus_item"><a class="site-page" href="/"><i class="fa-fw fas fa-home"></i><span> 首页</span></a></div><div class="menus_item"><a class="site-page" href="/link/"><i class="fa-fw fas fa-link"></i><span> 友情和链接</span></a></div><div class="menus_item"><a class="site-page" href="/navigation/"><i class="fa-fw fas fa-link"></i><span> 链接导航</span></a></div><div class="menus_item"><a class="site-page group" href="javascript:void(0);"><i class="fa-fw fas fa-list"></i><span> 私有化导航</span><i class="fas fa-chevron-down"></i></a><ul class="menus_item_child"><li><a class="site-page child" target="_blank" rel="noopener" href="https://mark.123916.xyz/"><i class="fa-fw fas fa-database"></i><span> 导航</span></a></li><li><a class="site-page child" target="_blank" rel="noopener" href="https://cloud.reassurehome.com/"><i class="fa-fw fas fa-hippo"></i><span> Alist(私有)</span></a></li></ul></div><div class="menus_item"><a class="site-page group" href="javascript:void(0);"><i class="fa-fw fas fa-list"></i><span> 工具</span><i class="fas fa-chevron-down"></i></a><ul class="menus_item_child"><li><a class="site-page child" target="_blank" rel="noopener" href="https://short.123916.xyz/027a2"><i class="fa-fw fas fa-paperclip"></i><span> clash免费订阅地址</span></a></li><li><a class="site-page child" target="_blank" rel="noopener" href="https://short.123916.xyz/admin/"><i class="fa-fw fas fa-paperclip"></i><span> 短链接生成</span></a></li></ul></div><div class="menus_item"><a class="site-page group" href="javascript:void(0);"><i class="fa-fw fas fa-list"></i><span> 好玩的</span><i class="fas fa-chevron-down"></i></a><ul class="menus_item_child"><li><a class="site-page child" target="_blank" rel="noopener" href="https://make.girls.moe/#/"><i class="fa-fw fas fa-database"></i><span> 动漫头像制作</span></a></li><li><a class="site-page child" target="_blank" rel="noopener" href="http://dfqshy.ysepan.com/"><i class="fa-fw fas fa-database"></i><span> FC游戏大全网盘</span></a></li><li><a class="site-page child" target="_blank" rel="noopener" href="https://www.yikm.net/"><i class="fa-fw fas fa-database"></i><span> 小霸王</span></a></li><li><a class="site-page child" target="_blank" rel="noopener" href="https://www.return8090.com/"><i class="fa-fw fas fa-database"></i><span> 小霸王(广告多)</span></a></li><li><a class="site-page child" target="_blank" rel="noopener" href="http://farm.dreamlove.top"><i class="fa-fw fas fa-database"></i><span> QQ农场经典版</span></a></li><li><a class="site-page child" target="_blank" rel="noopener" href="https://codepip.com/"><i class="fa-fw fas fa-database"></i><span> CssGame</span></a></li><li><a class="site-page child" target="_blank" rel="noopener" href="https://photo.123916.xyz/"><i class="fa-fw fas fa-database"></i><span> 有趣的照片</span></a></li></ul></div><div class="menus_item"><a class="site-page group" href="javascript:void(0);"><i class="fa-fw fas fa-list"></i><span> 其他</span><i class="fas fa-chevron-down"></i></a><ul class="menus_item_child"><li><a class="site-page child" href="/archives/"><i class="fa-fw fas fa-archive"></i><span> 归档</span></a></li><li><a class="site-page child" href="/about/"><i class="fa-fw fas fa-heart"></i><span> 关于</span></a></li><li><a class="site-page child" target="_blank" rel="noopener" href="https://buy.dreamlove.top/"><i class="fa-fw fas fa-heart"></i><span> 购物</span></a></li></ul></div></div><div id="toggle-menu"><a class="site-page" href="javascript:void(0);"><i class="fas fa-bars fa-fw"></i></a></div></div></nav><div id="post-info"><h1 class="post-title">前端常用npm库大全-vue,react,通用(持续更新)</h1><div id="post-meta"><div class="meta-firstline"><span class="post-meta-date"><i class="far fa-calendar-alt fa-fw post-meta-icon"></i><span class="post-meta-label">发表于</span><time class="post-meta-date-created" datetime="2024-08-24T15:24:59.000Z" title="发表于 2024-08-24 15:24:59">2024-08-24</time><span class="post-meta-separator">|</span><i class="fas fa-history fa-fw post-meta-icon"></i><span class="post-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2025-01-05T15:24:59.000Z" title="更新于 2025-01-05 15:24:59">2025-01-05</time></span><span class="post-meta-categories"><span class="post-meta-separator">|</span><i class="fas fa-inbox fa-fw post-meta-icon"></i><a class="post-meta-categories" href="/categories/%E5%89%8D%E7%AB%AF/">前端</a></span></div><div class="meta-secondline"><span class="post-meta-separator">|</span><span class="post-meta-wordcount"><i class="far fa-file-word fa-fw post-meta-icon"></i><span class="post-meta-label">字数总计:</span><span class="word-count">4k</span><span class="post-meta-separator">|</span><i class="far fa-clock fa-fw post-meta-icon"></i><span class="post-meta-label">阅读时长:</span><span>14分钟</span></span><span class="post-meta-separator">|</span><span class="post-meta-pv-cv" data-flag-title="前端常用npm库大全-vue,react,通用(持续更新)"><i class="far fa-eye fa-fw post-meta-icon"></i><span class="post-meta-label">阅读量:</span><span id="busuanzi_value_page_pv"><i class="fa-solid fa-spinner fa-spin"></i></span></span></div></div></div></header><main class="layout" id="content-inner"><div id="post"><article class="post-content" id="article-container"><h1 id="构建工具"><a href="#构建工具" class="headerlink" title="构建工具"></a>构建工具</h1><table><thead><tr><th>Name/GitHub/NPM</th><th>描述</th><th>演示地址</th></tr></thead><tbody><tr><td><a target="_blank" rel="noopener" href="https://cn.vitejs.dev/">Vite</a></td><td>下一代的前端工具链</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://create-react-app.dev/">Create React App</a></td><td>通过运行一个命令来设置现代 Web 应用程序。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://create-react-app.bootcss.com/docs/getting-started">Create React App中文文档</a></td><td>通过运行一个命令来设置现代 Web 应用程序。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://webpack.js.org/">Webpackjs</a></td><td>强大的静态模块打包工具，主要用于现代JavaScript应用的构建和打包</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://cn.rollupjs.org/">Rollup</a></td><td>将点滴代码编织成错综复杂的程序。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://github.com/pengzhanbo/vite-plugin-mock-dev-server">vite-plugin-mock-dev-server</a></td><td>在vite 开发环境中注入 mock-dev-server, 模拟请求和数据响应</td><td></td></tr><tr><td></td><td></td><td></td></tr></tbody></table><h1 id="小程序与Uniapp"><a href="#小程序与Uniapp" class="headerlink" title="小程序与Uniapp"></a>小程序与Uniapp</h1><h2 id="小程序"><a href="#小程序" class="headerlink" title="小程序"></a>小程序</h2><table><thead><tr><th>Name/GitHub/NPM</th><th>描述</th><th>演示地址</th></tr></thead><tbody><tr><td><a target="_blank" rel="noopener" href="https://developers.weixin.qq.com/doc/">微信小程序官方文档入口</a></td><td>小程序,小游戏,等文档</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://taro.js.org/">taro</a></td><td></td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://dev.weixin.qq.com/docs/">Donut</a></td><td>Donut 平台覆盖开发、部署、产品体验分析全产品开发周期的各种需求。开发者可以专注于代码逻辑，其他的都交给我们。</td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr></tbody></table><h2 id="Uniapp"><a href="#Uniapp" class="headerlink" title="Uniapp"></a>Uniapp</h2><table><thead><tr><th>Name/GitHub/NPM</th><th>描述</th><th>演示地址</th></tr></thead><tbody><tr><td><a target="_blank" rel="noopener" href="https://uni-helper.js.org/">uni-helper</a></td><td>旨在增强 uni-app 系列产品的开发体验</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://github.com/lei-mu/luch-request">luch-request</a></td><td>luch-request 是一个基于Promise 开发的uni-app跨平台、项目级别的请求库，它有更小的体积，易用的api，方便简单的自定义能力。</td><td><a target="_blank" rel="noopener" href="https://www.quanzhan.co/luch-request/">https://www.quanzhan.co/luch-request/</a></td></tr><tr><td><a target="_blank" rel="noopener" href="https://ext.dcloud.net.cn/plugin?id=12163">lime-shared</a></td><td>获取当前页，图片的base64转临时路径，图片的exif信息等函数</td><td><a target="_blank" rel="noopener" href="https://ext.dcloud.net.cn/plugin?id=12163">https://ext.dcloud.net.cn/plugin?id=12163</a></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr></tbody></table><h1 id="基础Vue"><a href="#基础Vue" class="headerlink" title="基础Vue"></a>基础Vue</h1><table><thead><tr><th>Name/GitHub/NPM</th><th>描述</th><th>演示地址</th></tr></thead><tbody><tr><td><a target="_blank" rel="noopener" href="https://router.vuejs.org/zh/guide/">Vue-Router</a></td><td>Vue Router 是 Vue 官方的客户端路由解决方案。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://cli.vuejs.org/zh/guide/">Vue-Cli</a></td><td>🛠️ Vue.js 开发的标准工具</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://v2.cn.vuejs.org/">Vue2</a></td><td>渐进式 JavaScript 框架</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://cn.vuejs.org/">Vue3</a></td><td>渐进式 JavaScript 框架</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://vuex.vuejs.org/zh/">Vuex</a></td><td>Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://pinia.vuejs.org/zh/">Pinia</a></td><td>符合直觉的 Vue.js 状态管理库</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://umijs.org/">Umijs</a></td><td>用 Umi 构建你的下一个Vue应用</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.nuxtjs.cn/">Nuxt</a></td><td>NuxtJS 让你构建你的下一个 Vue.js 应用程序变得更有信心。这是一个 开源 的框架，让 web 开发变得简单而强大。</td><td></td></tr></tbody></table><h1 id="基础React"><a href="#基础React" class="headerlink" title="基础React"></a>基础React</h1><table><thead><tr><th>Name/GitHub</th><th>描述</th><th>演示地址</th></tr></thead><tbody><tr><td><a target="_blank" rel="noopener" href="https://www.preactjs.cn/">preactjs</a></td><td>React 的轻量级替代方案，体积仅有 3kB，并且拥有与 React 相同的 API</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://react.dev/">React 文档</a></td><td>The library for web and native user interfaces</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://github.com/dilanx/craco">craco</a></td><td>Create React App 配置覆盖，这是一个用于 Create React App 的简单易懂的配置层。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://react-redux.js.org/">react-redux</a></td><td>Redux 的官方 React 绑定</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://redux-toolkit.js.org/">redux-toolkit</a></td><td>The official, opinionated, batteries-included toolset for efficient Redux development</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://redux-toolkit-cn.netlify.app/">redux中文文档</a></td><td></td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://reactrouter.com/en/main">React-router</a></td><td></td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://nextjs.org/">Nextjs</a></td><td>The React Framework for the Web</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://umijs.org/">Umijs</a></td><td>用 Umi 构建你的下一个 React 应用</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://v3.ice.work/">飞冰 (ICE)</a></td><td>基于 React 的应用研发框架，开箱即用，同时支持移动端和桌面端</td><td></td></tr></tbody></table><h1 id="NPM库"><a href="#NPM库" class="headerlink" title="NPM库"></a>NPM库</h1><h2 id="VUE专用库"><a href="#VUE专用库" class="headerlink" title="VUE专用库"></a>VUE专用库</h2><table><thead><tr><th>Name/GitHub</th><th>描述</th><th>演示地址</th></tr></thead><tbody><tr><td><a target="_blank" rel="noopener" href="https://vueuse.org/">vueuse</a></td><td>Vue 组合实用程序集合</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://vuefire.vuejs.org/">vuefire</a></td><td>VueFire Official Firebase bindings for Vue.js Idiomatic composables for realtime data and other Firebase services</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://jbaysolutions.github.io/vue-grid-layout/">vue-grid-layout</a></td><td></td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://vant-ui.github.io/vant/#/zh-CN">Vant</a></td><td>UI组件库-Mobile</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.antdv.com/components/overview-cn">Antd-vue</a></td><td>UI组件库-PC</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="http://datav.jiaminghi.com/">Datav-vue</a></td><td>Vue 大屏数据展示组件库</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://tdesign.tencent.com/">Tdesign-Vue</a></td><td>UI组件库-PC</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://github.com/varletjs/varlet">varlet</a></td><td>UI组件库-PC</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://github.com/surmon-china/vue-awesome-swiper">vue-awesome-swiper</a></td><td>🏆 Swiper component for <a target="_blank" rel="noopener" href="https://github.com/vuejs">@vuejs</a></td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://vee-validate.logaretm.com/v4/">vee-validate</a></td><td></td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.npmjs.com/package/@morev/vue-transitions">vue-transitions</a></td><td>Reusable interface transitions for <code>Vue 2</code> and <code>Vue 3</code> with no CSS needed ❤️</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://github.com/501351981/vue-office">vue-office</a></td><td>支持多种文件(<strong>docx、excel、pdf</strong>)预览的vue组件库，支持vue2/3。也支持非Vue框架的预览。文档<a target="_blank" rel="noopener" href="https://501351981.github.io/vue-office/examples/docs/">https://501351981.github.io/vue-office/examples/docs/</a></td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://github.com/CcSimple/vue-plugin-hiprint">vue</a>-plugin-hiprint</td><td>vue-plugin-hiprint(基于<a target="_blank" rel="noopener" href="http://hiprint.io/">hiprint 2.5.4</a>) 当时只是为了方便我（并非hiprint原作者） 在vue项目中引入使用，所以以此命名。打印模板</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://vue-macros.dev/zh-CN/">vue-macros</a></td><td>Vue Macros 体验超现代 Vue 探索更多的宏和语法糖到 Vue 中。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://prazdevs.github.io/pinia-plugin-persistedstate/zh/guide/">pinia-plugin-persistedstate</a></td><td>pinia持久化</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://github.com/D-xuanmo/dl-ui">DL UI</a></td><td>一个基于 Vue 3 的低代码组件库</td><td><a target="_blank" rel="noopener" href="https://www.xuanmo.xin/-/dl-ui/docs/introduce">https://www.xuanmo.xin/-/dl-ui/docs/introduce</a></td></tr><tr><td><a target="_blank" rel="noopener" href="https://vuetifyjs.com/zh-Hans/">vuetifyjs</a></td><td>Vuetify 是一个功能强大的 Vue 组件框架，从底层开始构建，易学易用。我们的 UI 组件集合可在您的应用程序中保持一致的风格，并提供足够的自定义选项以满足任何使用情况。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://github.com/KingSora/OverlayScrollbars">overlayscrollbars</a></td><td>一个 JavaScript 滚动条插件，可隐藏本机滚动条，提供自定义样式的覆盖滚动条，并保留本机功能和感觉。</td><td><a target="_blank" rel="noopener" href="https://kingsora.github.io/OverlayScrollbars/">https://kingsora.github.io/OverlayScrollbars/</a></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr></tbody></table><h2 id="React专用库"><a href="#React专用库" class="headerlink" title="React专用库"></a>React专用库</h2><table><thead><tr><th>Name/GitHub</th><th>描述</th><th>演示地址</th></tr></thead><tbody><tr><td><a target="_blank" rel="noopener" href="https://ahooks.js.org/zh-CN">AHooks</a></td><td>一套高质量可靠的 React Hooks 库</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://github.com/pmndrs/zustand">zustand</a></td><td>一个小型、快速、可扩展的熊骨状态管理解决方案，采用简化的通量原理。它有一个基于钩子的舒适应用程序接口，没有模板化，也没有主观臆断。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://dvajs.com/">dvajs</a></td><td>React and redux based, lightweight and elm-style framework.</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="http://datav-react.jiaminghi.com/">Datav-React</a></td><td>React 大屏数据展示组件库</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://tdesign.tencent.com/react/">Tdesign-React</a></td><td>UI组件库</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://mobile.ant.design/zh">Antd-Mobile</a></td><td>UI组件库-Mobile</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://uiwjs.github.io/">uiw</a></td><td>UI组件库-A Component Library for React 16+.</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://mui.com/">mui</a></td><td>UI组件库-Move faster with intuitive React UI tools</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://fusion.design/">fusion</a></td><td>企业级的中后台设计系统解决方案</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://cn.mobx.js.org/">MobX</a></td><td>简单、可扩展的状态管理</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.npmjs.com/package/emoji-picker-react">emoji-picker-react</a></td><td>Emoji 选择器 React</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://immerjs.github.io/immer/zh-CN/">Immer</a></td><td>Immer（德语为：always）是一个小型包，可让您以更方便的方式使用不可变状态。</td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr></tbody></table><h2 id="通用库"><a href="#通用库" class="headerlink" title="通用库"></a>通用库</h2><table><thead><tr><th>Name/GitHub</th><th>描述</th><th>演示地址</th></tr></thead><tbody><tr><td><a target="_blank" rel="noopener" href="https://echarts.apache.org/zh/index.html">Echarts</a></td><td>图表</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.bootcss.com/">Bootcss</a></td><td>样式</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.swiper.com.cn/">Swiper</a></td><td>工具-轮播图</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://jquery.com/">JQuery</a></td><td>jQuery 是一个快速、小巧且功能丰富的 JavaScript 库。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.lodashjs.com/">lodash</a></td><td>Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://lottiefiles.com/">lottiefiles</a></td><td>为您的网站和应用程序提供轻量级、可扩展的动画</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="http://mockjs.com/examples.html">Mock</a></td><td>生成随机数据，拦截 Ajax 请求</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://github.com/adamwdraper/Numeral-js">Numeral-js</a></td><td>用于格式化和处理数字的 javascript 库。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://clipboardjs.com/">clipboardjs</a></td><td>将文本复制到剪贴板的现代方法 没有 Flash。没有框架。压缩后只有 3kb</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://github.com/browserslist/browserslist">browserslist</a></td><td>共享浏览器兼容性配置，适用于 Autoprefixer、Babel、ESLint、PostCSS 和 Webpack 等流行 JavaScript 工具</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://socket.io/zh-CN/">Socket.IO</a></td><td>支持及时、双向与基于事件的交流。它可以在每个平台、每个浏览器和每个设备上工作，可靠性和速度同样稳定。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://mswjs.io/">msw</a></td><td>Mock Service Worker是一个 API 模拟库，允许您编写与客户端无关的模拟并在任何框架、工具和环境中重复使用它们。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://jestjs.io/zh-Hans/docs/getting-started">jestjs</a></td><td>Jest 是一款优雅、简洁的 JavaScript 测试框架。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://animejs.com/">animejs</a></td><td>是一个轻量级 JavaScript 动画库，具有简单但功能强大的 API。 它可与 CSS 属性、SVG、DOM 属性和 JavaScript 对象配合使用。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://github.com/cferdinandi/smooth-scroll">smooth-scrol</a></td><td>一个轻量级脚本，用于为滚动到锚点链接制作动画。</td><td><a target="_blank" rel="noopener" href="https://codepen.io/cferdinandi/pen/wQzrdM">https://codepen.io/cferdinandi/pen/wQzrdM</a></td></tr><tr><td><a target="_blank" rel="noopener" href="https://isotope.metafizzy.co/">isotope-layout</a></td><td>过滤和排序神奇的布局(排序的时候有一个动画效果)</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://nodemailer.com/about/">nodemailer</a></td><td>Nodemailer是 Node.js 应用程序的一个模块，可让您轻松发送电子邮件。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://cheerio.js.org/">cheerio</a></td><td>用于解析和操作 HTML 和 XML 的快速、灵活且优雅的库。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://github.com/mumuy/relationship">relationship</a></td><td>中国亲戚关系计算器 - 家庭称谓/亲戚称呼/称呼计算/辈分计算/亲戚关系算法/親戚稱呼計算機_Chinese kinship system</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://mande.esm.is/">mande</a></td><td>Simple, light and extensible wrapper around fetch with smart defaults</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://vestjs.dev/">vestjs</a></td><td>Vest 是一个功能强大且易于使用的 JavaScript 验证框架，可让您编写和运行代码验证</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.npmjs.com/package/pinyin">pinyin</a></td><td>pīnyīn, 汉字拼音转换工具。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://aplayer.js.org/#/zh-Hans/">aplayer</a></td><td>🍭 Wow, such a beautiful HTML5 music player</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.npmjs.com/package/fastclick">fastclick</a></td><td>FastClick 是一个简单易用的库，用于消除<code>click</code>移动浏览器上物理点击和触发事件之间的 300 毫秒延迟</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.npmjs.com/package/autofit.js">autofit.js</a></td><td>迄今为止最易用的自适应工具(描述是这样的)</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.npmjs.com/package/howler">howler</a></td><td><a target="_blank" rel="noopener" href="https://howlerjs.com/">howler.js</a>是一个适用于现代网络的音频库。它默认使用<a target="_blank" rel="noopener" href="http://webaudio.github.io/web-audio-api/">Web Audio API</a>，并可回退到<a target="_blank" rel="noopener" href="https://html.spec.whatwg.org/multipage/embedded-content.html#the-audio-element">HTML5 Audio</a>。这使得使用 JavaScript 处理音频在所有平台上都变得简单而可靠。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://github.com/opentypejs/opentype.js">opentype.js</a></td><td>使用 JavaScript 读取和写入 OpenType 字体。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.npmjs.com/package/print-js">print-js</a></td><td>一个小型的 JavaScript 库，帮助从网络打印。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.fusejs.io/">Fuse.js</a></td><td>强大、轻量级的模糊搜索库，没有任何依赖关系。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://github.com/photopea/Typr.js">Typr.js</a></td><td>Typr.js - process fonts in Javascript</td><td><a target="_blank" rel="noopener" href="https://photopea.github.io/Typr.js/">https://photopea.github.io/Typr.js/</a></td></tr><tr><td><a target="_blank" rel="noopener" href="https://aerolab.github.io/midnight.js/">midnight.js</a></td><td>Midnight.js 可让你即时切换固定标题</td><td><a target="_blank" rel="noopener" href="https://aerolab.github.io/midnight.js/">https://aerolab.github.io/midnight.js/</a></td></tr><tr><td><a target="_blank" rel="noopener" href="https://zeptojs.com/">Zepto</a></td><td>Zepto是一个适用于现代浏览器的极简 JavaScript 库，具有与jQuery高度 兼容的 API 。 如果您使用 jQuery，那么您已经知道如何使用 Zepto。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://nodemon.io/">Nodemon</a></td><td>Nodemon 是一个大约有 300 万个项目依赖的实用程序，它将监视源代码中的任何更改并自动重启服务器。非常适合开发。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.npmjs.com/package/alova">alova</a></td><td>一行代码完成各种复杂场景的网络请求，别再花时间在请求这件小事上了，交给我们</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.npmjs.com/package/magika">magika</a></td><td>使用深度学习检测文件内容类型</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.jq22.com/">JQuery插件库</a></td><td></td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.moyublog.com/">帝国CMS源码</a></td><td>收费,做来参考吧</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://github.com/x-extends/dom-zindex/blob/HEAD/README.zh-CN.md">zindex</a></td><td>z-index 管理器</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.npmjs.com/package/terser">terser</a></td><td>适用于 ES6+ 的 JavaScript 压缩器/压缩工具包。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.npmjs.com/package/tippy.js">tippy.js</a></td><td>适用于 Web 的完整工具提示、弹出窗口、下拉菜单和菜单解决方案</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.npmjs.com/package/yup">Yup</a></td><td>Yup 是一个用于运行时值解析和验证的模式构建器。定义架构、转换值以匹配、断言现有值的形状，或两者兼而有之。是的，模式非常具有表现力，并且允许对复杂的、相互依赖的验证或值转换进行建模。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.npmjs.com/package/jsdom">jsdom</a></td><td><a target="_blank" rel="noopener" href="https://dom.spec.whatwg.org/">jsdom 是许多 Web 标准（尤其是 WHATWG DOM</a>和<a target="_blank" rel="noopener" href="https://html.spec.whatwg.org/multipage/">HTML</a>标准）的纯 JavaScript 实现，用于 Node.js。总体而言，该项目的目标是模拟足够多的 Web 浏览器子集，以便用于测试和抓取真实的 Web 应用程序。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.npmjs.com/package/npm-check-updates">npm-check-updates</a></td><td>npm-check-updates (ncu)将您的 package.json 依赖项升级到最新版本，忽略指定的版本。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://highlightjs.org/">highlightjs</a></td><td>高亮</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://prismjs.com/">prismjs</a></td><td>高亮</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://prettier.io/playground/#">prettier配置生成</a></td><td>生成配置</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://github.com/toss/es-toolkit">es-toolkit</a></td><td>一个现代 JavaScript 实用程序库，速度提高 2-3 倍，体积缩小 97% — — 这是 lodash 的重大升级。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://github.com/x-extends/xe-utils">xe-utils</a></td><td>javascript 函数库、工具类 文档地址<a target="_blank" rel="noopener" href="https://vxetable.cn/xe-utils/#/">https://vxetable.cn/xe-utils/#/</a></td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.npmjs.com/package/streamsaver">StreamSaver.js</a></td><td>StreamSaver.js 采用了不同的方法。现在，您实际上可以直接在文件系统中创建可写流（我不是在谈论 Chrome 沙盒文件系统或任何其他 Web 存储），而不是将数据保存在客户端存储或内存中。这是通过模拟服务器如何使用某些响应标头 + 服务工作线程指示浏览器保存文件来实现的</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://github.com/mysticatea/npm-run-all">npm-run-all</a></td><td>A CLI tool to run multiple npm-scripts in parallel or sequential.(并行或顺序运行多个npm脚本的CLI工具。)</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://github.com/jeffbski/wait-on">wait-on</a></td><td>wait-on是一个跨平台的命令行实用程序和Node.js API，它将等待文件、端口、套接字和http（s）资源变为可用</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://github.com/aqzhyi/chinese-conv">chinese-conv</a></td><td>我就懶，無依賴的，簡繁轉換解決方案。no dependencies, converting simplified to traditional and traditional to simplified.</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://github.com/mumuy/browser/">browser</a></td><td>浏览器检测 - Useragent分析/浏览器识别/浏览器判断/UA解析/用户代理信息/Useragent analysis tool/Browser detection</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.npmjs.com/package/convert-units">convert-units</a></td><td>用于在不同单位之间进行数量转换的便捷实用程序。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://github.com/gridstack/gridstack.js">gridstack.js</a></td><td>Build interactive dashboards in minutes.(在几分钟内构建交互式仪表板。)</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://iconify.design/">iconify</a></td><td>所有流行的图标集，一个框架。超过 200,000 个开源矢量图标。</td><td><a target="_blank" rel="noopener" href="https://iconify.design/">https://iconify.design/</a></td></tr><tr><td><a target="_blank" rel="noopener" href="https://nostalgist.js.org/">Nostalgist.js</a></td><td>Nostalgist.js 是一个 JavaScript 库，允许您在网络浏览器中运行 NES 和 Sega Genesis 等复古游戏机的模拟器。</td><td><a target="_blank" rel="noopener" href="https://github.com/arianrhodsandlot/nostalgist">https://github.com/arianrhodsandlot/nostalgist</a></td></tr><tr><td><a target="_blank" rel="noopener" href="https://github.com/antvis/G6">g6.antv</a></td><td>♾ JavaScript 中的图形可视化框架。</td><td></td></tr><tr><td></td><td></td><td></td></tr></tbody></table><h1 id="组件开发"><a href="#组件开发" class="headerlink" title="组件开发"></a>组件开发</h1><table><thead><tr><th>地址</th><th>描述</th></tr></thead><tbody><tr><td><a target="_blank" rel="noopener" href="https://d.umijs.org/guide">dumi</a></td><td>dumi，中文发音<strong>嘟米</strong>，是一款为组件开发场景而生的静态站点框架，与 <a target="_blank" rel="noopener" href="https://github.com/umijs/father">father</a> 一起为开发者提供一站式的组件开发体验，<strong>father 负责组件源码构建，而 dumi 负责组件开发及组件文档生成</strong>。</td></tr><tr><td><a target="_blank" rel="noopener" href="https://github.com/umijs/father">father</a></td><td>father 是一款 NPM 包研发工具，能够帮助开发者更高效、高质量地研发 NPM 包、生成构建产物、再完成发布。它主要具备以下特性：</td></tr><tr><td><a target="_blank" rel="noopener" href="https://histoire.dev/">histoire</a></td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://vitepress.dev/zh/">vitepress</a></td><td>由 Vite 和 Vue 驱动的静态站点生成器</td></tr><tr><td><a target="_blank" rel="noopener" href="https://verdaccio.org/">Verdaccio</a></td><td>Verdaccio 是一个 <strong>Node.js</strong>创建的<strong>轻量的私有npm proxy registry</strong></td></tr><tr><td><a target="_blank" rel="noopener" href="https://github.com/btd/rollup-plugin-visualizer">rollup-plugin-visualizer</a></td><td>一个强大且直观的工具，用于帮助开发者在使用 Rollup 打包时，生成详细的模块依赖图谱。通过可视化的方式，你可以清晰地理解代码的打包结构和优化潜在点，从而更高效地管理和优化你的 JavaScript 应用程序。</td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr></tbody></table><h1 id="CSS样式"><a href="#CSS样式" class="headerlink" title="CSS样式"></a>CSS样式</h1><table><thead><tr><th>Name/GitHub</th><th>描述</th><th>演示地址</th></tr></thead><tbody><tr><td><a target="_blank" rel="noopener" href="https://tailwindcss.com/">tailwindcss</a></td><td>一个实用优先的 CSS 框架，其中包含诸如、和之类的类，这些类可直接在您的标记中组合以构建任何设计。 flex pt-4 text-center rotate-90</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://daisyui.com/">daisyui</a></td><td>The most popular component library for Tailwind CSS</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://enjoycss.com/">enjoycss</a></td><td>EnjoyCSS 是一个先进的 CSS3 生成器，可以让您摆脱常规编码。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://neumorphism.io/">neumorphism</a></td><td>盒子阴影样式</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://meshgradient.in/">meshgradient</a></td><td>渐变</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.noiseandgradient.com/">noiseandgradien</a></td><td>渐变</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://meshgradient.com/">meshgradient</a></td><td>渐变毛玻璃</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://navnav.co/">navnav</a></td><td>一些基础的样式</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://color.oulu.me/">oulu</a></td><td>一个集合180种免费的线性渐变网站，可在任何网站使用(ps:网站还禁止调试..)</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://webgradients.com/">webgradients</a></td><td>线性渐变(比上面的更好)</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://coolors.co/">coolors</a></td><td>调色板生成器！(也就是颜色)</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://dribbble.com/">dribbble</a></td><td>从世界各地数百万顶级设计师和机构的作品中获得灵感。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://dribbble.com/tags/css_loader">dribbble下的css_loader</a></td><td></td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://uiverse.io/">uiverse</a></td><td>使用 CSS 或 Tailwind 制作的自定义元素。<code>UI Verse</code> 是一个开发资源整合类的网站，内部提供了 <code>4500+</code> 种不同的 css 特效</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://tobiasahlin.com/spinkit/">加载动画css</a></td><td>加载动画</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.sliderrevolution.com/">sliderrevolution</a></td><td>不仅仅是一个 WordPress 滑块</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://cssloaders.github.io/">cssloaders</a></td><td>很多加载效果css动画</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://projects.lukehaas.me/css-loaders/">css-loaders</a></td><td>几个加载效果css动画</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://loading.io/">loading</a></td><td>Ajax 加载器、动画图标、实时背景</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://getcssscan.com/css-box-shadow-examples?ref=producthunt">css-box-shadow</a></td><td>Beautiful CSS box-shadow examples</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://uiverse.io/loaders">uiverse.io</a></td><td>Open-Source loaders made with CSS or Tailwind(使用 CSS 或 Tailwind 制作的开源加载器)</td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr></tbody></table><h1 id="字体和素材库"><a href="#字体和素材库" class="headerlink" title="字体和素材库"></a>字体和素材库</h1><table><thead><tr><th>Name/GitHub</th><th>描述</th><th>演示地址</th></tr></thead><tbody><tr><td><a target="_blank" rel="noopener" href="https://iconpark.oceanengine.com/home">iconpark</a></td><td>字体图标-丰富多彩的资源库免费使用</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.iconfont.cn/">iconfont</a></td><td>字体图标</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://zh-tw.ac-illust.com/">illust</a></td><td>下載免費矢量圖和剪貼畫</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://transfonter.org/">transfonter</a></td><td>现代而简单的 css @font-face 生成器</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://fontawesome.com/">fontawesome</a></td><td>Font Awesome 是互联网的图标库和工具包，被数百万设计师、开发人员和内容创建者使用。</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.iconshock.com/svg-icons/">iconshock-渐变svg图</a></td><td>专为渐变爱好者制作的 免费交互式 SVG 图标包 ！</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://lexica.art/">lexica</a></td><td>AI生成的图片大全</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://unsplash.com/">unsplash</a></td><td>也是一个图片网站</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.gaoding.com/">稿定</a></td><td>国产的…可能要收费</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://beta.chuangkit.com/designtools/startdesign">创客贴</a></td><td>国产的…可能要收费</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.canva.cn/">Canva可画</a></td><td>使用Canva可画，轻松创建并分享专业设计。(可能要收费)</td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.aigei.com/">爱给网</a></td><td>爱给网_音效配乐_3D模型_视频素材_免费下载</td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr></tbody></table><h1 id="文档和工具"><a href="#文档和工具" class="headerlink" title="文档和工具"></a>文档和工具</h1><table><thead><tr><th>地址</th><th>描述</th></tr></thead><tbody><tr><td><a target="_blank" rel="noopener" href="https://developer.mozilla.org/zh-CN/docs/Web">MDN</a></td><td>文档</td></tr><tr><td><a target="_blank" rel="noopener" href="https://caniuse.com/">CanIuse</a></td><td>用于前端开发者查询各种Web技术在不同浏览器中的兼容性。其主要功能和用途包括：</td></tr><tr><td><a target="_blank" rel="noopener" href="https://npmtrends.com/">npmTrends</a></td><td>用于比较NPM（Node Package Manager）包下载趋势和受欢迎度的工具</td></tr><tr><td><a target="_blank" rel="noopener" href="https://cubic-bezier.com/">贝赛尔曲线 cubic-bezier</a></td><td>js代码压缩混淆</td></tr><tr><td><a target="_blank" rel="noopener" href="http://jsnice.org/">jsnice</a></td><td>旨在美化和反混淆JavaScript代码。其主要功能和用途包括：</td></tr><tr><td><a target="_blank" rel="noopener" href="https://babeljs.io/">babel</a></td><td>用于将现代JavaScript代码转换为兼容性更好的旧版JavaScript代码。</td></tr><tr><td><a target="_blank" rel="noopener" href="https://less.bootcss.com/">less</a></td><td>给 CSS 加点料。</td></tr><tr><td><a target="_blank" rel="noopener" href="http://www.htmleaf.com/">jquery之家</a></td><td>自由分享jQuery、html5和css3的插件库</td></tr><tr><td><a target="_blank" rel="noopener" href="https://ecomfe.github.io/est/fiddle/">less编译</a></td><td>less编译</td></tr><tr><td><a target="_blank" rel="noopener" href="https://stackoverflow.com/">stackoverflow</a></td><td>问答交流</td></tr><tr><td><a target="_blank" rel="noopener" href="https://segmentfault.com/">思否</a></td><td>问答交流</td></tr><tr><td><a target="_blank" rel="noopener" href="https://quickref.me/zh-CN/">文档速查</a></td><td><strong>十分推荐</strong></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.tampermonkey.net/documentation.php">油猴文档</a></td><td>油猴必备</td></tr><tr><td><a target="_blank" rel="noopener" href="https://jsdoc.bootcss.com/index.html">JSDOC</a></td><td>JSDoc 3 是一个用于 JavaScript 的API文档生成器，类似于 Javadoc 或 phpDocumentor</td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.w3.org/">W3C</a></td><td>前端最最最标准文档</td></tr><tr><td><a target="_blank" rel="noopener" href="https://es6.ruanyifeng.com/#docs/symbol">ES6入门-阮一峰</a></td><td>ES6入门-阮一峰</td></tr><tr><td><a target="_blank" rel="noopener" href="https://tsejx.github.io/javascript-guidebook/">javascript-guidebook</a></td><td>📚JavaScript 知识图谱：ECMAScript、DOM、BOM、HTML5、计算机网络</td></tr><tr><td><a target="_blank" rel="noopener" href="https://zh-hans.react.dev/">React中文文档</a></td><td>React中文文档</td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.w3schools.com/html/default.asp">w3schools</a></td><td>也是比较好的文档</td></tr><tr><td><a target="_blank" rel="noopener" href="https://bundlephobia.com/">bundlephobia</a></td><td>包大小查看</td></tr><tr><td><a target="_blank" rel="noopener" href="https://prettier.io/playground/">prettier</a></td><td>prettier格式化在线预览和生成</td></tr><tr><td><a target="_blank" rel="noopener" href="https://images.weserv.nl/">wsrv.nl</a></td><td>图像缓存和调整大小服务利用全球缓存即时处理图像。</td></tr><tr><td><a target="_blank" rel="noopener" href="https://greasyfork.org/zh-CN/help/cdns">Greasy Fork 允许的 CDN 列表</a></td><td>也可以优先选择这里的CDN使用~</td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr></tbody></table><h1 id="在线部署-在线运行-第三方服务提供"><a href="#在线部署-在线运行-第三方服务提供" class="headerlink" title="在线部署/在线运行/第三方服务提供"></a>在线部署/在线运行/第三方服务提供</h1><table><thead><tr><th>地址</th><th>描述</th></tr></thead><tbody><tr><td><a target="_blank" rel="noopener" href="https://www.netlify.com/">netlify</a></td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://vercel.com/">vercel</a></td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://codepen.io/">codepen</a></td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://codesandbox.io/">codesandbox</a></td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://stackblitz.com/">stackblitz</a></td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://dashboard.4everland.org/">4everland</a></td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://upstash.com/">upstash</a></td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://planetscale.com/">planetscale</a></td><td>The ultimate MySQL database platform</td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.algolia.com/">algolia</a></td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://www.cyclic.sh/">cyclic</a></td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://dashboard.render.com/">render</a></td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://jsfiddle.net/">jsfiddle</a></td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://jsbin.com/">jsbin</a></td><td>强大的在线编辑</td></tr><tr><td><a target="_blank" rel="noopener" href="https://runjs.work/">国内-runjs</a></td><td>在线运行</td></tr><tr><td><a target="_blank" rel="noopener" href="https://runjs.app/">runjs</a></td><td>探索和试验 JavaScript 和 TypeScript，将您的想法形象化并在打字时获得即时反馈。</td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr></tbody></table><h1 id="跨平台的桌面应用程序"><a href="#跨平台的桌面应用程序" class="headerlink" title="跨平台的桌面应用程序"></a>跨平台的桌面应用程序</h1><table><thead><tr><th>地址</th><th>描述</th></tr></thead><tbody><tr><td><a target="_blank" rel="noopener" href="https://tauri.app/">tauri</a></td><td></td></tr><tr><td><a target="_blank" rel="noopener" href="https://electron-vite.github.io/">electron-vite</a></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr></tbody></table><h1 id="脚手架模板"><a href="#脚手架模板" class="headerlink" title="脚手架模板"></a>脚手架模板</h1><table><thead><tr><th>地址</th><th>描述</th></tr></thead><tbody><tr><td><a target="_blank" rel="noopener" href="https://toscode.mulanos.cn/viarotel-org/vite-uniapp-template">vite-uniapp-template</a></td><td>🚀基于vite驱动的uniapp最佳实践的集成模板</td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr></tbody></table><h1><a href="#" class="headerlink"></a></h1></article><div class="post-copyright"><div class="post-copyright__author"><span class="post-copyright-meta"><i class="fas fa-circle-user fa-fw"></i>文章作者: </span><span class="post-copyright-info"><a href="https://www.dreamlove.top">梦洁</a></span></div><div class="post-copyright__type"><span class="post-copyright-meta"><i class="fas fa-square-arrow-up-right fa-fw"></i>文章链接: </span><span class="post-copyright-info"><a href="https://www.dreamlove.top/6ace453b.html">https://www.dreamlove.top/6ace453b.html</a></span></div><div class="post-copyright__notice"><span class="post-copyright-meta"><i class="fas fa-circle-exclamation fa-fw"></i>版权声明: </span><span class="post-copyright-info">本博客所有文章除特别声明外，均采用 <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank">CC BY-NC-SA 4.0</a> 许可协议。转载请注明来自 <a href="https://www.dreamlove.top" target="_blank">梦洁小站-属于你我的小天地</a>！</span></div></div><div class="tag_share"><div class="post-meta__tag-list"><a class="post-meta__tags" href="/tags/%E5%89%8D%E7%AB%AF/">前端</a></div><div class="post_share"><div class="social-share" data-image="https://dreamos.oss-cn-beijing.aliyuncs.com/gitblog/202408241528979.png" data-sites="facebook,twitter,wechat,weibo,qq"></div><link rel="stylesheet" href="https://lib.baomitu.com/butterfly-extsrc/1.1.3/sharejs/dist/css/share.min.css" media="print" onload='this.media="all"'><script src="https://lib.baomitu.com/butterfly-extsrc/1.1.3/sharejs/dist/js/social-share.min.js" defer></script></div></div><nav class="pagination-post" id="pagination"><div class="prev-post pull-left"><a href="/50575b3e.html" title="独角数卡,打开商品列表出现Undefined variable form的解决办法"><img class="cover" src="https://dreamos.oss-cn-beijing.aliyuncs.com/gitblog/202408241535616.png" onerror='onerror=null,src="/img/404.png"' alt="cover of previous post"><div class="pagination-info"><div class="label">上一篇</div><div class="prev_info">独角数卡,打开商品列表出现Undefined variable form的解决办法</div></div></a></div><div class="next-post pull-right"><a href="/f4cb1979.html" title="基于vue-pdf-embed的二开PDF预览的通用组件"><img class="cover" src="https://dreamos.oss-cn-beijing.aliyuncs.com/gitblog/202408241539662.png" onerror='onerror=null,src="/img/404.png"' alt="cover of next post"><div class="pagination-info"><div class="label">下一篇</div><div class="next_info">基于vue-pdf-embed的二开PDF预览的通用组件</div></div></a></div></nav><div class="relatedPosts"><div class="headline"><i class="fas fa-thumbs-up fa-fw"></i><span>相关推荐</span></div><div class="relatedPosts-list"><div><a href="/ce8945f.html" title="electron-键盘打字小猫吐花学习"><img class="cover" src="https://dreamos.oss-cn-beijing.aliyuncs.com/gitblog/202407311654626.png" alt="cover"><div class="content is-center"><div class="date"><i class="far fa-calendar-alt fa-fw"></i> 2024-05-20</div><div class="title">electron-键盘打字小猫吐花学习</div></div></a></div><div><a href="/25924f9f.html" title="tdesign的白天黑夜模式实现原理"><img class="cover" src="https://dreamos.oss-cn-beijing.aliyuncs.com/gitblog/202403181422295.png" alt="cover"><div class="content is-center"><div class="date"><i class="far fa-calendar-alt fa-fw"></i> 2023-06-05</div><div class="title">tdesign的白天黑夜模式实现原理</div></div></a></div><div><a href="/e40fe344.html" title="前端文字实现拼音标注"><img class="cover" src="https://dreamos.oss-cn-beijing.aliyuncs.com/gitblog/202403181416097.png" alt="cover"><div class="content is-center"><div class="date"><i class="far fa-calendar-alt fa-fw"></i> 2023-05-18</div><div class="title">前端文字实现拼音标注</div></div></a></div></div></div><hr class="custom-hr"><div id="post-comment"><div class="comment-head"><div class="comment-headline"><i class="fas fa-comments fa-fw"></i><span> 评论</span></div></div><div class="comment-wrap"><div><div id="artalk-wrap"></div></div></div></div></div><div class="aside-content" id="aside-content"><div class="card-widget card-info"><div class="is-center"><div class="avatar-img"><img src="https://oss.dreamlove.top/i/2024/02/02/nw24wu.png" onerror='this.onerror=null,this.src="/img/404.png"' alt="avatar"></div><div class="author-info__name">梦洁</div><div class="author-info__description">小小的字,有大大的梦想~分享我的前端学习过程,经历,错误,和一些其他折腾过程</div></div><div class="card-info-data site-data is-center"><a href="/archives/"><div class="headline">文章</div><div class="length-num">176</div></a><a href="/tags/"><div class="headline">标签</div><div class="length-num">101</div></a><a href="/categories/"><div class="headline">分类</div><div class="length-num">73</div></a></div><a id="card-info-btn" target="_blank" rel="noopener" href="https://github.com/superBiuBiuMan"><i class="fab fa-github"></i><span>关注下我(*￣▽￣*)</span></a><div class="card-info-social-icons is-center"><a class="social-icon" href="mailto:[email protected]" target="_blank" title="Email"><i class="fas fa-envelope" style="color:#4a7dbe"></i></a></div></div><div class="card-widget card-announcement"><div class="item-headline"><i class="fas fa-bullhorn fa-shake"></i><span>公告</span></div><div class="announcement_content">不断更新中,有问题请留言回复(会通过邮箱提醒~)</div></div><div class="sticky_layout"><div class="card-widget" id="card-toc"><div class="item-headline"><i class="fas fa-stream"></i><span>目录</span><span class="toc-percentage"></span></div><div class="toc-content"><ol class="toc"><li class="toc-item toc-level-1"><a class="toc-link" href="#%E6%9E%84%E5%BB%BA%E5%B7%A5%E5%85%B7"><span class="toc-number">1.</span> <span class="toc-text">构建工具</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E5%B0%8F%E7%A8%8B%E5%BA%8F%E4%B8%8EUniapp"><span class="toc-number">2.</span> <span class="toc-text">小程序与Uniapp</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%B0%8F%E7%A8%8B%E5%BA%8F"><span class="toc-number">2.1.</span> <span class="toc-text">小程序</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#Uniapp"><span class="toc-number">2.2.</span> <span class="toc-text">Uniapp</span></a></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E5%9F%BA%E7%A1%80Vue"><span class="toc-number">3.</span> <span class="toc-text">基础Vue</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E5%9F%BA%E7%A1%80React"><span class="toc-number">4.</span> <span class="toc-text">基础React</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#NPM%E5%BA%93"><span class="toc-number">5.</span> <span class="toc-text">NPM库</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#VUE%E4%B8%93%E7%94%A8%E5%BA%93"><span class="toc-number">5.1.</span> <span class="toc-text">VUE专用库</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#React%E4%B8%93%E7%94%A8%E5%BA%93"><span class="toc-number">5.2.</span> <span class="toc-text">React专用库</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E9%80%9A%E7%94%A8%E5%BA%93"><span class="toc-number">5.3.</span> <span class="toc-text">通用库</span></a></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E7%BB%84%E4%BB%B6%E5%BC%80%E5%8F%91"><span class="toc-number">6.</span> <span class="toc-text">组件开发</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#CSS%E6%A0%B7%E5%BC%8F"><span class="toc-number">7.</span> <span class="toc-text">CSS样式</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E5%AD%97%E4%BD%93%E5%92%8C%E7%B4%A0%E6%9D%90%E5%BA%93"><span class="toc-number">8.</span> <span class="toc-text">字体和素材库</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E6%96%87%E6%A1%A3%E5%92%8C%E5%B7%A5%E5%85%B7"><span class="toc-number">9.</span> <span class="toc-text">文档和工具</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E5%9C%A8%E7%BA%BF%E9%83%A8%E7%BD%B2-%E5%9C%A8%E7%BA%BF%E8%BF%90%E8%A1%8C-%E7%AC%AC%E4%B8%89%E6%96%B9%E6%9C%8D%E5%8A%A1%E6%8F%90%E4%BE%9B"><span class="toc-number">10.</span> <span class="toc-text">在线部署/在线运行/第三方服务提供</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E8%B7%A8%E5%B9%B3%E5%8F%B0%E7%9A%84%E6%A1%8C%E9%9D%A2%E5%BA%94%E7%94%A8%E7%A8%8B%E5%BA%8F"><span class="toc-number">11.</span> <span class="toc-text">跨平台的桌面应用程序</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E8%84%9A%E6%89%8B%E6%9E%B6%E6%A8%A1%E6%9D%BF"><span class="toc-number">12.</span> <span class="toc-text">脚手架模板</span></a></li><li class="toc-item toc-level-1"><a class="toc-link"><span class="toc-number">13.</span> <span class="toc-text"></span></a></li></ol></div></div><div class="card-widget card-recent-post"><div class="item-headline"><i class="fas fa-history"></i><span>最新文章</span></div><div class="aside-list"><div class="aside-list-item"><a class="thumbnail" href="/b491ce61.html" title="穿越火线怀旧服预约网页vue3版本"><img src="https://dreamos.oss-cn-beijing.aliyuncs.com/gitblog/202501131843929.png" onerror='this.onerror=null,this.src="/img/404.png"' alt="穿越火线怀旧服预约网页vue3版本"></a><div class="content"><a class="title" href="/b491ce61.html" title="穿越火线怀旧服预约网页vue3版本">穿越火线怀旧服预约网页vue3版本</a><time datetime="2025-01-13T18:26:12.000Z" title="发表于 2025-01-13 18:26:12">2025-01-13</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/65bb05da.html" title="Scrapy2.12版本拦截自带日志记录转由loguru记录并可以按照错误登记归类整理"><img src="https://dreamos.oss-cn-beijing.aliyuncs.com/gitblog/202501131841250.png" onerror='this.onerror=null,this.src="/img/404.png"' alt="Scrapy2.12版本拦截自带日志记录转由loguru记录并可以按照错误登记归类整理"></a><div class="content"><a class="title" href="/65bb05da.html" title="Scrapy2.12版本拦截自带日志记录转由loguru记录并可以按照错误登记归类整理">Scrapy2.12版本拦截自带日志记录转由loguru记录并可以按照错误登记归类整理</a><time datetime="2025-01-10T11:20:55.000Z" title="发表于 2025-01-10 11:20:55">2025-01-10</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/45b08e30.html" title="一个代理注册平台住宅代理IP-纯净IP注册,对于一些需要高质量IP验证的很有效"><img src="https://dreamos.oss-cn-beijing.aliyuncs.com/gitblog/202501131843524.png" onerror='this.onerror=null,this.src="/img/404.png"' alt="一个代理注册平台住宅代理IP-纯净IP注册,对于一些需要高质量IP验证的很有效"></a><div class="content"><a class="title" href="/45b08e30.html" title="一个代理注册平台住宅代理IP-纯净IP注册,对于一些需要高质量IP验证的很有效">一个代理注册平台住宅代理IP-纯净IP注册,对于一些需要高质量IP验证的很有效</a><time datetime="2025-01-08T18:35:15.000Z" title="发表于 2025-01-08 18:35:15">2025-01-08</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/cc169943.html" title="知音漫客,漫画派对,神漫,等听说很多漫画杂志停刊了,吓得我赶快保存"><img src="https://dreamos.oss-cn-beijing.aliyuncs.com/gitblog/202501131840676.png" onerror='this.onerror=null,this.src="/img/404.png"' alt="知音漫客,漫画派对,神漫,等听说很多漫画杂志停刊了,吓得我赶快保存"></a><div class="content"><a class="title" href="/cc169943.html" title="知音漫客,漫画派对,神漫,等听说很多漫画杂志停刊了,吓得我赶快保存">知音漫客,漫画派对,神漫,等听说很多漫画杂志停刊了,吓得我赶快保存</a><time datetime="2024-11-22T14:25:42.000Z" title="发表于 2024-11-22 14:25:42">2024-11-22</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/8d23aa26.html" title="scrapy的xpath在控制台可以匹配,但是到了代码无法匹配(无法匹配tbody标签)"><img src="https://dreamos.oss-cn-beijing.aliyuncs.com/gitblog/202501131841250.png" onerror='this.onerror=null,this.src="/img/404.png"' alt="scrapy的xpath在控制台可以匹配,但是到了代码无法匹配(无法匹配tbody标签)"></a><div class="content"><a class="title" href="/8d23aa26.html" title="scrapy的xpath在控制台可以匹配,但是到了代码无法匹配(无法匹配tbody标签)">scrapy的xpath在控制台可以匹配,但是到了代码无法匹配(无法匹配tbody标签)</a><time datetime="2024-10-23T14:27:53.000Z" title="发表于 2024-10-23 14:27:53">2024-10-23</time></div></div></div></div></div></div></main><footer id="footer" style="background-image:url(https://dreamos.oss-cn-beijing.aliyuncs.com/gitblog/202408241528979.png)"><div id="footer-wrap"><div class="copyright">©2021 - 2025 By 梦洁</div><div class="framework-info"><span>框架 </span><a target="_blank" rel="noopener" href="https://hexo.io">Hexo</a><span class="footer-separator">|</span><span>主题 </span><a target="_blank" rel="noopener" href="https://github.com/jerryc127/hexo-theme-butterfly">Butterfly</a></div></div></footer></div><div id="rightside"><div id="rightside-config-hide"><button id="readmode" type="button" title="阅读模式"><i class="fas fa-book-open"></i></button><button id="darkmode" type="button" title="浅色和深色模式转换"><i class="fas fa-adjust"></i></button><button id="hide-aside-btn" type="button" title="单栏和双栏切换"><i class="fas fa-arrows-alt-h"></i></button></div><div id="rightside-config-show"><button id="rightside-config" type="button" title="设置"><i class="fas fa-cog fa-spin"></i></button><button class="close" id="mobile-toc-button" type="button" title="目录"><i class="fas fa-list-ul"></i></button><a id="to_comment" href="#post-comment" title="直达评论"><i class="fas fa-comments"></i></a><button id="go-up" type="button" title="回到顶部"><span class="scroll-percent"></span><i class="fas fa-arrow-up"></i></button></div></div><div><script src="/js/utils.js?v=4.13.0"></script><script src="/js/main.js?v=4.13.0"></script><script src="https://lib.baomitu.com/fancyapps-ui/5.0.33/fancybox/fancybox.umd.min.js"></script><div class="js-pjax"><script>(()=>{let t=null;const e=()=>{if(t=Artalk.init(Object.assign({el:"#artalk-wrap",server:"https://artalk.dreamlove.top",site:"梦洁小站",pageKey:location.pathname,darkMode:"dark"===document.documentElement.getAttribute("data-theme")},null)),"null"===GLOBAL_CONFIG.lightbox)return;t.on("list-loaded",()=>{t.ctx.get("list").getCommentNodes().forEach(t=>{const e=t.getRender().$content;btf.loadLightbox(e.querySelectorAll("img:not([atk-emoticon])"))})});btf.addGlobalFn("pjax",()=>{t.destroy()},"destroyArtalk")},a=async()=>{"object"==typeof Artalk||(await getCSS("https://lib.baomitu.com/artalk/2.8.2/Artalk.min.css"),await getScript("https://lib.baomitu.com/artalk/2.8.2/Artalk.min.js")),e()};btf.addGlobalFn("themeChange",e=>{const a=document.getElementById("artalk-wrap");if(!a||!a.children.length)return;const l="dark"===e;t.setDarkMode(l)},"artalk"),a()})()</script></div><script id="canvas_nest" defer color="0,0,255" opacity="0.7" zindex="-1" count="99" mobile="false" src="https://lib.baomitu.com/butterfly-extsrc/1.1.3/canvas-nest.min.js"></script><script async data-pjax src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script><div id="algolia-search"><div class="search-dialog"><nav class="search-nav"><span class="search-dialog-title">搜索</span><button class="search-close-button"><i class="fas fa-times"></i></button></nav><div class="search-wrap"><div id="algolia-search-input"></div><hr><div id="algolia-search-results"><div id="algolia-hits"></div><div id="algolia-pagination"></div><div id="algolia-info"><div class="algolia-stats"></div><div class="algolia-poweredBy"></div></div></div></div></div><div id="search-mask"></div><script src="https://lib.baomitu.com/algoliasearch/4.22.1/algoliasearch-lite.umd.min.js"></script><script src="https://lib.baomitu.com/instantsearch.js/4.65.0/instantsearch.production.min.js"></script><script src="/js/search/algolia.js?v=4.13.0"></script></div></div></body></html>