index.html

<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"><meta name="keywords" content="Hexo Theme Keep"><meta name="description" content="Hexo Theme Keep"><meta name="author" content="Boyzcf"><title>Boyzcf&#39;s Blog</title><link rel="stylesheet" href="/css/style.css"><link rel="shortcut icon" href="/images/my.svg"><link rel="stylesheet" href="/font/css/fontawesome.min.css"><link rel="stylesheet" href="/font/css/regular.min.css"><link rel="stylesheet" href="/font/css/solid.min.css"><link rel="stylesheet" href="/font/css/brands.min.css"><link rel="stylesheet" href="/css/custom-1.css"><script class="keep-theme-configurations">const KEEP=window.KEEP||{};KEEP.hexo_config={hostname:"gitboyzcf.github.io",root:"/",language:"zh-CN",path:"search.json"},KEEP.theme_config={base_info:{primary_color:"#0066cc",title:"Boyzcf's Blog",author:"Boyzcf",avatar:"/images/avatar.jpg",logo:"/images/my.svg",favicon:"/images/my.svg"},menu:{home:"/",archives:"/archives",tags:"/tags",categories:"/categories",links:"/links","效率":{children:[{"面试":"/work || fa-solid fa-book"},{tools:"/tools  || fa-solid fa-tools"}]},about:"/about"},first_screen:{enable:!0,background_img:"/images/bg.svg",background_img_dark:"/images/bg.svg",description:"Welcome to Boyzcf ’s world",hitokoto:!0},social_contact:{enable:!0,links:{github:"https://github.com/gitboyzcf",weixin:"img | /images/WeChat.png",qq:"img | /images/qq.png",weibo:null,zhihu:null,twitter:null,x:null,facebook:null,email:"boyzcf@qq.com"}},scroll:{progress_bar:!0,percent:!1,hide_header:!0},home:{announcement:null,category:!0,tag:!0,post_datetime:"created",post_datetime_format:"YYYY年MM月DD日 HH:mm:ss"},post:{author_badge:{enable:!0,level_badge:!0},word_count:{wordcount:!0,min2read:!0},datetime_format:"YYYY 年 MM 月 DD 日 HH:mm:ss",copyright_info:!0,share:!0,reward:{enable:!0,img_link:"/images/reward.png",text:"给作者来一杯卡布奇诺☕️",icon:"fa-regular fa-heart"}},code_block:{tools:{enable:!0,style:"default"},highlight_theme:"obsidian"},toc:{enable:!0,number:!1,expand_all:!0,init_open:!0,layout:"right"},website_count:{vercount_count:{enable:!0,site_uv:!0,site_pv:!0,page_pv:!0}},local_search:{enable:!0,preload:!0},comment:{enable:!0,use:"giscus",valine:{appid:null,appkey:null,server_urls:null,placeholder:null},gitalk:{github_id:null,github_admins:null,repository:null,client_id:null,client_secret:null,proxy:null},twikoo:{env_id:null,region:null,version:"1.6.39"},waline:{server_url:null,reaction:!1,version:"3.3.2"},giscus:{repo:"gitboyzcf/gitboyzcf.github.io",repo_id:"R_kgDOObiD2g",category:"Announcements",category_id:"DIC_kwDOObiD2s4CpOUb",reactions_enabled:!0},artalk:{server:null},disqus:{shortname:null}},rss:{enable:!0},lazyload:{enable:!0},cdn:{enable:!1,provider:"cdnjs"},pjax:{enable:!0},footer:{since:2025,word_count:!1,site_deploy:{enable:!0,provider:"github",url:"https://github.com/"},record:{enable:!1,list:[{code:null,link:null}]}},inject:{enable:!0,css:[null,"/css/custom-1.css"],js:[null,"/js/run-day.js"]},root:"",source_data:{links:[{title:"大佬们"},{name:"XPoet",link:"https://xpoet.cn",description:"懒惰是程序员第一生产力",avatar:"https://xpoet.cn/images/avatar.png"}],icons:{"掘金":{svg:'<svg t="1744005504444" class="icon" viewBox="0 0 1316 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10041" width="32" height="32"><path d="M643.181714 247.698286l154.916572-123.172572L643.181714 0.256 643.072 0l-154.660571 124.269714 154.660571 123.245715 0.109714 0.182857z m0 388.461714h0.109715l399.579428-315.245714-108.361143-87.04-291.218285 229.888h-0.146286l-0.109714 0.146285L351.817143 234.093714l-108.251429 87.04 399.433143 315.136 0.146286-0.146285z m-0.146285 215.552l0.146285-0.146286 534.893715-422.034285 108.397714 87.04-243.309714 192L643.145143 1024 10.422857 525.056 0 516.754286l108.251429-86.893715L643.035429 851.748571z" fill="#1E80FF" p-id="10042"></path></svg>',link:"https://juejin.cn/user/853651045488455"},CSDN:{svg:'<svg t="1744005708621" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11632" width="32" height="32"><path d="M512 1024C229.2224 1024 0 794.7776 0 512 0 229.2224 229.2224 0 512 0c282.7776 0 512 229.2224 512 512 0 282.7776-229.2224 512-512 512z m17.066667-413.525333c34.850133 4.352 68.778667 5.12 102.741333 2.0992 23.04-2.048 44.817067-8.362667 64.170667-21.9136 38.212267-26.794667 49.783467-85.1968 24.251733-123.050667-14.626133-21.7088-36.8128-30.344533-60.757333-35.498667-35.054933-7.543467-70.4512-5.751467-105.847467-3.413333-5.666133 0.3584-6.7584 3.072-7.236267 8.209067-3.072 32.682667-6.536533 65.314133-9.813333 97.962666-2.5088 24.814933-4.932267 49.629867-7.509333 75.605334z m53.4016-33.928534c1.962667-20.906667 3.6352-39.338667 5.4272-57.770666 1.553067-15.906133 3.413333-31.778133 4.727466-47.701334 0.3584-4.283733 1.553067-6.656 5.956267-6.382933 15.616 1.041067 31.709867 0.034133 46.728533 3.652267 36.488533 8.823467 48.725333 54.306133 23.3472 83.029333-15.8208 17.902933-36.7616 23.586133-59.255466 25.088-8.465067 0.546133-17.015467 0.085333-26.9312 0.085333zM512 434.295467c-2.184533-0.648533-3.5328-1.1776-4.932267-1.4336-37.717333-6.877867-75.690667-8.328533-113.646933-2.816-20.974933 3.037867-41.0112 9.489067-57.480533 23.330133-22.9888 19.319467-21.640533 46.848 4.4032 62.0032 13.056 7.594667 28.023467 12.509867 42.5984 17.288533 14.08 4.608 28.996267 6.826667 43.144533 11.264 12.5952 3.925333 14.011733 14.318933 3.584 22.306134-3.345067 2.56-7.441067 5.085867-11.537067 5.751466-11.195733 1.826133-22.698667 4.386133-33.826133 3.566934-24.098133-1.774933-48.042667-5.461333-72.5504-8.430934-1.365333 10.615467-2.935467 23.0912-4.5568 35.9424 4.181333 1.365333 7.68 2.730667 11.264 3.618134 33.9456 8.4992 68.386133 9.608533 102.912 5.12 20.087467-2.6112 39.4752-7.901867 56.695467-19.029334 28.603733-18.4832 36.693333-57.1904-4.676267-75.383466-14.506667-6.382933-30.190933-10.410667-45.482667-15.086934-11.4176-3.4816-23.313067-5.614933-34.525866-9.5232-9.7792-3.413333-11.144533-12.202667-3.037867-18.397866 4.6592-3.549867 10.717867-6.997333 16.384-7.3728a480.853333 480.853333 0 0 1 53.384533-0.853334c15.377067 0.699733 30.651733 3.549867 46.4896 5.5296L512 434.295467z m257.143467 2.048L750.933333 614.2976h54.152534c4.778667-45.636267 9.710933-90.7264 14.062933-135.8848 0.6144-6.365867 2.3552-8.840533 8.686933-9.0112 11.434667-0.273067 22.8864-1.979733 34.286934-1.570133 23.722667 0.853333 42.3936 9.728 38.4 43.264-2.901333 24.2688-5.597867 48.571733-8.2432 72.874666-1.092267 10.069333-1.826133 20.189867-2.730667 30.4128h55.330133c3.584-35.259733 7.9872-70.058667 10.496-104.994133 3.413333-47.4624-17.7664-73.3184-64.682666-80.213333-40.96-6.007467-81.339733-0.341333-121.5488 7.133866z m-483.498667 134.6048c-8.738133 1.297067-16.384 2.798933-24.098133 3.4816-25.6512 2.235733-51.319467 3.9424-76.305067-4.266667-13.909333-4.590933-24.6784-12.578133-29.7984-25.9584-7.901867-20.701867 0.887467-47.104 19.831467-60.3136 17.373867-12.117333 37.717333-15.9232 58.453333-15.9232 22.545067-0.017067 45.090133 2.423467 68.232533 3.84L307.2 432.298667c-15.069867-1.723733-29.4912-3.925333-43.997867-4.9152-41.0112-2.798933-80.64 2.6112-117.469866 20.462933-30.020267 14.557867-52.053333 36.010667-58.6752 68.130133-7.850667 38.144 11.537067 69.495467 51.7632 85.845334 19.1488 7.765333 39.287467 12.509867 60.0064 12.5952 24.746667 0.1024 49.493333-1.570133 74.205866-2.952534 3.106133-0.170667 8.311467-2.901333 8.669867-5.034666 1.979733-11.554133 2.730667-23.278933 3.9424-35.464534z" fill="#DD1700" p-id="11633"></path></svg>',link:"https://blog.csdn.net/qq_43775179"}},tools:[{category:"Vue",anchorId:"VnVl0"},{name:"Vue.js",link:"https://cn.vuejs.org/"},{name:"Vuex",link:"https://vuex.vuejs.org/zh/index.html"},{name:"Vue Router",link:"https://router.vuejs.org/zh/"},{name:"Vue CLI",link:"https://cli.vuejs.org/zh/guide/"},{name:"Vue I18n",link:"https://kazupon.github.io/vue-i18n/zh/"},{name:"VuePress",link:"https://v2.vuepress.vuejs.org/zh/"},{name:"VitePress",link:"https://vitepress.dev/"},{name:"eslint-plugin-vue",link:"https://eslint.vuejs.org/"},{name:"Vue Test Utils",link:"https://test-utils.vuejs.org/"},{name:"VueUse 官网",link:"https://vueuse.org/"},{name:"VueUse 中文",link:"https://www.vueusejs.com/"},{name:"Vue3 One Piece",link:"https://vue3js.cn/"},{name:"Nuxt",link:"https://nuxt.com/"},{name:"Nuxt3 中文",link:"https://nuxt.com.cn/"},{name:"Pinia",link:"https://pinia.vuejs.org/zh/"},{name:"Element Plus",link:"https://element-plus.gitee.io/zh-CN/"},{name:"View Design",link:"https://www.iviewui.com/"},{name:"Vant",link:"https://vant-contrib.gitee.io/vant/#/zh-CN/"},{name:"Ant Design Vue",link:"https://www.antdv.com/components/overview-cn"},{name:"Naive UI",link:"https://www.naiveui.com/zh-CN/light"},{name:"vxe-table",link:"https://vxetable.cn/"},{name:"OpenTiny",link:"https://opentiny.design/"},{name:"Quasar",link:"https://quasar.dev/"},{category:"React",anchorId:"UmVhY3Q24"},{name:"React",link:"https://react.zcopy.site/"},{name:"React 中文网",link:"https://react.nodejs.cn/"},{name:"React Native",link:"https://www.react-native.cn/"},{name:"Create React App",link:"https://cra.nodejs.cn/"},{name:"React Router",link:"https://reactrouter.com/en/main"},{name:"Redux",link:"https://cn.redux.js.org/"},{name:"UmiJS",link:"https://umijs.org/"},{name:"Next.js",link:"https://www.nextjs.cn/"},{name:"Ant Design of React",link:"https://ant.design/docs/react/introduce-cn"},{name:"ahooks",link:"https://ahooks.gitee.io/zh-CN"},{name:"Alibaba Formily",link:"https://v2.formilyjs.org/zh-CN"},{name:"Recoil",link:"https://recoiljs.org/zh-hans/"},{name:"Semi Design",link:"https://semi.design/zh-CN/"},{name:"Remix",link:"https://remix.run/"},{name:"Docusaurus",link:"https://docusaurus.nodejs.cn/"},{name:"Preact",link:"https://preact.nodejs.cn/"},{name:"MobX",link:"https://mobx.nodejs.cn/"},{name:"SWR",link:"https://swr.nodejs.cn/"},{category:"CSS",anchorId:"Q1NT43"},{name:"Sass",link:"https://sass.nodejs.cn/"},{name:"Less",link:"https://less.nodejs.cn/"},{name:"Stylus",link:"https://stylus.nodejs.cn/"},{name:"PostCSS",link:"https://postcss.nodejs.cn/"},{name:"Tailwind CSS",link:"https://tailwind.nodejs.cn/"},{name:"UnoCSS",link:"https://unocss.dev/"},{name:"Windi CSS",link:"https://windicss.org/"},{name:"Animate.css",link:"https://animate.style/"},{name:"Bootstrap",link:"https://bootstrap.nodejs.cn/"},{name:"新拟态生成器",link:"https://neumorphism.io/"},{name:"三种拟态生成器",link:"https://hype4.academy/tools"},{name:"404 Illustrations",link:"https://error404.fun/"},{name:"Grid Garden",link:"https://cssgridgarden.com/#zh-cn"},{name:"Flexbox Froggy",link:"https://flexboxfroggy.com/#zh-cn"},{name:"Can I use",link:"https://caniuse.com/"},{name:"Cool Backgrounds",link:"https://coolbackgrounds.io/"},{name:"在线制作css动画",link:"https://animista.net/"},{name:"渐变色制作",link:"https://cssgradient.io/"},{name:"CSS属性速查",link:"https://cssvalues.com/"},{name:"CSS clip-path maker",link:"https://www.techbrood.com/tool?p=css-clip-path"},{category:"JavaScript",anchorId:"SmF2YVNjcmlwdA64"},{name:"Lodash",link:"https://www.lodashjs.com/"},{name:"Futil",link:"https://smartprocure.github.io/futil-js/#overNone"},{name:"阮一峰ES6",link:"https://es6.ruanyifeng.com/#docs/style"},{name:"Moment.js",link:"https://moment.nodejs.cn/"},{name:"Day.js",link:"https://day.nodejs.cn/"},{name:"swiper",link:"https://www.swiper.com.cn/"},{name:"Mock.js",link:"http://mockjs.com/"},{name:"EJS",link:"https://ejs.bootcss.com/#promo"},{name:"Handlebars",link:"https://handlebars.nodejs.cn/"},{name:"Pug",link:"https://pug.nodejs.cn/"},{name:"Math.js",link:"https://mathjs.org/"},{name:"Print.js",link:"https://printjs.crabbly.com/"},{name:"PDF.js",link:"http://mozilla.github.io/pdf.js/"},{name:"SheetJS",link:"https://xlsx.nodejs.cn/"},{name:"xijs",link:"http://h5.dooring.cn/xijs"},{name:"Axios",link:"https://axios.nodejs.cn/"},{name:"RxJS",link:"https://rx.nodejs.cn/"},{name:"Floating UI",link:"https://floating.nodejs.cn/"},{name:"Cheerio",link:"https://cheerio.nodejs.cn/"},{name:"localForage",link:"https://localforage.docschina.org/"},{category:"TypeScript",anchorId:"VHlwZVNjcmlwdA85"},{name:"TypeScript",link:"https://ts.nodejs.cn/"},{name:"TypeScript 入门教程",link:"https://ts.xcatliu.com/"},{name:"深入理解 TypeScript",link:"https://jkchao.github.io/typescript-book-chinese/"},{name:"TypeScript 类型挑战",link:"https://tsch.js.org/"},{category:"NodeJS",anchorId:"Tm9kZUpT90"},{name:"Node.js 中文文档",link:"https://nodejs.cn/"},{name:"Node.js 英文官网",link:"https://nodejs.org/en"},{name:"Express",link:"https://express.nodejs.cn/"},{name:"koa",link:"https://koa.nodejs.cn/"},{name:"Egg",link:"https://www.eggjs.org/zh-CN"},{name:"Nest",link:"https://nest.nodejs.cn/"},{name:"Node.js Toolbox",link:"https://nodejstoolbox.com/"},{name:"Puppeteer",link:"https://pptr.nodejs.cn/"},{name:"Prisma",link:"https://prisma.nodejs.cn/"},{name:"GraphQL",link:"https://graphql.nodejs.cn/"},{name:"Sequelize",link:"https://sequelize.nodejs.cn/"},{category:"官方文档",anchorId:"JUU1JUFFJTk4JUU2JTk2JUI5JUU2JTk2JTg3JUU2JUExJUEz102"},{name:"MDN Web Docs",link:"https://developer.mozilla.org/zh-CN/"},{name:"Socket.IO",link:"https://socket.nodejs.cn/"},{name:"Svelte",link:"https://www.sveltejs.cn/"},{name:"uni-app",link:"https://uniapp.dcloud.net.cn/"},{name:"Angular",link:"https://angular.cn/"},{name:"solid",link:"https://www.solidjs.cn/"},{name:"Electron",link:"https://www.electronjs.org/zh/"},{name:"tauri",link:"https://tauri.app/zh-cn/"},{name:"微信小程序",link:"https://developers.weixin.qq.com/miniprogram/dev/framework/"},{name:"Taro",link:"https://taro-docs.jd.com/docs"},{name:"Flutter",link:"https://flutterchina.club/"},{name:"NPM 中文网",link:"https://npm.nodejs.cn/"},{name:"FLOW",link:"https://flow.nodejs.cn/"},{name:"Dart",link:"https://www.dartcn.com/"},{name:"Quarkc",link:"https://quarkc.hellobike.com/#/"},{name:"Astro",link:"https://astro.build/"},{name:"Qwik",link:"https://qwik.builder.io/"},{name:"Rust",link:"https://www.rust-lang.org/zh-CN/"},{name:"MDX",link:"https://mdx.nodejs.cn/"},{name:"AssemblyScript",link:"https://assemblyscript.nodejs.cn/"},{category:"视觉图表库",anchorId:"JUU4JUE3JTg2JUU4JUE3JTg5JUU1JTlCJUJFJUU4JUExJUE4JUU1JUJBJTkz123"},{name:"Apache ECharts",link:"https://echarts.apache.org/zh/index.html"},{name:"Chart.js",link:"https://chart.nodejs.cn/"},{name:"ECharts 图表集",link:"https://www.isqqw.com/"},{name:"three.js",link:"https://threejs.org/docs/index.html#manual/zh/introduction/Installation"},{name:"Fabric.js",link:"http://fabricjs.com/"},{name:"Highcharts",link:"https://www.hcharts.cn/"},{name:"AntV",link:"https://antv.vision/"},{name:"D3.js",link:"https://d3js.org/"},{name:"ApexCharts",link:"https://apexcharts.com/"},{name:"PPChart",link:"http://ppchart.com/#/"},{category:"代码管理",anchorId:"JUU0JUJCJUEzJUU3JUEwJTgxJUU3JUFFJUExJUU3JTkwJTg2134"},{name:"Github",link:"https://github.com/"},{name:"Git",link:"https://github.com/"},{name:"Gitee",link:"https://git-scm.com/"},{name:"NPM",link:"https://www.npmjs.com/"},{name:"NPM下载量查询",link:"https://npm-stat.com/"},{name:"Gitlab",link:"https://about.gitlab.com/"},{name:"Travis-CI",link:"https://www.travis-ci.com/"},{name:"Yarn",link:"https://yarn.nodejs.cn/"},{name:"pnpm",link:"https://pnpm.io/zh/"},{name:"Lerna",link:"https://lerna.nodejs.cn/"},{name:"ESlint",link:"https://zh-hans.eslint.org/"},{name:"Prettier",link:"https://prettier.nodejs.cn/"},{name:"Stylelint",link:"https://stylelint.nodejs.cn/"},{category:"构建工具",anchorId:"JUU2JTlFJTg0JUU1JUJCJUJBJUU1JUI3JUE1JUU1JTg1JUI3148"},{name:"Vite",link:"https://cn.vitejs.dev"},{name:"webpack",link:"https://webpack.docschina.org/"},{name:"gulp",link:"https://gulp.nodejs.cn/"},{name:"Turbopack",link:"https://turbo.build/pack"},{name:"Babel",link:"https://babel.nodejs.cn/"},{name:"Rollup",link:"https://www.rollupjs.com/"},{name:"Parcel",link:"https://parcel.nodejs.cn/"},{category:"微前端",anchorId:"JUU1JUJFJUFFJUU1JTg5JThEJUU3JUFCJUFG156"},{name:"MicroApp",link:"https://zeroing.jd.com/micro-app/"},{name:"single-spa",link:"https://zh-hans.single-spa.js.org/"},{name:"qiankun",link:"https://qiankun.umijs.org/zh"},{name:"icestark",link:"https://micro-frontends.ice.work/"},{name:"无界",link:"https://wujie-micro.github.io/doc/"},{name:"Garfish",link:"https://www.garfishjs.org/"},{category:"测试库",anchorId:"JUU2JUI1JThCJUU4JUFGJTk1JUU1JUJBJTkz163"},{name:"Jest",link:"https://jestjs.io/zh-Hans/"},{name:"Mocha",link:"https://mocha.nodejs.cn/"},{name:"Playwright",link:"https://playwright.nodejs.cn/"},{name:"Vitest",link:"https://cn.vitest.dev/"},{category:"开发工具",anchorId:"JUU1JUJDJTgwJUU1JThGJTkxJUU1JUI3JUE1JUU1JTg1JUI3168"},{name:"正则表达式",link:"https://regexr.com/"},{name:"uiverse 组件",link:"https://uiverse.io/"},{name:"阿里巴巴图标库",link:"https://www.iconfont.cn/"},{name:"TinyPNG 图片压缩",link:"https://tinypng.com/"},{name:"yalijuda 图片压缩",link:"https://www.yalijuda.com/"},{name:"Emmet快捷方式查询",link:"http://www.aseoe.com/special/emmet/"},{name:"carbon",link:"https://carbon.now.sh/"},{name:"JSONPlaceholder",link:"http://jsonplaceholder.typicode.com/"},{name:"代码在线编辑",link:"https://stackblitz.com/"},{name:"字体格式转换",link:"https://transfonter.org/"},{name:"TS转JS代码",link:"https://www.typescriptlang.org/zh/play?"},{name:"OverAPI",link:"https://overapi.com/"},{name:"BootCDN",link:"https://www.bootcdn.cn/"},{name:"颜色转换工具",link:"https://sunpma.com/other/rgb/"},{name:"正则大全",link:"https://any86.github.io/any-rule/"},{name:"制作精灵图",link:"https://www.toptal.com/developers/css/sprite-generator"},{category:"其它工具",anchorId:"JUU1JTg1JUI2JUU1JUFFJTgzJUU1JUI3JUE1JUU1JTg1JUI3185"},{name:"腾讯帮小忙",link:"https://tool.browser.qq.com/"},{name:"前端工具箱",link:"https://www.runjs.cool/"},{name:"万能命令",link:"https://wannengrun.net/zh/"},{name:"网页转换助手",link:"http://www.mmhtml.com/zh/"},{name:"菜鸟工具",link:"https://c.runoob.com/"},{name:"MikuTools",link:"https://tools.miku.ac/"},{name:"在线工具",link:"https://tool.lu/"},{name:"草料二维码",link:"https://cli.im/"},{name:"格式转换",link:"https://www.aconvert.com/cn/"},{name:"PDF24 Tools",link:"https://tools.pdf24.org/zh/all-tools"},{name:"磁力神器",link:"https://cilishenqi.icu/"},{category:"技术成长",anchorId:"JUU2JThBJTgwJUU2JTlDJUFGJUU2JTg4JTkwJUU5JTk1JUJG197"},{name:"1loc",link:"https://phuoc.ng/collection/1-loc/"},{name:"技术开发分享录",link:"https://fenxianglu.cn/"},{name:"书栈网",link:"https://www.bookstack.cn/"},{name:"慕课网",link:"https://www.imooc.com/"},{name:"现代 JavaScript 教程",link:"https://zh.javascript.info/"},{name:"牛客网",link:"https://www.nowcoder.com/"},{name:"力扣",link:"https://leetcode.cn/"},{name:"菜鸟教程",link:"https://www.runoob.com/"},{name:"web全栈体系",link:"https://senior-frontend.pages.dev/"},{name:"w3school",link:"https://www.w3school.com.cn/index.html"},{name:"印记中文",link:"https://docschina.org/"},{name:"阮一峰博客",link:"https://www.ruanyifeng.com/blog/"},{name:"剑指offer算法题",link:"https://eveningwater.github.io/to-offer/#/"},{category:"技术社区",anchorId:"JUU2JThBJTgwJUU2JTlDJUFGJUU3JUE0JUJFJUU1JThDJUJB211"},{name:"稀土掘金",link:"https://juejin.cn"},{name:"CSDN",link:"https://blog.csdn.net"},{name:"知乎",link:"https://www.zhihu.com"},{name:"简书",link:"https://www.jianshu.com"},{name:"吾爱论坛",link:"https://www.52pojie.cn/"},{name:"博客园",link:"https://www.cnblogs.com/"},{name:"segmentfault",link:"https://segmentfault.com/"},{name:"stackoverflow",link:"https://stackoverflow.com/",image:"/images/tools/favicon.ico"},{name:"CNode",link:"https://cnodejs.org/"},{name:"开源中国",link:"https://www.oschina.net/"},{category:"找图作图",anchorId:"JUU2JTg5JUJFJUU1JTlCJUJFJUU0JUJEJTlDJUU1JTlCJUJF222"},{name:"享岚脑图",link:"https://nrdstudio.cn/"},{name:"改图鸭",link:"https://www.gaituya.com/"},{name:"ProcessOn",link:"https://www.processon.com/"},{name:"智能抠图",link:"https://www.isheji.com/cutout/workbench?img_id=60c9b7284a9a3"},{name:"Draw.io",link:"https://app.diagrams.net/"},{name:"路过图床",link:"https://imgse.com/"},{name:"中国传统颜色",link:"http://zhongguose.com/"},{name:"Pexels",link:"https://www.pexels.com/zh-cn/"},{name:"图精灵",link:"https://616pic.com/"},{name:"allpaper Abyss",link:"https://wall.alphacoders.com/"},{name:"彼岸图网",link:"https://pic.netbian.com/"},{name:"unsplash",link:"https://unsplash.com/"},{name:"免费字体",link:"https://www.fontspace.com/"},{name:"Awesome Wallpapers",link:"https://wallhaven.cc/"},{name:"奇迹秀",link:"https://www.qijishow.com/"},{name:"在线PS",link:"https://ps.gaoding.com/#/"},{name:"像素风格制作",link:"https://www.pixilart.com/draw"},{name:"堆糖",link:"https://www.duitang.com/"},{category:"影视音乐",anchorId:"JUU1JUJEJUIxJUU4JUE3JTg2JUU5JTlGJUIzJUU0JUI5JTkw241"},{name:"耐看点播",link:"https://www.nkvod.com/"},{name:"VIP视频在线解析",link:"https://www.yijingying.com/html/video/"},{name:"漫漫看",link:"https://www.manmankan.com/dy2013/"},{name:"美剧天堂",link:"https://www.meijutt.tv/"},{name:"电影天堂",link:"https://dy.dytt8.net/index2.htm"},{name:"优酷视频",link:"https://www.youku.com"},{name:"爱奇艺视频",link:"https://www.iqiyi.com"},{name:"芒果视频",link:"https://www.mgtv.com"},{name:"哔哩哔哩",link:"https://www.bilibili.com"},{name:"腾讯视频",link:"https://v.qq.com"},{name:"英雄联盟赛事官网",link:"https://lpl.qq.com"},{name:"虎牙直播",link:"https://www.huya.com"},{name:"斗鱼直播",link:"https://www.douyu.com"},{name:"Listen1",link:"https://listen1.github.io/listen1/"},{name:"LX Music",link:"https://lxmusic.toside.cn/"},{name:"无损音乐下载",link:"https://flac.life/"},{name:"HiFiNi - 音乐磁场",link:"https://www.hifini.com/"},{category:"AI",anchorId:"QUk259"},{name:"ChatGPT",link:"https://chat.openai.com/",description:"OpenAI 旗下 AI 聊天对话工具"},{name:"文心一言",link:"https://yiyan.baidu.com/"},{name:"通义千问",link:"https://tongyi.aliyun.com/"}]},version:"4.2.5"},KEEP.language_ago={second:"%s 秒前",minute:"%s 分钟前",hour:"%s 小时前",day:"%s 天前",week:"%s 周前",month:"%s 个月前",year:"%s 年前"},KEEP.language_code_block={copy:"复制代码",copied:"已复制",fold:"折叠代码块",folded:"已折叠"},KEEP.language_copy_copyright={copy:"复制版权信息",copied:"已复制",title:"原文标题",author:"原文作者",link:"原文链接"}</script><meta name="generator" content="Hexo 7.3.0"><link rel="alternate" href="/atom.xml" title="Hexo" type="application/atom+xml">
</head><body><div class="progress-bar-container"><span class="scroll-progress-bar"></span> <span class="pjax-progress-bar"></span> <i class="pjax-progress-icon fas fa-circle-notch fa-spin"></i></div><main class="page-container border-box"><div class="first-screen-container border-box flex-center fade-in-down-animation"><div class="first-screen-content border-box"><div class="top-placeholder border-box"></div><div class="middle-placeholder border-box"><div class="description border-box"><div class="desc-item border-box"><span class="desc hitokoto"></span><span class="cursor">｜</span></div></div><script async data-pjax src="https://v1.hitokoto.cn/?encode=js"></script></div><div class="bottom-placeholder border-box"><div class="sc-icon-list border-box"><div class="tooltip sc-icon-item" data-tooltip-content="GitHub"><a target="_blank" href="https://github.com/gitboyzcf"><i class="fab fa-github"></i></a></div><div class="tooltip sc-icon-item tooltip-img clear" data-tooltip-content="微信" data-tooltip-img-name="weixin" data-tooltip-img-url="/images/WeChat.png"><i class="fab fa-weixin"></i></div><div class="tooltip sc-icon-item tooltip-img clear" data-tooltip-content="QQ" data-tooltip-img-name="qq" data-tooltip-img-url="/images/qq.png"><i class="fab fa-qq"></i></div><div class="tooltip sc-icon-item" data-tooltip-content="Email"><a href="mailto:boyzcf@qq.com"><i class="fas fa-envelope"></i></a></div><div class="tooltip border-box sc-icon-item 掘金" data-tooltip-content="掘金"><a target="_blank" href="https://juejin.cn/user/853651045488455"><svg t="1744005504444" class="icon" viewBox="0 0 1316 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10041" width="32" height="32"><path d="M643.181714 247.698286l154.916572-123.172572L643.181714 0.256 643.072 0l-154.660571 124.269714 154.660571 123.245715 0.109714 0.182857z m0 388.461714h0.109715l399.579428-315.245714-108.361143-87.04-291.218285 229.888h-0.146286l-0.109714 0.146285L351.817143 234.093714l-108.251429 87.04 399.433143 315.136 0.146286-0.146285z m-0.146285 215.552l0.146285-0.146286 534.893715-422.034285 108.397714 87.04-243.309714 192L643.145143 1024 10.422857 525.056 0 516.754286l108.251429-86.893715L643.035429 851.748571z" fill="#1E80FF" p-id="10042"></path></svg></a></div><div class="tooltip border-box sc-icon-item CSDN" data-tooltip-content="CSDN"><a target="_blank" href="https://blog.csdn.net/qq_43775179"><svg t="1744005708621" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11632" width="32" height="32"><path d="M512 1024C229.2224 1024 0 794.7776 0 512 0 229.2224 229.2224 0 512 0c282.7776 0 512 229.2224 512 512 0 282.7776-229.2224 512-512 512z m17.066667-413.525333c34.850133 4.352 68.778667 5.12 102.741333 2.0992 23.04-2.048 44.817067-8.362667 64.170667-21.9136 38.212267-26.794667 49.783467-85.1968 24.251733-123.050667-14.626133-21.7088-36.8128-30.344533-60.757333-35.498667-35.054933-7.543467-70.4512-5.751467-105.847467-3.413333-5.666133 0.3584-6.7584 3.072-7.236267 8.209067-3.072 32.682667-6.536533 65.314133-9.813333 97.962666-2.5088 24.814933-4.932267 49.629867-7.509333 75.605334z m53.4016-33.928534c1.962667-20.906667 3.6352-39.338667 5.4272-57.770666 1.553067-15.906133 3.413333-31.778133 4.727466-47.701334 0.3584-4.283733 1.553067-6.656 5.956267-6.382933 15.616 1.041067 31.709867 0.034133 46.728533 3.652267 36.488533 8.823467 48.725333 54.306133 23.3472 83.029333-15.8208 17.902933-36.7616 23.586133-59.255466 25.088-8.465067 0.546133-17.015467 0.085333-26.9312 0.085333zM512 434.295467c-2.184533-0.648533-3.5328-1.1776-4.932267-1.4336-37.717333-6.877867-75.690667-8.328533-113.646933-2.816-20.974933 3.037867-41.0112 9.489067-57.480533 23.330133-22.9888 19.319467-21.640533 46.848 4.4032 62.0032 13.056 7.594667 28.023467 12.509867 42.5984 17.288533 14.08 4.608 28.996267 6.826667 43.144533 11.264 12.5952 3.925333 14.011733 14.318933 3.584 22.306134-3.345067 2.56-7.441067 5.085867-11.537067 5.751466-11.195733 1.826133-22.698667 4.386133-33.826133 3.566934-24.098133-1.774933-48.042667-5.461333-72.5504-8.430934-1.365333 10.615467-2.935467 23.0912-4.5568 35.9424 4.181333 1.365333 7.68 2.730667 11.264 3.618134 33.9456 8.4992 68.386133 9.608533 102.912 5.12 20.087467-2.6112 39.4752-7.901867 56.695467-19.029334 28.603733-18.4832 36.693333-57.1904-4.676267-75.383466-14.506667-6.382933-30.190933-10.410667-45.482667-15.086934-11.4176-3.4816-23.313067-5.614933-34.525866-9.5232-9.7792-3.413333-11.144533-12.202667-3.037867-18.397866 4.6592-3.549867 10.717867-6.997333 16.384-7.3728a480.853333 480.853333 0 0 1 53.384533-0.853334c15.377067 0.699733 30.651733 3.549867 46.4896 5.5296L512 434.295467z m257.143467 2.048L750.933333 614.2976h54.152534c4.778667-45.636267 9.710933-90.7264 14.062933-135.8848 0.6144-6.365867 2.3552-8.840533 8.686933-9.0112 11.434667-0.273067 22.8864-1.979733 34.286934-1.570133 23.722667 0.853333 42.3936 9.728 38.4 43.264-2.901333 24.2688-5.597867 48.571733-8.2432 72.874666-1.092267 10.069333-1.826133 20.189867-2.730667 30.4128h55.330133c3.584-35.259733 7.9872-70.058667 10.496-104.994133 3.413333-47.4624-17.7664-73.3184-64.682666-80.213333-40.96-6.007467-81.339733-0.341333-121.5488 7.133866z m-483.498667 134.6048c-8.738133 1.297067-16.384 2.798933-24.098133 3.4816-25.6512 2.235733-51.319467 3.9424-76.305067-4.266667-13.909333-4.590933-24.6784-12.578133-29.7984-25.9584-7.901867-20.701867 0.887467-47.104 19.831467-60.3136 17.373867-12.117333 37.717333-15.9232 58.453333-15.9232 22.545067-0.017067 45.090133 2.423467 68.232533 3.84L307.2 432.298667c-15.069867-1.723733-29.4912-3.925333-43.997867-4.9152-41.0112-2.798933-80.64 2.6112-117.469866 20.462933-30.020267 14.557867-52.053333 36.010667-58.6752 68.130133-7.850667 38.144 11.537067 69.495467 51.7632 85.845334 19.1488 7.765333 39.287467 12.509867 60.0064 12.5952 24.746667 0.1024 49.493333-1.570133 74.205866-2.952534 3.106133-0.170667 8.311467-2.901333 8.669867-5.034666 1.979733-11.554133 2.730667-23.278933 3.9424-35.464534z" fill="#DD1700" p-id="11633"></path></svg></a></div></div></div></div></div><div class="page-main-content border-box is-home"><div class="page-main-content-top"><header class="header-wrapper transparent-1"><div class="border-box header-content has-first-screen"><div class="left flex-start border-box"><a class="logo-image border-box" href="/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="23.4 27.04 35.2 40.56"><path class="path1" d="M 25 31 Q 24 36 45 32 Q 33 37 24 49 Q 38 43 24 67 Q 43 35 43 45 Q 42 38 35 52 Q 33 59 46 47 Q 58 25 58 28 Q 58 25 46 47 Q 39 61 43 61 Q 46 61 46 49 Q 45 47 53 46" stroke="#000000" stroke-width="1" fill="none"/></svg> </a><a class="site-name border-box" href="/">Boyzcf&#39;s Blog</a></div><div class="right border-box"><div class="pc border-box"><ul class="menu-list border-box"><li class="menu-item flex-start border-box active"><a class="menu-text-color border-box" href="/">首页</a></li><li class="menu-item flex-start border-box"><a class="menu-text-color border-box" href="/archives">归档</a></li><li class="menu-item flex-start border-box"><a class="menu-text-color border-box" href="/tags">标签</a></li><li class="menu-item flex-start border-box"><a class="menu-text-color border-box" href="/categories">分类</a></li><li class="menu-item flex-start border-box"><a class="menu-text-color border-box" href="/links">友链</a></li><li class="menu-item flex-start border-box has-sub-menu"><a class="menu-text-color border-box" href="javascript:void(0);">效率 <i class="menu-text-color collapse-icon fa-solid fa-angle-down"></i></a><ul class="sub-menu-list border-box"><li class="sub-menu-item border-box"><a class="menu-text-color border-box flex-start" href="/work"><i class="menu-text-color sub-menu-icon fa-solid fa-book"></i> 面试</a></li><li class="sub-menu-item border-box"><a class="menu-text-color border-box flex-start" href="/tools"><i class="menu-text-color sub-menu-icon fa-solid fa-tools"></i> 工具</a></li></ul></li><li class="menu-item flex-start border-box"><a class="menu-text-color border-box" href="/about">关于</a></li><li class="menu-item search search-popup-trigger"><i class="menu-text-color fas search fa-search"></i></li></ul></div><div class="mobile border-box flex-start"><div class="icon-item search search-popup-trigger"><i class="fas fa-search"></i></div><div class="icon-item menu-bar"><div class="menu-bar-middle"></div></div></div></div></div><div class="header-drawer"><ul class="drawer-menu-list border-box"><li class="drawer-menu-item border-box not-sub-menu active"><label class="drawer-menu-label border-box"><a class="drawer-menu-text-color left-side flex-start border-box" href="/">首页</a></label></li><li class="drawer-menu-item border-box not-sub-menu"><label class="drawer-menu-label border-box"><a class="drawer-menu-text-color left-side flex-start border-box" href="/archives">归档</a></label></li><li class="drawer-menu-item border-box not-sub-menu"><label class="drawer-menu-label border-box"><a class="drawer-menu-text-color left-side flex-start border-box" href="/tags">标签</a></label></li><li class="drawer-menu-item border-box not-sub-menu"><label class="drawer-menu-label border-box"><a class="drawer-menu-text-color left-side flex-start border-box" href="/categories">分类</a></label></li><li class="drawer-menu-item border-box not-sub-menu"><label class="drawer-menu-label border-box"><a class="drawer-menu-text-color left-side flex-start border-box" href="/links">友链</a></label></li><li class="drawer-menu-item border-box has-sub-menu"><label class="drawer-menu-label border-box"><a class="drawer-menu-text-color left-side flex-start border-box" href="javascript:void(0);">效率 </a><i class="right-side collapse-icon fa-solid fa-angle-left"></i></label><ul class="drawer-sub-menu-list border-box"><li class="sub-menu-item border-box"><a class="drawer-menu-text-color border-box flex-start" href="/work"><span class="sub-menu-icon-wrap border-box flex-center"><i class="drawer-menu-text-color sub-menu-icon fa-solid fa-book"></i> </span>面试</a></li><li class="sub-menu-item border-box"><a class="drawer-menu-text-color border-box flex-start" href="/tools"><span class="sub-menu-icon-wrap border-box flex-center"><i class="drawer-menu-text-color sub-menu-icon fa-solid fa-tools"></i> </span>工具</a></li></ul></li><li class="drawer-menu-item border-box not-sub-menu"><label class="drawer-menu-label border-box"><a class="drawer-menu-text-color left-side flex-start border-box" href="/about">关于</a></label></li></ul></div><div class="window-mask"></div></header></div><div class="page-main-content-middle border-box"><div class="main-content border-box"><div class="home-content-container fade-in-down-animation"><ul class="home-post-list border-box"><li class="home-post-item"><div class="home-post-item-top border-box" style="height:120px"><div class="post-sticky-box cover-offset"><i class="fas fa-thumbtack"></i><span class="sticky-name">&nbsp;置顶</span></div><img class="home-cover" src="/images/2024/4aa01bd3f75542559e6bdc12d14faef3.png" onerror='this.style.display="none"'></div><div class="home-post-item-bottom border-box"><h3 class="home-post-title border-box"><a href="/2024/07/15/2024/2024-07-15%20uniapp-vue3-vite%20%E6%90%AD%E5%BB%BA%E5%B0%8F%E7%A8%8B%E5%BA%8F%E3%80%81H5%20%E9%A1%B9%E7%9B%AE%E6%A8%A1%E6%9D%BF/">uniapp-vue3-vite 搭建小程序、H5 项目模板</a></h3><div class="home-post-content keep-markdown-body">结合Vite、Vue3搭建的小程序、H5开发模板，旨在开箱即用、快速开发！</div><div class="post-meta-info-container border-box home"><div class="post-meta-info border-box"><span class="meta-info-item border-box"><i class="icon fa-solid fa-file-circle-plus"></i>&nbsp;<span class="home-post-history" data-updated="Mon Jul 15 2024 15:23:59 GMT+0000">2024年07月15日 15:23:59</span> </span><span class="meta-info-item post-category border-box"><i class="icon fas fa-folder"></i>&nbsp;<ul class="post-category-ul"><li class="category-item"><a href="/categories/%E5%A4%9A%E7%AB%AF/">多端</a></li></ul></span><span class="post-tag meta-info-item border-box"><ul class="post-tag-ul"><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/%E5%89%8D%E7%AB%AF/">前端</a></li><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/Vue/">Vue</a></li><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/uni-app/">uni-app</a></li><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/%E5%B0%8F%E7%A8%8B%E5%BA%8F/">小程序</a></li><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/H5/">H5</a></li></ul></span></div><a class="home-read-more" href="/2024/07/15/2024/2024-07-15%20uniapp-vue3-vite%20%E6%90%AD%E5%BB%BA%E5%B0%8F%E7%A8%8B%E5%BA%8F%E3%80%81H5%20%E9%A1%B9%E7%9B%AE%E6%A8%A1%E6%9D%BF/">阅读全文&nbsp;<i class="icon fas fa-angle-right"></i></a></div></div></li><li class="home-post-item"><div class="home-post-item-top border-box" style="height:120px"><div class="post-sticky-box cover-offset"><i class="fas fa-thumbtack"></i><span class="sticky-name">&nbsp;置顶</span></div><img class="home-cover" src="/images/2024/3a4d6fb5409041e5a423c00c905084b6.png" onerror='this.style.display="none"'></div><div class="home-post-item-bottom border-box"><h3 class="home-post-title border-box"><a href="/2024/11/19/2024/2024-11-19Vue3%E3%80%81Vite5%E3%80%81Primevue%E3%80%81Oxlint%E3%80%81Husky9%20%E7%AE%80%E5%8D%95%E5%BF%AB%E9%80%9F%E6%90%AD%E5%BB%BA%E6%9C%80%E6%96%B0%E7%9A%84Web%E9%A1%B9%E7%9B%AE%E6%A8%A1%E6%9D%BF/">Vue3、Vite5、Primevue、Oxlint、Husky9 简单快速搭建最新的Web项目模板</a></h3><div class="home-post-content keep-markdown-body">Vue3、Vite5、PrimeVue、Unocss、Oxlint、Husky9 简单搭建最新的Web项目模板</div><div class="post-meta-info-container border-box home"><div class="post-meta-info border-box"><span class="meta-info-item border-box"><i class="icon fa-solid fa-file-circle-plus"></i>&nbsp;<span class="home-post-history" data-updated="Tue Nov 19 2024 18:19:12 GMT+0000">2024年11月19日 18:19:12</span> </span><span class="meta-info-item post-category border-box"><i class="icon fas fa-folder"></i>&nbsp;<ul class="post-category-ul"><li class="category-item"><a href="/categories/Vue%E5%85%A8%E5%AE%B6%E6%A1%B6%E6%B1%87%E6%80%BB/">Vue全家桶汇总</a></li></ul></span><span class="post-tag meta-info-item border-box"><ul class="post-tag-ul"><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/%E5%89%8D%E7%AB%AF/">前端</a></li><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/JavaScript/">JavaScript</a></li><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/Vue/">Vue</a></li></ul></span></div><a class="home-read-more" href="/2024/11/19/2024/2024-11-19Vue3%E3%80%81Vite5%E3%80%81Primevue%E3%80%81Oxlint%E3%80%81Husky9%20%E7%AE%80%E5%8D%95%E5%BF%AB%E9%80%9F%E6%90%AD%E5%BB%BA%E6%9C%80%E6%96%B0%E7%9A%84Web%E9%A1%B9%E7%9B%AE%E6%A8%A1%E6%9D%BF/">阅读全文&nbsp;<i class="icon fas fa-angle-right"></i></a></div></div></li><li class="home-post-item"><div class="home-post-item-top border-box" style="height:120px"><div class="post-sticky-box cover-offset"><i class="fas fa-thumbtack"></i><span class="sticky-name">&nbsp;置顶</span></div><img class="home-cover" src="/images/2024/d49315090311d82b77e977ef874db624.png" onerror='this.style.display="none"'></div><div class="home-post-item-bottom border-box"><h3 class="home-post-title border-box"><a href="/2024/01/30/2024/2024-01-30React%E3%80%81React%20Router%E3%80%81JSX%20%E7%AE%80%E5%8D%95%E5%85%A5%E9%97%A8%E5%BF%AB%E9%80%9F%E4%B8%8A%E6%89%8B/">React、React Router、JSX 简单入门快速上手</a></h3><div class="home-post-content keep-markdown-body">ReactJS 是一种由Facebook开发的JavaScript库，旨在提供一种高效、灵活的方式来构建用户界面</div><div class="post-meta-info-container border-box home"><div class="post-meta-info border-box"><span class="meta-info-item border-box"><i class="icon fa-solid fa-file-circle-plus"></i>&nbsp;<span class="home-post-history" data-updated="Tue Jan 30 2024 17:43:21 GMT+0000">2024年01月30日 17:43:21</span> </span><span class="meta-info-item post-category border-box"><i class="icon fas fa-folder"></i>&nbsp;<ul class="post-category-ul"><li class="category-item"><a href="/categories/React/">React</a></li></ul></span><span class="post-tag meta-info-item border-box"><ul class="post-tag-ul"><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/%E5%89%8D%E7%AB%AF/">前端</a></li><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/React/">React</a></li><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/JavaScript/">JavaScript</a></li></ul></span></div><a class="home-read-more" href="/2024/01/30/2024/2024-01-30React%E3%80%81React%20Router%E3%80%81JSX%20%E7%AE%80%E5%8D%95%E5%85%A5%E9%97%A8%E5%BF%AB%E9%80%9F%E4%B8%8A%E6%89%8B/">阅读全文&nbsp;<i class="icon fas fa-angle-right"></i></a></div></div></li><li class="home-post-item"><div class="home-post-item-bottom border-box"><h3 class="home-post-title border-box"><a href="/2025/04/08/2025/2025-04-08%E7%94%A8svg%E6%89%93%E9%80%A0%E4%B8%AA%E4%BA%BA%E5%8A%A8%E6%80%81%E7%AD%BE%E5%90%8D%EF%BC%88%E7%A6%81%E6%AD%A2%E5%BA%9F%E8%AF%9D%E7%89%88%EF%BC%89/">用svg打造个人动态签名（禁止废话版）</a></h3><div class="home-post-content keep-markdown-body">实现antfu大佬网站上的这个签名的效果</div><div class="post-meta-info-container border-box home"><div class="post-meta-info border-box"><span class="meta-info-item border-box"><i class="icon fa-solid fa-file-circle-plus"></i>&nbsp;<span class="home-post-history" data-updated="Tue Apr 08 2025 17:11:11 GMT+0000">2025年04月08日 17:11:11</span> </span><span class="meta-info-item post-category border-box"><i class="icon fas fa-folder"></i>&nbsp;<ul class="post-category-ul"><li class="category-item"><a href="/categories/%E6%8B%92%E7%BB%9D%E5%BA%9F%E8%AF%9D/">拒绝废话</a></li><li class="category-item">&nbsp;<i class="icon fas fa-angle-right"></i>&nbsp;<a href="/categories/%E6%8B%92%E7%BB%9D%E5%BA%9F%E8%AF%9D/%E5%B8%B8%E7%94%A8%E4%BB%A3%E7%A0%81%E5%9D%97/">常用代码块</a></li></ul></span><span class="post-tag meta-info-item border-box"><ul class="post-tag-ul"><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/%E5%89%8D%E7%AB%AF/">前端</a></li><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/css/">css</a></li><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/html/">html</a></li></ul></span></div><a class="home-read-more" href="/2025/04/08/2025/2025-04-08%E7%94%A8svg%E6%89%93%E9%80%A0%E4%B8%AA%E4%BA%BA%E5%8A%A8%E6%80%81%E7%AD%BE%E5%90%8D%EF%BC%88%E7%A6%81%E6%AD%A2%E5%BA%9F%E8%AF%9D%E7%89%88%EF%BC%89/">阅读全文&nbsp;<i class="icon fas fa-angle-right"></i></a></div></div></li><li class="home-post-item"><div class="home-post-item-bottom border-box"><h3 class="home-post-title border-box"><a href="/2025/03/12/2025/2025-03-12%E5%89%8D%E7%AB%AF%E6%9B%B4%E6%96%B0%E9%83%A8%E7%BD%B2%E4%BB%A3%E7%A0%81%E5%90%8E%E9%80%9A%E7%9F%A5%E7%94%A8%E6%88%B7%E5%88%B7%E6%96%B0%EF%BC%88%E7%A6%81%E6%AD%A2%E5%BA%9F%E8%AF%9D%E7%89%88%EF%BC%89/">前端更新部署代码后通知用户刷新（禁止废话版）</a></h3><div class="home-post-content keep-markdown-body">将生成的dist包丢进服务器，项目功能发生改变之后通知用户刷新项目，在没有后端配合的情况下实现通知用户刷新</div><div class="post-meta-info-container border-box home"><div class="post-meta-info border-box"><span class="meta-info-item border-box"><i class="icon fa-solid fa-file-circle-plus"></i>&nbsp;<span class="home-post-history" data-updated="Wed Mar 12 2025 16:55:55 GMT+0000">2025年03月12日 16:55:55</span> </span><span class="meta-info-item post-category border-box"><i class="icon fas fa-folder"></i>&nbsp;<ul class="post-category-ul"><li class="category-item"><a href="/categories/%E6%8B%92%E7%BB%9D%E5%BA%9F%E8%AF%9D/">拒绝废话</a></li><li class="category-item">&nbsp;<i class="icon fas fa-angle-right"></i>&nbsp;<a href="/categories/%E6%8B%92%E7%BB%9D%E5%BA%9F%E8%AF%9D/%E5%B8%B8%E7%94%A8%E4%BB%A3%E7%A0%81%E5%9D%97/">常用代码块</a></li></ul></span><span class="post-tag meta-info-item border-box"><ul class="post-tag-ul"><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/%E5%89%8D%E7%AB%AF/">前端</a></li><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/JavaScript/">JavaScript</a></li></ul></span></div><a class="home-read-more" href="/2025/03/12/2025/2025-03-12%E5%89%8D%E7%AB%AF%E6%9B%B4%E6%96%B0%E9%83%A8%E7%BD%B2%E4%BB%A3%E7%A0%81%E5%90%8E%E9%80%9A%E7%9F%A5%E7%94%A8%E6%88%B7%E5%88%B7%E6%96%B0%EF%BC%88%E7%A6%81%E6%AD%A2%E5%BA%9F%E8%AF%9D%E7%89%88%EF%BC%89/">阅读全文&nbsp;<i class="icon fas fa-angle-right"></i></a></div></div></li><li class="home-post-item"><div class="home-post-item-bottom border-box"><h3 class="home-post-title border-box"><a href="/2025/03/03/2025/2025-03-03%E4%BD%A0%E4%B8%8D%E7%9F%A5%E9%81%93%E7%9A%84%20JavaScript%20%E5%B7%A5%E5%85%B7%E7%AE%A1%E7%90%86%E5%99%A8%20Volta/">你不知道的 JavaScript 工具管理器 Volta</a></h3><div class="home-post-content keep-markdown-body">Volta 是一个现代化的 JavaScript 工具管理器，提供了比传统 nvm 更好的性能和用户体验。通过使用 Volta 管理项目级别的 Node.js 版本，可以确保每个项目都有一个干净且独立的开发环境。</div><div class="post-meta-info-container border-box home"><div class="post-meta-info border-box"><span class="meta-info-item border-box"><i class="icon fa-solid fa-file-circle-plus"></i>&nbsp;<span class="home-post-history" data-updated="Mon Mar 03 2025 15:27:07 GMT+0000">2025年03月03日 15:27:07</span> </span><span class="meta-info-item post-category border-box"><i class="icon fas fa-folder"></i>&nbsp;<ul class="post-category-ul"><li class="category-item"><a href="/categories/%E6%8B%92%E7%BB%9D%E5%BA%9F%E8%AF%9D/">拒绝废话</a></li><li class="category-item">&nbsp;<i class="icon fas fa-angle-right"></i>&nbsp;<a href="/categories/%E6%8B%92%E7%BB%9D%E5%BA%9F%E8%AF%9D/%E5%B8%B8%E7%94%A8%E4%BB%A3%E7%A0%81%E5%9D%97/">常用代码块</a></li></ul></span><span class="post-tag meta-info-item border-box"><ul class="post-tag-ul"><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/%E5%89%8D%E7%AB%AF/">前端</a></li><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/JavaScript/">JavaScript</a></li></ul></span></div><a class="home-read-more" href="/2025/03/03/2025/2025-03-03%E4%BD%A0%E4%B8%8D%E7%9F%A5%E9%81%93%E7%9A%84%20JavaScript%20%E5%B7%A5%E5%85%B7%E7%AE%A1%E7%90%86%E5%99%A8%20Volta/">阅读全文&nbsp;<i class="icon fas fa-angle-right"></i></a></div></div></li><li class="home-post-item"><div class="home-post-item-top border-box" style="height:120px"><img class="home-cover" src="/images/2025/82fa50d6f10d4a02bfd7fa2bf58bc0cb.gif" onerror='this.style.display="none"'></div><div class="home-post-item-bottom border-box"><h3 class="home-post-title border-box"><a href="/2025/02/28/2025/2025-02-28%20Vue3%E7%BB%93%E5%90%88OpenLayers%E5%8A%A0%E8%BD%BDGeoJson%E6%96%87%E4%BB%B6%E5%AE%9E%E7%8E%B0%E7%A6%BB%E7%BA%BF%E7%89%88%E4%B8%96%E7%95%8C%E5%9C%B0%E5%9B%BE/">Vue3结合OpenLayers加载GeoJson文件实现离线版世界地图（中国详细数据）以及聚合点位（内部有免费GeoJson资源整合）</a></h3><div class="home-post-content keep-markdown-body">OpenLayers 开源的处理二维地图的JavaScript库 的，开发旨在进一步利用各种地理信息。 OpenLayers 可让您轻松地在任何网页中放置动态地图。它可以显示从任何来源加载的地图图块、矢量数据和标记。（就是更方便的加载、配置网页地图）</div><div class="post-meta-info-container border-box home"><div class="post-meta-info border-box"><span class="meta-info-item border-box"><i class="icon fa-solid fa-file-circle-plus"></i>&nbsp;<span class="home-post-history" data-updated="Fri Feb 28 2025 14:45:50 GMT+0000">2025年02月28日 14:45:50</span> </span><span class="meta-info-item post-category border-box"><i class="icon fas fa-folder"></i>&nbsp;<ul class="post-category-ul"><li class="category-item"><a href="/categories/OpenLayers/">OpenLayers</a></li><li class="category-item">&nbsp;<i class="icon fas fa-angle-right"></i>&nbsp;<a href="/categories/OpenLayers/Vue%E5%85%A8%E5%AE%B6%E6%A1%B6%E6%B1%87%E6%80%BB/">Vue全家桶汇总</a></li></ul></span><span class="post-tag meta-info-item border-box"><ul class="post-tag-ul"><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/%E5%89%8D%E7%AB%AF/">前端</a></li><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/JavaScript/">JavaScript</a></li><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/Vue/">Vue</a></li><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/OpenLayers/">OpenLayers</a></li><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/%E5%9C%B0%E5%9B%BE/">地图</a></li></ul></span></div><a class="home-read-more" href="/2025/02/28/2025/2025-02-28%20Vue3%E7%BB%93%E5%90%88OpenLayers%E5%8A%A0%E8%BD%BDGeoJson%E6%96%87%E4%BB%B6%E5%AE%9E%E7%8E%B0%E7%A6%BB%E7%BA%BF%E7%89%88%E4%B8%96%E7%95%8C%E5%9C%B0%E5%9B%BE/">阅读全文&nbsp;<i class="icon fas fa-angle-right"></i></a></div></div></li><li class="home-post-item"><div class="home-post-item-bottom border-box"><h3 class="home-post-title border-box"><a href="/2025/02/28/2025/2025-02-28Vue%E9%A1%B9%E7%9B%AE%E4%B8%8A%E4%BC%A0GitHub%20%E8%87%AA%E5%8A%A8%E5%8C%96%E9%83%A8%E7%BD%B2%E9%A1%B5%E9%9D%A2%EF%BC%88%E7%A6%81%E6%AD%A2%E5%BA%9F%E8%AF%9D%E7%89%88%EF%BC%89/">Vue项目上传GitHub 自动化部署页面（禁止废话版）</a></h3><div class="home-post-content keep-markdown-body">CI/CD 是（Continuous Delivery，CD）或（Continuous Deployment，CD）的简称（就是全程自动化操作）</div><div class="post-meta-info-container border-box home"><div class="post-meta-info border-box"><span class="meta-info-item border-box"><i class="icon fa-solid fa-file-circle-plus"></i>&nbsp;<span class="home-post-history" data-updated="Fri Feb 28 2025 09:42:41 GMT+0000">2025年02月28日 09:42:41</span> </span><span class="meta-info-item post-category border-box"><i class="icon fas fa-folder"></i>&nbsp;<ul class="post-category-ul"><li class="category-item"><a href="/categories/%E6%8B%92%E7%BB%9D%E5%BA%9F%E8%AF%9D/">拒绝废话</a></li></ul></span><span class="post-tag meta-info-item border-box"><ul class="post-tag-ul"><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/Vue/">Vue</a></li><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/GitHub/">GitHub</a></li><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/%E8%87%AA%E5%8A%A8%E5%8C%96/">自动化</a></li></ul></span></div><a class="home-read-more" href="/2025/02/28/2025/2025-02-28Vue%E9%A1%B9%E7%9B%AE%E4%B8%8A%E4%BC%A0GitHub%20%E8%87%AA%E5%8A%A8%E5%8C%96%E9%83%A8%E7%BD%B2%E9%A1%B5%E9%9D%A2%EF%BC%88%E7%A6%81%E6%AD%A2%E5%BA%9F%E8%AF%9D%E7%89%88%EF%BC%89/">阅读全文&nbsp;<i class="icon fas fa-angle-right"></i></a></div></div></li><li class="home-post-item"><div class="home-post-item-bottom border-box"><h3 class="home-post-title border-box"><a href="/2025/02/26/2025/2025-02-26%E7%82%AB%E9%85%B7%E7%9A%84CSS%20loading%E5%8A%A0%E8%BD%BD%E5%8A%A8%E7%94%BB%EF%BC%88%E6%8B%92%E7%BB%9D%E5%BA%9F%E8%AF%9D%E7%89%88%EF%BC%89/">炫酷的CSS loading加载动画（拒绝废话版）</a></h3><div class="home-post-content keep-markdown-body">这是一组效果非常酷的纯CSS3炫酷预加载Loading指示器动画特效，使用:before和:after伪元素，以及CSS帧动画来完成各种不同的预加载指示器动画。</div><div class="post-meta-info-container border-box home"><div class="post-meta-info border-box"><span class="meta-info-item border-box"><i class="icon fa-solid fa-file-circle-plus"></i>&nbsp;<span class="home-post-history" data-updated="Wed Feb 26 2025 13:50:49 GMT+0000">2025年02月26日 13:50:49</span> </span><span class="meta-info-item post-category border-box"><i class="icon fas fa-folder"></i>&nbsp;<ul class="post-category-ul"><li class="category-item"><a href="/categories/%E6%8B%92%E7%BB%9D%E5%BA%9F%E8%AF%9D/">拒绝废话</a></li></ul></span><span class="post-tag meta-info-item border-box"><ul class="post-tag-ul"><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/%E5%89%8D%E7%AB%AF/">前端</a></li><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/css/">css</a></li></ul></span></div><a class="home-read-more" href="/2025/02/26/2025/2025-02-26%E7%82%AB%E9%85%B7%E7%9A%84CSS%20loading%E5%8A%A0%E8%BD%BD%E5%8A%A8%E7%94%BB%EF%BC%88%E6%8B%92%E7%BB%9D%E5%BA%9F%E8%AF%9D%E7%89%88%EF%BC%89/">阅读全文&nbsp;<i class="icon fas fa-angle-right"></i></a></div></div></li><li class="home-post-item"><div class="home-post-item-top border-box" style="height:120px"><img class="home-cover" src="/images/2025/e005973a29d04dd88dbbcdb639ffc0d5.gif" onerror='this.style.display="none"'></div><div class="home-post-item-bottom border-box"><h3 class="home-post-title border-box"><a href="/2025/01/03/2025/2025-01-03vue2%E3%80%81element%E7%9A%84el-select%20%E9%80%89%E9%A1%B9%E6%A1%86%E7%9A%84%E5%AE%BD%E5%BA%A6%E8%AE%BE%E7%BD%AE%E3%80%81%E6%96%87%E6%9C%AC%E8%BF%87%E9%95%BF%E9%97%AE%E9%A2%98/">vue2、element的el-select 选项框的宽度设置、文本过长问题</a></h3><div class="home-post-content keep-markdown-body">vue2、element的el-select 选项框的宽度设置、文本过长问题。</div><div class="post-meta-info-container border-box home"><div class="post-meta-info border-box"><span class="meta-info-item border-box"><i class="icon fa-solid fa-file-circle-plus"></i>&nbsp;<span class="home-post-history" data-updated="Fri Jan 03 2025 11:34:13 GMT+0000">2025年01月03日 11:34:13</span> </span><span class="meta-info-item post-category border-box"><i class="icon fas fa-folder"></i>&nbsp;<ul class="post-category-ul"><li class="category-item"><a href="/categories/%E6%8B%92%E7%BB%9D%E5%BA%9F%E8%AF%9D/">拒绝废话</a></li><li class="category-item">&nbsp;<i class="icon fas fa-angle-right"></i>&nbsp;<a href="/categories/%E6%8B%92%E7%BB%9D%E5%BA%9F%E8%AF%9D/%E9%97%AE%E9%A2%98/">问题</a></li></ul></span><span class="post-tag meta-info-item border-box"><ul class="post-tag-ul"><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/%E5%89%8D%E7%AB%AF/">前端</a></li><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/JavaScript/">JavaScript</a></li><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/Vue/">Vue</a></li><li class="tag-item"><span class="tag-separator"><i class="icon fas fa-hashtag"></i></span><a href="/tags/element-ui/">element-ui</a></li></ul></span></div><a class="home-read-more" href="/2025/01/03/2025/2025-01-03vue2%E3%80%81element%E7%9A%84el-select%20%E9%80%89%E9%A1%B9%E6%A1%86%E7%9A%84%E5%AE%BD%E5%BA%A6%E8%AE%BE%E7%BD%AE%E3%80%81%E6%96%87%E6%9C%AC%E8%BF%87%E9%95%BF%E9%97%AE%E9%A2%98/">阅读全文&nbsp;<i class="icon fas fa-angle-right"></i></a></div></div></li></ul><div class="paginator border-box flex-center"><div class="border-box first-page paginator-btn not-allow"><a class="border-box"><i class="fa-solid fa-angle-double-left"></i></a></div><div class="border-box paginator-btn"><a class="border-box" href="/"><i class="fa-solid fa-chevron-left"></i></a></div><div class="page-number-box border-box flex-center"><input class="page-number-input border-box base-style" type="number" value="1" min="1" max="2"><span class="delimiter base-style">/</span><span class="base-style">2</span></div><div class="border-box paginator-btn allowed"><a class="border-box" href="/page/2/"><i class="fa-solid fa-chevron-right"></i></a></div><div class="border-box last-page paginator-btn allowed"><a class="border-box"><i class="fa-solid fa-angle-double-right"></i></a></div></div></div></div></div><div class="page-main-content-bottom border-box"><footer class="footer border-box"><div class="copyright-info info-item">&copy;&nbsp;2025 &nbsp;<i class="fas fa-heart icon-animate"></i>&nbsp;&nbsp;<a href="/">Boyzcf</a></div><div class="theme-info info-item">由&nbsp;<a target="_blank" href="https://hexo.io">Hexo</a>&nbsp;驱动&nbsp;&&nbsp;主题&nbsp;<a class="keep-version" target="_blank" href="https://github.com/XPoet/hexo-theme-keep">Keep</a></div><div class="deploy-info info-item"><a target="_blank" rel="nofollow" href="https://github.com/">本站由 <span class="tooltip" data-tooltip-content="GitHub Pages"><img src="/images/brands/github.png"></span>提供部署服务</a></div><div class="count-info info-item"><span class="count-item border-box uv"><span class="item-type border-box">访客数</span> <span class="item-value border-box uv" id="vercount_value_site_uv"></span> </span><span class="count-item border-box pv"><span class="item-type border-box">访问量</span> <span class="item-value border-box pv" id="vercount_value_site_pv"></span></span></div><div class="website-info-box"></div></footer></div></div><div class="side-tools"><div class="side-tools-container border-box side-tools-show-handle"><ul class="side-tools-list side-tools-show-handle border-box"><li class="tools-item tool-font-adjust-plus flex-center"><i class="fas fa-search-plus"></i></li><li class="tools-item tool-font-adjust-minus flex-center"><i class="fas fa-search-minus"></i></li><li class="tools-item tool-toggle-theme-mode flex-center"><i class="fas fa-moon"></i></li><li class="tools-item rss flex-center"><a class="flex-center" href="/atom.xml" target="_blank"><i class="fas fa-rss"></i></a></li><li class="tools-item tool-scroll-to-bottom flex-center"><i class="fas fa-arrow-down"></i></li></ul><ul class="exposed-tools-list border-box"><li class="tools-item tool-toggle-show flex-center"><i class="fas fa-cog fa-spin"></i></li><li class="tools-item tool-scroll-to-top flex-center show-arrow"><i class="arrow fas fa-arrow-up"></i> <span class="percent"></span></li></ul></div></div><div class="zoom-in-image-mask"><img class="zoom-in-image"></div><div class="search-pop-overlay"><div class="popup search-popup"><div class="search-header"><span class="search-input-field-pre"><i class="fas fa-keyboard"></i></span><div class="search-input-container"><input autocomplete="off" autocorrect="off" autocapitalize="off" placeholder="搜索..." spellcheck="false" type="search" class="search-input"></div><span class="close-popup-btn"><i class="fas fa-times"></i></span></div><div id="search-result"><div id="no-result"><i class="fas fa-spinner fa-pulse fa-5x fa-fw"></i></div></div></div></div></main><script src="/js/utils.js"></script><script src="/js/header-shrink.js"></script><script src="/js/back2top.js"></script><script src="/js/toggle-theme.js"></script><script src="/js/code-block.js"></script><script src="/js/main.js"></script><script src="/js/libs/anime.min.js"></script><script src="/js/local-search.js"></script><script src="/js/lazyload.js"></script><div class="pjax"><script src="/js/page/home-page.js"></script></div><script src="/js/libs/pjax.min.js"></script><script>window.addEventListener("DOMContentLoaded",()=>{window.pjax=new Pjax({selectors:["head title",".page-container",".pjax"],history:!0,debug:!1,cacheBust:!1,timeout:0,analytics:!1,currentUrlFullReload:!1,scrollRestoration:!1}),document.addEventListener("pjax:send",()=>{KEEP.utils.pjaxProgressBarStart()}),document.addEventListener("pjax:complete",()=>{KEEP.utils.pjaxProgressBarEnd(),window.pjax.executeScripts(document.querySelectorAll("script[data-pjax], .pjax script")),KEEP.initExecute()})})</script><script class="custom-inject-js" src="/js/run-day.js" data-pjax></script><script src="https://www.unpkg.com/mouse-firework@latest/dist/index.umd.js"></script><script type="text/javascript">firework({excludeElements:["a"],particles:[{shape:"circle",move:["emit"],easing:"easeOutExpo",colors:["rgba(0,51,102,.9)","rgba(52,93,133,.9)","rgba(149,170,191,.9)","rgba(138,198,209,.9)"],number:30,duration:[1200,1800],shapeOptions:{radius:[16,32]}},{shape:"circle",move:["diffuse"],easing:"easeOutExpo",colors:["#003366"],number:1,duration:[1200,1800],shapeOptions:{radius:20,alpha:.5,lineWidth:6}}]})</script></body></html>