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: &# ...

Collection 是单例集合的顶层接口,它表示一组对象,这些对象也称为Collection的元素 JDK 不提供此接口的任何直接实现.它提供更具体的子接口(如Set和List)实现 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152// ---------- 1. 创建：面向接口编程 ----------Collection<String> c = new ArrayList<>(); // List：可重复、可 nullCollection<String> set = new HashSet<>(); // Set：不重复，add 已存在返回 false// ---------- 2. 添加：boolean = 集合是否真的发生了变化 ----------boolean b1 = c.add("A"); // trueboolean b2 = c.add("B&q ...

HelloWorld案例1234567public class HelloWorld { public static void main(String[] args){ System.Out.prinln("HelloWorld"); }}// 注意：文件名称必须同名 HelloWorld，方法名必须 main，必须写分号// javac 编译，java 运行（不需要后缀） 关键字class被 Java 赋予了特定含义的英文单词，关键字都是字母小写开头。 12// 表示定义一个类。创建一个类。public class HelloWorld {} 字面量 字面量类型 说明 程序中的写法 整数 不带小数的数字 666，-88 小数 带小数的数字 13.14，-5.21 字符 必须使用单引号，有且仅能一个字符 ‘A’，‘0’， ‘我’ 字符串 必须使用双引号，内容可有可无 “HelloWorld”，“黑马程序员” 布尔值 布尔值，表示真假，只有两个值 ...