gcc 安装 + vscode 搭建
安装 MinGW MinGW（Minimalist GNU for Windows）, 是一个适用于微软windows应用程序的极简洁的开发环境。MinGW提供了一个完整的开源编程工具集，适用于原生MS-Windows应用程序的开发，并且不依赖于任何第三方C运行时DLL。MinGW主要供在MS-Windows平台上工作的开发人员使用，但也可跨平台使用。 ...
Posts
TypeScript 入门
什么是 TypeScript TypeScript既是一种语言又是一组工具。TypeScript是JavaScript的一个超集。换句话说，TypeScript是JavaScript加上一些额外的功能。 ...
基于 Win10 管理员权限不足的升权操作
首先由于 Win10 家庭版没有 gpedit.msc (本地策略组编辑器), cmd 以下代码将电脑模拟为 专业版 @echo off pushd "%~dp0" dir /b C:\Windows\servicing\Packages\Microsoft-Windows-GroupPolicy-ClientExtensions-Package~3*.mum >List.txt dir /b C:\Windows\servicing\Packages\Microsoft-Windows-GroupPolicy-ClientTools-Package~3*.mum >>List.txt for /f %%i in ('findstr /i . List.txt 2^>nul') do dism /online /norestart /add-package:"C:\Windows\servicing\Packages\%%i" pause Win + R 打开 gpedit.msc, 将 “以管理员批准模式运行所有管理员 ...
Alist 美化指南
窗口透明 <style> .hope-ui-light{ background-image: url("https://www.dmoe.cc/random.php") !important; background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position-x:center; } .obj-box { border-radius: 15px !important; } .hope-ui-light .obj-box { background-color: #ffffff70 !important; } .hope-c-PJLV .hope-c-PJLV-ikSuVsl-css { border-radius: 15px !important; background-color: #ffffff70 !important; } .hope-c-PJLV .hope-c-PJLV-ibtHApG-css { border-radius: 15px !important; background-color: #ffffff70 !important; } </style> 看板娘 <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script> <!-- 看板娘 --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css"> <script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/autoload.js"></script> 鼠标点击效果 <!--鼠标点击效果--> <script src="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.8/js/maodian.js"></script> Aplayer、Meting <!-- aplayer、meting --> <!-- require APlayer --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css"> <script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script> <!-- require MetingJS --> <script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script> <!-- 不显示歌词 --> <script> function removelrc() { //检测是否存在歌词按钮 if (!document.querySelector(".aplayer-icon-lrc")) return; else { //触发以后立刻移除监听 document.removeEventListener("DOMNodeInserted",removelrc); //稍作延时保证触发函数时存在按钮 setTimeout(function() { //以触发按钮的方式隐藏歌词，防止在点击显示歌词按钮时需要点击两次才能出现的问题 document.querySelector(".aplayer-icon-lrc").click(); }, 1); console.log("success"); return; } } document.addEventListener('DOMNodeInserted', removelrc) </script> Meting Body部分 ...
Vite B端后台管理起始项
创建vite项目并安装vscode插件 Vite Vite 是一个 web 开发构建工具，由于其原生 ES 模块导入方式，可以实现闪电般的冷服务器启动.通过在终端中运行以下命令，可以使用 Vite 快速构建 Vue 项目 ...
电商后台管理系统后端api接口文档
一、API V2 接口说明 接口基准地址：http://www.tangxiaoyang.vip:8888/api/v2/ 服务端已开启 CORS 跨域支持 API V2 认证统一使用 Token 认证 ...
系统学习 Vue -- 3-脚手架学习
VueCLI https://cli.vuejs.org/zh/ 什么是Vue脚手架？ 我们前面学习了如何通过webpack配置Vue的开发环境，但是在真实开发中我们不可能每一个项目从头来完成 所有的webpack配置，这样显示开发的效率会大大的降低； 所以在真实开发中，我们通常会使用脚手架来创建一个项目，Vue的项目我们使用的就是Vue的脚手架； 脚手架其实是建筑工程中的一个概念，在我们软件工程中也会将一些帮助我们搭建项目的工具称之为脚手架； 我们可以通过CLI选择项目的配置和创建出我们的项目； Vue CLI已经内置了webpack相关的配置，我们不需要从零来配置； Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供： ...
系统学习 Vue -- 4. 动画和路由
Vue 过渡与动画初体验 认识动画 在开发中，我们想要给一个组件的显示和消失添加某种过渡动画，可以很好的增加用户体验： React框架本身并没有提供任何动画相关的API，所以在React中使用过渡动画我们需要使用一个第三方库 react-transition-group； Vue中为我们提供一些内置组件和对应的API来完成动画，利用它们我们可以方便的实现过渡动画效果； 我们来看一个案例： Hello World的显示和隐藏； 通过下面的代码实现，是不会有任何动画效果的； <template> <div> <button @click="toggle">显示/隐藏</button> <h2 v-if="show">App组件</h2> </div> </template> <script> export default { data() { return { show: true } }, methods: { toggle() { this.show = !this.show; } } } </script> 没有动画的情况下，整个内容的显示和隐藏会非常的生硬： 如果我们希望给单元素或者组件实现过渡动画，可以使用 transition内置组件来完成动画； Vue的 transition 动画 https://cn.vuejs.org/guide/built-ins/transition.html#transition ...