moxieBlog

前言Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档，Markdown 文件的后缀名便是“.md”。Markdown 常被使用来撰写电子书、博客等，同时也是我们用来记笔记的好伙伴。 本文主要介绍 Markdown 基本语法，如标题、代码块、列表、引用等语法的使用规则。 一、标题语法使用 # 号可表示 1-6 级标题，一级标题对应一个 # 号，二级标题对应两个 # 号，以此类推。 123456# 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题 效果展示： 一级标题二级标题三级标题四级标题五级标题六级标题注：# 和文字之间的空格（以及其他语法中的空格） 二、代码语法要将单词或短语表示为代码，请将其包裹在反引号( ` )中。 1这是`Markdown`语法 效果展示： 这是Markdown语法 代码块：使用( ``` )包裹中代码即可效果展示： 1这是代码块 三、字体语法Markdown 可以使用以下几种字体 12345*斜体文本***粗体文本*****粗斜体文本***~~这是加删除线的 ...

前言Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown 解析文章，在几秒内，即可利用靓丽的主题生成静态网页。 本文介绍通过Hexo框架快速搭建个人博客，并部署到Gitee Pages服务部署博客。 环境的安装安装地址 安装Git 安装Node.js GIT安装 安装步骤：双击下载好的exe文件，一路点击next就好了。 12git bash // 运行git version // 查看版本 能看到版本号就说明你安装成功了，之后的命令都是在这里运行的。 Node.js安装 安装步骤：双击下载好的msi文件，也是一路下一步就好了。 12node -v // 查看node.js版本npm -v // 查看npm版本 Hexo安装安装cnpm淘宝镜像：利用npm工具来安装一个cnpm工具(国内的淘宝npm镜像源)，提升下载各种包的速度。 1npm install -g cnpm --registry=https://registry.npm.taobao.org 后面所有的命令npm换成cnpm 安装Hexo1234// 全局安装Hexo包cnpm ...

前言Hexo优化使你的博客更加好看，同时方便阅读。 本文记录了本人在Hexo博客优化的相关配置，以及遇到的一些问题。 主题选择你可以在官方Hexo主题网页中选择你喜爱的主题，并进行相关优化。 注：本人使用的是Butterfly主题，选择一个好的主题是非常必要的。 如果选择的主题不好，出现一些问题是无法解决的； 博主之前踩过坑：比如本地配置完后没有任何问题，但是部署却发生意外的问题。 推荐选择比较火热的主题，出现问题也方面网上查询相关问题。 下文以butterfly主题开展重要的一些配置，希望对你有帮助！ 主题安装12// 安装butterflycnpm i hexo-theme-butterfly 主配置修改 Hexo 根目錄下的 _config.yml，把主題改為butterfly1theme: butterfly 检查根目录package.json文件如果没有 pug 以及 stylus 的渲染器，则需要安裝 1cnpm install hexo-renderer-pug hexo-renderer-stylus --save 主题文件在 hexo 的根目录创建一个 ...

组件 defineModel 实现1234567891011121314151617181920212223242526272829303132const props = defineProps({ propData: { type: null, default: null }})const emit = defineEmits(['update:propData'])const internalData = ref(props.propData)const data = computed({ get: () => internalData.value, set: (val) => { internalData.value = val emit('update:propData', val) }})// 监听 props.propData 的变化，如果有变化则更新 internalDatawatch( () => ...

前言记录平时遇到的技术问题和学习到的新知识 vue3 的 useAttrs 使用123456789101112131415// Grandpa.vue<father text="文本" @handle="handle"/>const handle = () => { console.log('Grandpa') }// father.vue<son :="attrs">const attrs = useAttrs() // 获取所有的未在 defineProps、defineEmits 中声明的属性与事件// son.vue<div @click="handle">我是son {{ attrs.a }}</div>const emit = defineEmits(['handle'])const handle = () => { emi ...

前言记录平时遇到的技术问题和学习到的新知识 动态加载js1234567// 使用document.write 动态加载 script（每次引入的js文件名称不同防止浏览器读取缓存文件）<script>document.write("<script src='xxx.js?num=" + Date.now() + "'><\/script>")</script>// 注意：如果后面的闭合标签不使用\分割就会与上面的标签对应，导致后面的成了HTML文本// 以后在<script></script>中的字符串中使用到</script>，都需要分割处理。否则还会出现此BUG！ element plus 自动按需加载与其他1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 ...

前言记录平时遇到的技术问题和学习到的新知识 form表单提交使用form表单提交不会有跨域的情况 123456789101112131415161718192021222324252627282930<form id="formId" action="http://localhost:3000" method="get"> <label> <input type="text" placeholder="请输入手机号" id="inputId" name="mobile" pattern="^(13[0-9]|14[5|7]|15[0|1|2|3|4|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$" required > < ...

前言本文是平时遇到的技术问题和学习到的新知识，还未有时间归类整理，放在该文章中记录。都是比较重要的知识点！！！ i18国际化一个Vue.js插件，提供了多语言解决方案 项目地址（暂未使用过） 1234567891011121314151617181920212223242526272829303132333435363738// 安装npm install vue-i18n --save// main.js使用import VueI18n from 'vue-i18n';Vue.use(VueI18n);// vue-i18n插件需要在入口文件中进行多语言包配置，其实是一个对象每种语言对应一个key。const messages = { en: { message: { hello: 'hello world' } }, cn: { message: { hello: &# ...

前言webpack 基础学习的相关内容 介绍是一个静态资源打包工具，将 Webpack 输出的文件叫做 bundle。 参考 webpack 功能介绍Webpack 本身功能是有限的:（其他功能，需要配置才能完成） Webpack 本身功能比较少，只能处理 js、json 资源，一旦遇到 css 等其他资源就会报错。 开发模式：仅能编译 JS 中的 ES Module 生产模式：能编译 JS 中的 ES Module，还能压缩 JS 代码 基本使用12345需要注意的是 package.json 中 name 字段不能叫做 webpack, 否则安装包会报错// 开发模式npx webpack ./src/main.js --mode=development// 生产模式npx webpack ./src/main.js --mode=production 基本配置5 大核心概念 entry（入口） 指示 Webpack 从哪个文件开始打包 output（输出） 指示 Webpack 打包完的文件输出到哪里去，如何命名等 loader（加载器） webpa ...

前言记录学习 TS 后台项目的知识 项目构建vite 构建搭建项目123456789# 创建项目pnpm create vite@latest# 选择如下√ Project name: ... vite-template√ Select a framework: » Vue√ Select a variant: » TypeScript# 安装依赖cd vite-templatepnpm i EditorConfig在项目根目录下增加.editorconfig文件 12345678910111213141516# 编辑器配置文件 参考 http://editorconfig.orgroot = true # 表⽰是最顶层的配置⽂件，发现设为true时，才会停⽌查找.editorconfig⽂件[*] # 表示所有文件适用charset = utf-8 # 设置文件字符集为 utf-8indent_style = space # 缩进风格（tab | space）indent_size = 2 # 缩进大小end_of_line = lf # 控制换行类型(lf | cr | cr ...