👋🏻我是boycot 专注于前端开发与相关技术的实战分享，涵盖Vue框架、React框架、Astro框架、Node.js、Serverless等，并涉及Node、Linux、Docker等领域。同时也分享作者的生活、音乐和数码的热爱。https://www.boycot.tophttps://www.boycot.top/article/%E6%88%91%E7%94%A8ai%E5%B7%A5%E5%85%B7%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B%E6%90%AD%E5%BB%BA%E8%87%AA%E6%9C%89cms%E5%B9%B3%E5%8F%B0https://www.boycot.top/article/%E6%88%91%E7%94%A8ai%E5%B7%A5%E5%85%B7%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B%E6%90%AD%E5%BB%BA%E8%87%AA%E6%9C%89cms%E5%B9%B3%E5%8F%B0/我用ai工具从零开始搭建自有cms平台项目开发感悟1.技术选型的重要性在项目开始阶段，选择合适的技术栈至关重要。我选择了：API服务：CloudflareWorkers+D1数据库优势：边缘计算，全球分发，低延迟，无需管理服务器挑战：学习曲线较陡，本地开发环境配置复杂管理后台：React+AntDeTue, 24 Mar 2026 10:02:00 GMThttps://www.boycot.top/article/%E5%88%A4%E6%96%AD%E6%B5%8F%E8%A7%88%E5%99%A8%E6%96%87%E6%A1%A3%E6%BB%9A%E5%8A%A8%E6%96%B9%E5%90%91https://www.boycot.top/article/%E5%88%A4%E6%96%AD%E6%B5%8F%E8%A7%88%E5%99%A8%E6%96%87%E6%A1%A3%E6%BB%9A%E5%8A%A8%E6%96%B9%E5%90%91/通过监听滚动事件并比较当前滚动位置与之前的位置，可以判断用户是向上还是向下滚动。示例代码letlastScrollTop=0;window.addEventListener('scroll',function(){letscrollTop=window.pageYOffset||document.dWed, 15 Oct 2025 10:35:00 GMThttps://www.boycot.top/article/%E6%9C%AC%E5%9C%B0php%E7%8E%AF%E5%A2%83%E5%AE%89%E8%A3%85https://www.boycot.top/article/%E6%9C%AC%E5%9C%B0php%E7%8E%AF%E5%A2%83%E5%AE%89%E8%A3%85/我们这里以applem2系统为例子。我们以https://github.com/shivammath…第三方tap源为例子，官方的brew速度太慢了。这里文章主要分为两部分安装php安装composer这里我们安装php会分两种没有php情况已有php情况，比如php7.3，我们要更新成php7.4Wed, 12 Mar 2025 11:23:00 GMThttps://www.boycot.top/article/css%E6%96%87%E6%9C%AC%E8%B6%85%E5%87%BA%E4%B8%80%E5%AE%9A%E8%8C%83%E5%9B%B4%E5%90%8E%E6%98%BE%E7%A4%BA%E7%9C%81%E7%95%A5%E5%8F%B7https://www.boycot.top/article/css%E6%96%87%E6%9C%AC%E8%B6%85%E5%87%BA%E4%B8%80%E5%AE%9A%E8%8C%83%E5%9B%B4%E5%90%8E%E6%98%BE%E7%A4%BA%E7%9C%81%E7%95%A5%E5%8F%B7/在CSS中，如果你希望文本超出一定范围后显示省略号，可以使用以下的样式来实现：.ellipsis{white-space:nowrap;/*不允许换行*/overflow:hidden;/*隐藏超出的内容*/text-overflow:ellipsis;/*用省略号表示超出的内容*/}你可以将这些样Tue, 11 Mar 2025 00:00:00 GMThttps://www.boycot.top/article/%E4%BD%BF%E7%94%A8epub.js%E8%A7%A3%E6%9E%90epub%E6%96%87%E4%BB%B6https://www.boycot.top/article/%E4%BD%BF%E7%94%A8epub.js%E8%A7%A3%E6%9E%90epub%E6%96%87%E4%BB%B6使用epub.js解析EPUB文件在JavaScript环境下可以非常方便，尤其是结合像Astro.js这样的现代框架。以下是一个简单的指导，帮助你在Astro.js项目中使用epub.js解析和展示EPUB文件。步骤1:创建一个新的Astro.js项目如果你还没有创建Astro项目，可以使用以下命Tue, 25 Feb 2025 11:23:00 GMThttps://www.boycot.top/article/%E9%AA%81%E9%BE%998Gen3+%E8%B6%85%E5%A3%B0%E6%B3%A2%E6%8C%87%E7%BA%B9+2%E4%BA%BF%E5%83%8F%E7%B4%A0%EF%BC%8C%E9%AD%85%E6%97%8F%E6%97%97%E8%88%B0%E8%B7%8C%E8%87%B32799%E5%85%83https://www.boycot.top/article/%E9%AA%81%E9%BE%998Gen3+%E8%B6%85%E5%A3%B0%E6%B3%A2%E6%8C%87%E7%BA%B9+2%E4%BA%BF%E5%83%8F%E7%B4%A0%EF%BC%8C%E9%AD%85%E6%97%8F%E6%97%97%E8%88%B0%E8%B7%8C%E8%87%B32799%E5%85%83/在科技与艺术的交汇点上，魅族再次以其独特的视角和精湛的工艺，为我们带来了一款颠覆性的新品——魅族21手机。这款集高性能、高颜值于一身的智能手机，不仅继承了魅族一贯的精致设计和优雅气质，更在硬件配置上进行了全面升级，成为了2023年智能手机市场的一大亮点。魅族21手机，以其无界黑的机身颜色，散发出一种Thu, 20 Feb 2025 14:48:00 GMThttps://www.boycot.top/article/NuxtJS%E5%85%A5%E9%97%A8%E6%8C%87%E5%8D%97https://www.boycot.top/article/NuxtJS%E5%85%A5%E9%97%A8%E6%8C%87%E5%8D%97/本文由ai自动生成，仅供参考。##Nuxt.js3.0入门指南介绍Nuxt.js是一个基于Vue.js的高性能框架，它为开发人员简化了构建服务端渲染(SSR)应用的流程。Nuxt.js3.0是该框架的最新版本，在性能、开发体验和功能方面都有显著改进。本指南将帮助您快速入门Nuxt.js3.0，展示如Thu, 20 Feb 2025 00:00:00 GMThttps://www.boycot.top/article/%E3%80%8A%E6%AF%9B%E6%A6%82%E3%80%8B%E8%AF%BB%E5%90%8E%E6%84%9Fhttps://www.boycot.top/article/%E3%80%8A%E6%AF%9B%E6%A6%82%E3%80%8B%E8%AF%BB%E5%90%8E%E6%84%9F/本文由ai自动生成，仅供参考。《毛概》这本书是对毛泽东思想的系统总结与梳理，是我们了解中国现代历史、特别是中国共产党和毛泽东领导下的革命历程的重要读物。读完这本书，我深刻体会到了毛泽东思想在中国历史发展中的重要性，同时也对其理论背景、历史意义以及现实启示有了更深的认识。首先，书中对于毛泽东思想的阐述Mon, 17 Feb 2025 16:20:00 GMThttps://www.boycot.top/article/NestJS%E5%85%A5%E9%97%A8%E6%8C%87%E5%8D%97https://www.boycot.top/article/NestJS%E5%85%A5%E9%97%A8%E6%8C%87%E5%8D%97/本文由ai自动生成，仅供参考。NestJS入门指南一、什么是NestJSNestJS是一个用于构建高效、可扩展的Node.js服务器端应用程序的框架。它采用TypeScript编写，并结合了面向对象编程、函数式编程和响应式编程的元素。NestJS的设计理念是通过模块化的方式构建应用，使得各个部分之间Mon, 17 Feb 2025 00:00:00 GMThttps://www.boycot.top/article/js%E5%AE%9E%E7%8E%B0%E4%BF%84%E7%BD%97%E6%96%AF%E6%96%B9%E5%9D%97https://www.boycot.top/article/js%E5%AE%9E%E7%8E%B0%E4%BF%84%E7%BD%97%E6%96%AF%E6%96%B9%E5%9D%97/本文由ai自动生成，仅供参考。实现一个简化版本的俄罗斯方块（Tetris）游戏需要使用HTML、CSS和JavaScript。以下是一个简单的例子，展示了如何使用这些技术来构建一个基础的俄罗斯方块游戏。HTML<!DOCTYPEhtml><htmllang="en"><Mon, 17 Feb 2025 00:00:00 GMThttps://www.boycot.top/article/js%E5%AE%9E%E7%8E%B0%E8%B4%AA%E5%90%83%E8%9B%87%E6%B8%B8%E6%88%8Fhttps://www.boycot.top/article/js%E5%AE%9E%E7%8E%B0%E8%B4%AA%E5%90%83%E8%9B%87%E6%B8%B8%E6%88%8F/本文由ai自动生成，仅供参考。js实现贪吃蛇游戏实现一个简单的贪吃蛇游戏可以使用HTML和JavaScript。以下是一个基本的示例，通过画布（Canvas）来绘制游戏界面。<!DOCTYPEhtml><htmllang="zh"><head><metachaMon, 17 Feb 2025 00:00:00 GMThttps://www.boycot.top/article/NextJS%E5%85%A5%E9%97%A8%E6%8C%87%E5%8D%97https://www.boycot.top/article/NextJS%E5%85%A5%E9%97%A8%E6%8C%87%E5%8D%97/本文由ai自动生成，仅供参考。Next.js入门指南目录什么是Next.jsNext.js的核心特性环境准备创建第一个Next.js应用页面路由静态生成与服务器端渲染数据获取API路由样式处理部署Next.js应用总结1.什么是Next.jsNext.js是一个基于React的开源框架，由VerceMon, 17 Feb 2025 00:00:00 GMThttps://www.boycot.top/article/deepseek%E5%B0%86ai%E5%B8%A6%E5%85%A5%E6%96%B0%E7%9A%84%E9%98%B6%E6%AE%B5https://www.boycot.top/article/deepseek%E5%B0%86ai%E5%B8%A6%E5%85%A5%E6%96%B0%E7%9A%84%E9%98%B6%E6%AE%B5/deepseek将ai带入新的阶段Deepseek是一项引人注目的技术创新，它将人工智能（AI）推向了一个新的阶段，尤其是在信息检索和知识发现领域。作为一个先进的深度学习模型，Deepseek的核心理念是通过深度学习技术，实现更高效、更精准的信息检索。这种技术的出现，不仅改变了我们获取信息的方式，也Tue, 11 Feb 2025 03:38:00 GMThttps://www.boycot.top/article/astro%E9%9B%86%E6%88%90aplayer%E6%92%AD%E6%94%BE%E5%99%A8https://www.boycot.top/article/astro%E9%9B%86%E6%88%90aplayer%E6%92%AD%E6%94%BE%E5%99%A8/本文详细阐述了在Astro框架中集成aplayer音乐播放器的完整流程。通过npm安装插件后创建动态播放器组件，引入APlayer并处理自动播放逻辑。针对Astro默认路由刷新问题，通过配置ClientRouter组件和transition。最后特别给出替换meeting-js为metingAPI的Mon, 10 Feb 2025 00:00:00 GMThttps://www.boycot.top/article/Typecho%20Blogging%20Platformhttps://www.boycot.top/article/Typecho%20Blogging%20Platform/TypechoBloggingPlatformTypechoisaPHP-basedblogsoftwareandisdesignedtobethemostpowerfulblogengineintheworld.TypechoisreleasedundertheGNUGeneralPublicLiFri, 07 Feb 2025 11:04:00 GMThttps://www.boycot.top/article/hexo-theme-butterflyhttps://www.boycot.top/article/hexo-theme-butterfly/hexo-theme-butterfly📢預覽:Butterfly/CrazyWong📖文檔:中文/English💻安裝Git安裝本倉庫同時上傳到Gitee，如果你訪問Github緩慢，可從Gitee中下載。在博客根目錄裡安裝穩定版【推薦】gitclone-bmasterhttps://gitThu, 06 Feb 2025 11:23:00 GMThttps://www.boycot.top/article/Node.js%20%E7%AE%80%E4%BB%8Bhttps://www.boycot.top/article/Node.js%20%E7%AE%80%E4%BB%8BNode.js是一个开源和跨平台的JavaScript运行时环境。它是几乎所有类型项目的流行工具！Node.js在浏览器之外运行V8JavaScript引擎，即GoogleChrome的核心。这使Node.js的性能非常出色。Node.js应用在单个进程中运行，不会为每个请求创建新线程。Node.jThu, 06 Feb 2025 11:23:00 GMThttps://www.boycot.top/article/md-editor-v3,%E6%94%AF%E6%8C%81%E6%BB%9A%E5%8A%A8%EF%BC%8C%E9%A2%84%E8%A7%88%E7%9A%84markdown%E6%8F%92%E4%BB%B6%EF%BC%81https://www.boycot.top/article/md-editor-v3,%E6%94%AF%E6%8C%81%E6%BB%9A%E5%8A%A8%EF%BC%8C%E9%A2%84%E8%A7%88%E7%9A%84markdown%E6%8F%92%E4%BB%B6%EF%BC%81/md-editor-v3vue3环境的Markdown编辑器，使用jsx和typescript语法开发。文档与在线预览：传送门同系列react版本：md-editor-rt功能一览快捷插入内容工具栏、编辑器浏览器全屏、页面内全屏等；内置的白色主题和暗黑主题，支持绑定切换；支持快捷键插入内容；支持使用Thu, 06 Feb 2025 11:23:00 GMThttps://www.boycot.top/article/%E5%A6%82%E4%BD%95%E5%9C%A8Mac%E4%B8%8A%E6%96%B0%E5%BB%BASSH%20keyhttps://www.boycot.top/article/%E5%A6%82%E4%BD%95%E5%9C%A8Mac%E4%B8%8A%E6%96%B0%E5%BB%BASSH%20key/SSH（SecureShell）是一种加密的网络传输协议，允许用户安全地登录到远程服务器并执行命令。而SSHkey则是一对用于身份验证的密钥，包括公钥和私钥。在Mac电脑上新建SSHkey是保障远程连接安全的重要步骤。本文将详细介绍如何在Mac上生成SSH密钥对，并将其用于远程连接。一、打开终端首先Thu, 06 Feb 2025 11:23:00 GMThttps://www.boycot.top/article/%E8%87%AA%E5%AE%9A%E4%B9%89element-plus%E5%85%A8%E5%B1%80%E4%B8%BB%E9%A2%98https://www.boycot.top/article/%E8%87%AA%E5%AE%9A%E4%B9%89element-plus%E5%85%A8%E5%B1%80%E4%B8%BB%E9%A2%98/设置方法通过设置主要颜色变量实现换肤exportconstsetHtmlStyleProp=()=>{/**变量前缀*/constPRE='--el-color-primary'/**浅色变量前缀*/constPRE_LIGHT=`${PRE}-light`/**深色变量前缀*/constPRE_DThu, 06 Feb 2025 11:23:00 GMThttps://www.boycot.top/article/%E4%B8%BA%E4%BB%80%E4%B9%88%E6%98%AFAstrohttps://www.boycot.top/article/%E4%B8%BA%E4%BB%80%E4%B9%88%E6%98%AFAstro/Astro是最适合构建像博客、营销网站、电子商务网站这样的以内容驱动的网站的Web框架。了解为什么Astro可能是你下一个网站的好选择。Astro是最适合构建像博客、营销网站、电子商务网站这样的以内容驱动的网站的Web框架。Astro以开创了一种新的前端架构而闻名，与其他框架相比它减少了JavaScThu, 06 Feb 2025 00:00:00 GMThttps://www.boycot.top/article/A%20post%20of%20Markdown%20elementshttps://www.boycot.top/article/A%20post%20of%20Markdown%20elements/ThisisaH2HeadingThisisaH3HeadingThisisaH4HeadingThisisaH5HeadingThisisaH6HeadingHorizontalRulesEmphasisThisisboldtextThisisitalictextStrikethroughQuotMon, 22 Jan 2024 00:00:00 GMThttps://www.boycot.top/article/%E5%9B%9E%E5%88%B0%E9%A1%B6%E9%83%A8%E5%8A%A8%E7%94%BB%E7%AE%97%E6%B3%95https://www.boycot.top/article/%E5%9B%9E%E5%88%B0%E9%A1%B6%E9%83%A8%E5%8A%A8%E7%94%BB%E7%AE%97%E6%B3%95/摘自element-ui源码constbackTop=()=>{constcubic=value=>Math.pow(value,3)consteaseInOutCubic=value=>value<0.5?cubic(value*2)/2:1-cubic((1-value)*2)/2coWed, 06 Dec 2023 11:23:00 GMThttps://www.boycot.top/article/%E4%BD%BF%E7%94%A8Element.animate%E6%B7%BB%E5%8A%A0%E6%96%87%E5%AD%97%E4%B8%8E%E5%9B%BE%E7%89%87%E5%8A%A8%E7%94%BBhttps://www.boycot.top/article/%E4%BD%BF%E7%94%A8Element.animate%E6%B7%BB%E5%8A%A0%E6%96%87%E5%AD%97%E4%B8%8E%E5%9B%BE%E7%89%87%E5%8A%A8%E7%94%BB在网页添加一些简单的切换动画一般使用CSS3的animation或者transition实现，而Element.animate是新的原生JavascriptApi，能使用JS快速为Dom添加动画。前言为了增加网站的用户体验，在很多场景下一般可以为元素的切换添加一下转场动画。最简单的方法，一般可以使用Wed, 01 Dec 2021 00:00:00 GMThttps://www.boycot.top/article/Howdz%E8%B5%B7%E5%A7%8B%E9%A1%B5%E5%BC%80%E5%8F%91%E8%AE%B0%E5%BD%95https://www.boycot.top/article/Howdz%E8%B5%B7%E5%A7%8B%E9%A1%B5%E5%BC%80%E5%8F%91%E8%AE%B0%E5%BD%95/前言Howdz是基于Vue3+Typescript开发的一个完全自定义配置的浏览器导航起始页，支持按需添加物料组件，可自由编辑组件的位置、大小与功能。支持响应式设计，可自定义随机壁纸、动态壁纸等。项目提供网页在线访问、打包出浏览器插件、打包出桌面应用(Electron)等访问方式。本文记录项目开发中Sun, 21 Nov 2021 00:00:00 GMThttps://www.boycot.top/article/%E5%88%A9%E7%94%A8G%E6%B8%B2%E6%9F%93%E5%99%A8%E5%AE%9E%E7%8E%B0%E7%9A%84%E9%9F%B3%E9%A2%91%E5%8F%AF%E8%A7%86%E5%8C%96%E6%96%B9%E6%A1%88https://www.boycot.top/article/%E5%88%A9%E7%94%A8G%E6%B8%B2%E6%9F%93%E5%99%A8%E5%AE%9E%E7%8E%B0%E7%9A%84%E9%9F%B3%E9%A2%91%E5%8F%AF%E8%A7%86%E5%8C%96%E6%96%B9%E6%A1%88/利用阿里Antvis出品的G底层图形渲染器，结合AudioContext提供的音频数据获取API，实现出类似网易云播放音频特效。项目地址：⚡Github💡Demo关于G渲染器G是一款易用、高效、强大的2D可视化渲染引擎，提供Canvas、SVG等多种渲染方式的实现。目前，已有多个顶级的可视化开源项Tue, 29 Jun 2021 00:00:00 GMThttps://www.boycot.top/article/Vue3%E5%AE%9E%E7%8E%B0%E8%87%AA%E5%AE%9A%E4%B9%89%E5%8F%B3%E9%94%AE%E8%8F%9C%E5%8D%95https://www.boycot.top/article/Vue3%E5%AE%9E%E7%8E%B0%E8%87%AA%E5%AE%9A%E4%B9%89%E5%8F%B3%E9%94%AE%E8%8F%9C%E5%8D%95/使用Vue3实现自定义鼠标右键菜单，支持二级菜单、自定义样式、回调函数等功能，同时提供封装成Vue指令调用。🚀初步构思仅用Vue构建右键菜单UI组件，需利用组件提供show方法唤起菜单，在指令中再封装对右键菜单事件的处理接收一个菜单项数组配置，菜单项中提供点击菜单后回调函数，可以自定义传入回调函数Mon, 07 Jun 2021 00:00:00 GMThttps://www.boycot.top/article/Dashboard%E8%87%AA%E5%AE%9A%E4%B9%89%E9%9D%A2%E6%9D%BF%E9%A1%B9%E7%9B%AE%E4%BB%8B%E7%BB%8Dhttps://www.boycot.top/article/Dashboard%E8%87%AA%E5%AE%9A%E4%B9%89%E9%9D%A2%E6%9D%BF%E9%A1%B9%E7%9B%AE%E4%BB%8B%E7%BB%8D/项目介绍Dashboard是一个笔者基于Vite+Vue3+Typesript开发的项目，个性化的浏览器导航首页面板，支持自定义添加组件，可编辑组件各种属性。响应式设计，可自定义随机壁纸背景图。⚡Github💡Demo功能特性✨组件长度单位面板可基于响应式设计布局，添加组件时可选择FR单位，FR单Sat, 29 May 2021 00:00:00 GMThttps://www.boycot.top/article/%E5%BC%80%E5%8F%91Online%20Code%20Editor%E8%BF%87%E7%A8%8B%E7%9A%84%E4%B8%80%E4%BA%9B%E8%AE%B0%E5%BD%95https://www.boycot.top/article/%E5%BC%80%E5%8F%91Online%20Code%20Editor%E8%BF%87%E7%A8%8B%E7%9A%84%E4%B8%80%E4%BA%9B%E8%AE%B0%E5%BD%95/OnlineCodeEditor是笔者基于Vue3+Typescript开发的一个类似Codepen的开源项目，本文记录一些项目中使用到技术及实现原理等。🏹Github🌈SimpleDemofromGithubpages🎉SimpleDemofromauthorserverFeature✅纯前Sat, 20 Mar 2021 00:00:00 GMThttps://www.boycot.top/article/Howdyjs%E7%BB%84%E4%BB%B6%E5%BA%93%E8%BF%81%E7%A7%BBVue3%E8%AE%BE%E8%AE%A1%E4%B8%8E%E6%80%BB%E7%BB%93https://www.boycot.top/article/Howdyjs%E7%BB%84%E4%BB%B6%E5%BA%93%E8%BF%81%E7%A7%BBVue3%E8%AE%BE%E8%AE%A1%E4%B8%8E%E6%80%BB%E7%BB%93/将个人组件库Howdyjs使用Vue+Typescript进行重构，使用Vite构建开发站点，Rollup进行组件打包并分包发布NPM。Link⚡Github📖Document💾NPM主要变更新版全面采用TypescriptVue组件部分将使用Vue3重构，不向下兼容，有Vue2.X需求的请使用Sat, 30 Jan 2021 00:00:00 GMThttps://www.boycot.top/article/%E4%BD%BF%E7%94%A8D3.js%E5%B0%86%E7%A6%BB%E6%95%A3%E7%9A%84%E7%82%B9%E5%BD%A2%E6%88%90%E5%B9%B3%E6%BB%91%E6%9B%B2%E7%BA%BF%E5%8F%8A%E5%85%B6%E5%BA%94%E7%94%A8https://www.boycot.top/article/%E4%BD%BF%E7%94%A8D3.js%E5%B0%86%E7%A6%BB%E6%95%A3%E7%9A%84%E7%82%B9%E5%BD%A2%E6%88%90%E5%B9%B3%E6%BB%91%E6%9B%B2%E7%BA%BF%E5%8F%8A%E5%85%B6%E5%BA%94%E7%94%A8前言之前遇到了一个场景，需要将多个离散的点使用一条平滑的曲线连起来。在网上找了很多方案，一般都是说使用**三次样条插值**实现。自己参考网上算法写了下，发现效果不太理想。然后看到D3js官方原来直接内置了多种相关算法，但官方并没有提供效果展示，于是就编写了一个简单的可以快速看到各种连线算法的效果图的Sun, 16 Aug 2020 00:00:00 GMThttps://www.boycot.top/article/%E4%BD%BF%E7%94%A8Taro-next%E5%B0%86%E4%B8%AA%E4%BA%BA%E7%BD%91%E7%9B%98%E5%8A%9F%E8%83%BD%E6%89%A9%E5%B1%95%E5%88%B0%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8Fhttps://www.boycot.top/article/%E4%BD%BF%E7%94%A8Taro-next%E5%B0%86%E4%B8%AA%E4%BA%BA%E7%BD%91%E7%9B%98%E5%8A%9F%E8%83%BD%E6%89%A9%E5%B1%95%E5%88%B0%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/前言笔者之前实现了一个PC端的个人网盘功能，包含断点续传、文件秒传的文件管理系统，具体请参考文章**《断点续传与个人网盘系统的前后端设计》**于是构思想将个人网盘功能扩展到小程序，沿用之前的后端（接口基本不需要改动），只需要完成移动端的UI实现即可。又由于PC端是基于Vue实现的，为了方便开发所以想Sun, 31 May 2020 00:00:00 GMThttps://www.boycot.top/article/Vue3%E4%B8%8A%E6%89%8B,%20%E4%BD%BF%E7%94%A8vite%E5%AE%9E%E7%8E%B0%E4%B8%80%E4%B8%AA%E7%AE%80%E5%8D%95%E7%9A%84Todolist%E5%BA%94%E7%94%A8https://www.boycot.top/article/Vue3%E4%B8%8A%E6%89%8B,%20%E4%BD%BF%E7%94%A8vite%E5%AE%9E%E7%8E%B0%E4%B8%80%E4%B8%AA%E7%AE%80%E5%8D%95%E7%9A%84Todolist%E5%BA%94%E7%94%A8/Git仓库:https://github.com/leon-kfd/TodoListVitePratice在线Demo:https://kongfandong.cn/todoViteViteisanopinionatedwebdevbuildtoolthatservesyourcodevianatiSat, 16 May 2020 00:00:00 GMThttps://www.boycot.top/article/%E6%96%AD%E7%82%B9%E7%BB%AD%E4%BC%A0%E4%B8%8E%E4%B8%AA%E4%BA%BA%E7%BD%91%E7%9B%98%E7%B3%BB%E7%BB%9F%E7%9A%84%E5%89%8D%E5%90%8E%E7%AB%AF%E8%AE%BE%E8%AE%A1https://www.boycot.top/article/%E6%96%AD%E7%82%B9%E7%BB%AD%E4%BC%A0%E4%B8%8E%E4%B8%AA%E4%BA%BA%E7%BD%91%E7%9B%98%E7%B3%BB%E7%BB%9F%E7%9A%84%E5%89%8D%E5%90%8E%E7%AB%AF%E8%AE%BE%E8%AE%A1/功能设计登录鉴权：进入系统必须先登录，未登录无法访问到后端接口与网盘的静态资源上传：断点续传、文件秒传文件分享：生成一个随机密钥字符串与一个资源访问地址，输入密钥验证成功即可访问到该资源，密钥会在一定时间内过期回收站：删除后的文件默认先保留在回收站，7天后自动删除文件操作:新建文件夹、重命名、移动、Tue, 05 May 2020 00:00:00 GMThttps://www.boycot.top/article/%E4%B8%AA%E4%BA%BA%E7%BB%84%E4%BB%B6%E5%BA%93%E5%B1%95%E7%A4%BA%E7%AB%99%E7%82%B9%E6%90%AD%E5%BB%BA%E6%80%BB%E7%BB%93https://www.boycot.top/article/%E4%B8%AA%E4%BA%BA%E7%BB%84%E4%BB%B6%E5%BA%93%E5%B1%95%E7%A4%BA%E7%AB%99%E7%82%B9%E6%90%AD%E5%BB%BA%E6%80%BB%E7%BB%93/在线预览个人组件库:Howdy目录Markdown-loader将Vue文件转为Markdown路由生成优化关于部署Markdown-loader使用Markdown-loader可以将markdown文件转为Html代码，直接在vue.config.js中加入webpack相关配置。并且使用HigFri, 01 May 2020 00:00:00 GMThttps://www.boycot.top/article/Github%20Webhooks%E4%B8%8EKoa2%E5%AE%9E%E7%8E%B0%E7%AE%80%E5%8D%95%E7%9A%84%E5%89%8D%E7%AB%AF%E8%87%AA%E5%8A%A8%E5%8C%96%E9%83%A8%E7%BD%B2https://www.boycot.top/article/Github%20Webhooks%E4%B8%8EKoa2%E5%AE%9E%E7%8E%B0%E7%AE%80%E5%8D%95%E7%9A%84%E5%89%8D%E7%AB%AF%E8%87%AA%E5%8A%A8%E5%8C%96%E9%83%A8%E7%BD%B2/前言因为博客使用Gatsbyjs进行搭建，Markdown文章写完之后会打包成静态HTML文件，文章是存在项目文件中并非数据库中，所以每次进行博客文章更新后，都需要重新进行打包构建。在进行gitpush后，我需要连到云服务器中，然后进入项目目录，执行gitpull/npmrunclean/npmruSun, 12 Apr 2020 00:00:00 GMThttps://www.boycot.top/article/%E6%B5%8F%E8%A7%88%E5%99%A8%E5%AF%BC%E8%88%AA%E9%A6%96%E9%A1%B5%E8%AE%BE%E8%AE%A1https://www.boycot.top/article/%E6%B5%8F%E8%A7%88%E5%99%A8%E5%AF%BC%E8%88%AA%E9%A6%96%E9%A1%B5%E8%AE%BE%E8%AE%A1/2021/11/01更新:以下内容为旧版网站的记录，站点地址已更新为Howdz起始页项目地址一个浏览器首页站点,包含可切换的常用搜索引擎搜索功能,键盘布局添加快捷收藏网站,并加入键盘按键监听可快速打开,自定义背景图,配置同步功能等功能系统半成品已部署与线上，在线访问：https://howdz.xySat, 04 Apr 2020 00:00:00 GMThttps://www.boycot.top/article/CSS%E5%AE%9E%E7%8E%B0%E5%88%A4%E6%96%AD%E9%BC%A0%E6%A0%87%E8%BF%9B%E5%85%A5%E6%96%B9%E5%90%91https://www.boycot.top/article/CSS%E5%AE%9E%E7%8E%B0%E5%88%A4%E6%96%AD%E9%BC%A0%E6%A0%87%E8%BF%9B%E5%85%A5%E6%96%B9%E5%90%91/使用纯CSS判断鼠标进入方向执行不一样的方向动画，或搭配JS实现同时记录进入方向与移出方向目录纯CSS实现Clip-pathTransformJS实现Demo展示判断方向算法移入方向判断移出方向判断总结纯CSS实现实现纯CSS判断鼠标进入方向，主要是先通过将DIV以对角线切割为4个部分，然后即可为这Sat, 21 Mar 2020 00:00:00 GMThttps://www.boycot.top/article/%E7%AE%80%E6%98%93%E7%94%B5%E5%95%86%E7%B3%BB%E7%BB%9F%E5%BC%80%E5%8F%91%E8%AE%B0%E5%BD%95(Nuxtjs+Koa)https://www.boycot.top/article/%E7%AE%80%E6%98%93%E7%94%B5%E5%95%86%E7%B3%BB%E7%BB%9F%E5%BC%80%E5%8F%91%E8%AE%B0%E5%BD%95(Nuxtjs+Koa)/使用Nuxtjs+Koa+Mysql实现的极简风格电商系统，此为个人大学课余期间(2018)的练手项目，部分功能未完全实现。DEMO系统在线预览地址:http://eidea.kongfandong.cn系统功能✅登录注销✅首页商品轮播✅首页商品推荐✅商品分类搜索✅商品详情✅购物车增删改✅商品收藏✅Wed, 30 Jan 2019 00:00:00 GMThttps://www.boycot.top/article/%E8%80%83%E8%AF%95%E7%B3%BB%E7%BB%9F%E8%AE%BE%E8%AE%A1%E6%80%BB%E7%BB%93https://www.boycot.top/article/%E8%80%83%E8%AF%95%E7%B3%BB%E7%BB%9F%E8%AE%BE%E8%AE%A1%E6%80%BB%E7%BB%93/该系统成品已部署与线上，在线访问：ExamSystem系统线上环境部分功能已锁定学生端登录测试账号1:user1密码:7gzt9i0lkh测试账号2:user2密码:lyufmklxy教师端登录测试账号:admin1密码:qrmeke4p75该系统为本人毕业设计，由于时间仓促，部分功能设计不太优雅，Sat, 01 Dec 2018 00:00:00 GMT