A Wonderful Theme for Hexo
前言因为一些特殊 的原因，导致VUE 版博客的所有数据丢失，因为一些特殊原因其实是没上传代git仓库中保存无法找回，想了很久，因为没有了原来的源码，又没有那么多时间重新写，只能看上Hexo这个强大的博客框架，因为一些特殊的原因找到了@安知鱼的博客，这个主题一下子就喜欢上了，开源 万岁！
一些想说的话既然是新的开始，那博客也得开始写了，会不定期分享一些前、后端的知识和学习过程，毕竟我可是想成为一个全栈工程师！
这篇文章将永远置顶在这个博客的最前面，一方面督促自己，一方面希望看到这个文章的人能心想事成，我们一起砥砺前行 ！
记录一下在vue3中使用monaco editor的坑
// 更新编译器watch( () => props.language, () => { console.log(monaco.languages.getLanguages()); monaco.editor.setModelLanguage( // 踩坑一定要使用toRaw toRaw(codeEditor.value).getModel(), props.language ); });
注意:代码中有两个关键点
monaco.editor.setModelLanguage
一定要这样用setModelLanguage, 如果使用ref元素设置setModelLanguage会提示函数不存在
toRaw(codeEditor.value).getModel(),
在获取Model时使用ref元素必须要转化元素不然回导致页面卡死
技术分享
未读前言最近的项目中使用到一个数组的处理，记录一下如何把一个数组中的两个对象合并到一个对象中。
开始使用Object.assign()
let array = [{"current":1},{"pageSize":2}]const mergedObject = Object.assign({}, ...array);
前言一款挂在你表单上的小动物的样式分享，理论上可以换成任何一个你想要的资源。
如果是使用在Vue中可以直接复制我的代码进行使用。
先看一下效果图
未点击密码框的状态：
点击密码框后的状态：
开始新建一个css文件
我这里就叫userModal.scss，输入以下代码：
body { /* 100%窗口高度 */ height: 100vh;}.login-box { /* 相对定位 */ position: relative; width: 320px;}.input-box { /* 弹性布局 垂直排列 */ display: flex; flex-direction: column;}/* 接下来是猫头鹰的样式 */.owl { width: 211px; height: 108px; /* 背景图片 */ background: url('../images/owl-login.png') no-repeat; /* 绝对定位 */ position: abs ...
前言在使用ant design pro时发现二级菜单设置icon并不能显示，如图官方是这么说的。
于是我走遍互联网发现好像有这个需求的人并不多，可能是我比较矫情，但是我还是找到了解决的办法。
注意：该方法只能使用ant design ui 的icon库
开始打开app.tsx或者app.jsx
找到layout
在return中粘贴以下代码
menuItemRender: (menuItemProps, defaultDom) => { if (menuItemProps.isUrl || !menuItemProps.path) { return defaultDom } // 支持二级菜单显示icon return ( <Link to={menuItemProps.path}> <div style={{ display: 'flex&#x ...
计划前言目前在学习React并且在学习的过程也在做一些项目，由于想做的真的太多了，于是把其中一些想实现或已经实现的想法统一在这里展示。
我的GitHub 后续所有项目都将开源在GitHub中。
项目目录
基于React、Ant Design Pro框架开发基础用户管理系统模板Joy Admin
基于Vue3、Pinia、Vant UI开发的H5端交友系统Joy Friend
基于React、Ant Design Pro框架、Vue3开发的公益Api管理系统Joy Api Pro（研发中。。。）
持续更新中。。。
项目截图以下是各项目的截图
Joy AdminJoy FriendJoy Api Pro
一、CentOS 安装 Docker官方网站上有各种环境下的 安装指南，这里主要介绍 Docker CE 在 CentOS 上的安装。
1.1卸载Docker（可选） 如果之前安装过旧版本的 Docker，使用下面命令卸载：
yum remove docker \ docker-client \ docker-client-latest \ docker-common \ docker-latest \ docker-latest-logrotate \ docker-logrotate \ docker-engine
1.2 安装Docker
**安装 yum **
yum install -y yum-utils
设置镜像仓库
yum-config-manager --add-repo https://mirro ...
收集一些在使用Ant Design Pro中的一些心得
一、请求Proxy设置打开 proxy.ts
dev: { // localhost:8000/api/** -> https://preview.pro.ant.design/api/** '/api': { // 要代理的地址 target: 'http://localhost:8080', //这里是开发环境后端地址 // 配置了这个可以从 http 代理到 https // 依赖 origin 的功能可能需要这个，比如 cookie changeOrigin: true, pathRewrite: { '^/api': '' } } },
二、设置AntD的表单对齐在<Form {...formItemLayout}>设置
const formItemLayout ...
前言开箱即用 yyg-cli（脚手架工具）：快速创建 vue3 组件库和vue3 全家桶项目
全局安装 pnpm
npm install -g pnpm
安装 yyg-cli使用 pnpm 或 yarn 全局安装 yyg-cli：
pnpm install yyg-cli -g或yarn global add yyg-cli
安装完成后查看版本号：
yyg --version
创建 vue3 全家桶项目在控制台输入 yyg create 项目名 ，如：
yyg create ops-admin
算法练习一、题目1.多数元素
给定一个大小为 n 的数组 nums ，返回其中的多数元素。多数元素是指在数组中出现次数 大于 ⌊ n/2 ⌋ 的元素。
你可以假设数组是非空的，并且给定的数组总是存在多数元素。
示例 1：
输入：nums = [3,2,3]输出：3
示例 2：
输入：nums = [2,2,1,1,1,2,2]输出：2
二、题解Python 解法
def majorityElement(self, nums: List[int]) -> int: num = nums[0] count = 1 for i in range(len(nums)): if nums[i]==num: count += 1 else: count -= 1 if count == 0: num = nums[i] count = 1 return num
三、提示摩尔投票法：
核心就是对拼消耗 ...
