Hello-World
这是哪里 这里是小康博客Hexo 版，此站将会替代曾经的博客。 地址说明 本博客采用的地址是不加www的根域名，这是当初一个错误的决定。因此，当此博客关闭时，这个域名不会解析到新博客，新博客地址为加wwww的即https://www.antmoe.com。在这里我发现 coding 还是挺不错的，给申请 https 证书，不知道能不能自动续期。 文章说明 文章这件事我思考了很久，决定只留一些有意义的文章，一些笔记什么的可能就直接放弃了。 不过这么一来好像也就没什么可以留的了。 最后说明 关于本博客的一些友情链接，我会在博客关闭前逐一去访问，如果贵站还添加着本站，并且支持 https 那么我会搬到新博客的友情连接。当然了贵站还是可以与本站再次添加友情链接的。 打赏记录 打赏记录于2020 年 05 月 23 日。其中时间与订单交易时间一致，姓名（昵称）如果没有备注，默认即交易中的名称。如果您觉得侵犯了您的隐私，那么可以私信我，删除姓名（昵称）。 时间 途径 姓名(昵称) 金额 2021-03-2920:45:50 QQ blog ￥ 10.00 2021-01 ...
Hexo博客之butterfly主题优雅魔改系列
butterfly背景修改，透明度修改，卡片分类折叠等Hexo主题魔改。
初识vue3之单文件组件script setup
关于此分类 关于初识 vue3分类主要是记录一些通过 vue3 进行的实践与学习记录。 此文主要记录关于 vue3 script setup的尝试。 本文会随着作者日常使用进行补充及内容修正 本文参考于： 单文件组件<script setup> 默认自动暴露 <script setup> 是在单文件组件 (SFC) 中使用组合式API的编译时语法糖。相比于普通的<script>语法，它具有更多优势： 更少的样板内容，更简洁的代码。 能够使用纯 Typescript 声明 props 和抛出事件。 更好的运行时性能 (其模板会被编译成与其同一作用域的渲染函数，没有任何的中间代理)。 更好的 IDE 类型推断性能 (减少语言服务器从代码中抽离类型的工作)。 <template> <div>当前msg的值：{{ msg }}</div> <div>当前msg的值(ref的值会被自动解包)：{{ msgRef }}</div> ...
初识vue3之响应式数据
关于此分类 关于初识 vue3分类主要是记录一些通过 vue3 进行的实践与学习记录。 此文主要记录关于 vue3 响应式数据的尝试。 本文会随着作者日常使用进行补充及内容修正 refs 类型声明 import { ref, Ref } from 'vue' export default { // setup参数参考 https://v3.cn.vuejs.org/guide/composition-api-setup.html#%E5%8F%82%E6%95%B0 setup() { // 声明类型 字符串 const stringVal = ref<string>('1') // 声明类型 数字 const numberVal = ref<number>(1) // 声明类型 泛型 function useState<State extends string>(initial: State) { const state = ref(in ...
避坑指北：vue使用history路由
背景 在部署vue项目时，路由模式默认使用哈希(hash)模式，但是由于某些原因，要求使用history模式。但是对于现在的部署环境则遇到了一个问题。首先是目录： site ---- 项目根目录 ├── siteA ---- 项目A │ └── index.html └── siteB ---- 项目B └── index.html 即项目放在了同一个根目录下，那么此时我们就需要调整vue的一些配置。具体如下 Vue项目配置 路由设置 export default [{ path: '/siteA', name: 'siteARoot', component: () => import('@/views/siteA/index'), children: [ { path: 'index', name: 'Index', meta: { title: 'siteA' ...
初识vue3之better-scroll组件封装
关于此分类 关于初识 vue3分类主要是记录一些通过 vue3 进行的实践与学习记录。 此文主要记录封装基于BetterScroll 2.0插件封装的 scroll-view 组件。适用于移动端的弹性滚动及下拉刷新、上拉加载等场景。 弹性滚动 下拉加载 上拉刷新 滚动前后及滚动中事件 滚动条（待添加） 本文会随着作者日常使用进行补充及内容修正 简单的实现过程 实现之前需要先明确一下需求： 弹性滚动 下拉刷新、上拉加载 自定义传入内容 事件派发 弹性滚动 实现弹性滚动只需要按照官方示例初始化即可实现。 <template> <div class="wrapper" ref="wrapper"> <div class="content"> <div v-for="i in 100">{{ i ...
初识vue3之基础语法记录
关于此分类 关于初识 vue3分类主要是记录一些通过 vue3 进行的实践与学习记录。 此文主要记录一些在 vue3 中的一些语法改变（只记录composition api语法），当然使用@vue/composition-api插件也可以令vue2适用本文所记录的语法。 本文会随着作者日常使用进行补充及内容修正 数据相关(data) setupscript setuptsx<template> <div> <!-- vue模式下展示ref数据不需要加.value --> <div>当前title：{{ title }}</div> <input v-model="title" type="text" /> <div>当前用户名：{{ form.name }}</div> ...
VUE单文件组件开发
前言 首先需要阐明的是本文单文件开发最终实现的结果：**在 HTML 中通过引入打包后的 js 文件，然后使用组件标签即可渲染。**例如： <!DOCTYPE html> <html lang="en"> <body> <div id="page"> <xk-head :msg="msg">2213</xk-head> </div> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js"></script> <script src="./dist/main.js"></script> <script> var app = new Vue({ el: '#page', data: { msg: 'Hello Vue!123' } }) &l ...
前端优化：网页中文字体压缩与提取
前言 遇到需要自定义字体的需求时就需要向用户索要相关字体，然而从用户那里拿到的字体通常10m左右，假如用户的服务器带宽不够大，那么。。。。 于是参考网页中文字体压缩（woff2）、拆分、去繁体字库，提高加载速度 进行的字体"安排" 字体提取 为了便于以后更方便的提取，于是绝对将其安装在我得腾讯云无忧主机上，这样以后在提取直接上传到服务器即可。 字符集 字数 Unicode 编码 基本汉字 20902字 4E00-9FA5 基本汉字补充 74字 9FA6-9FEF 扩展A 6582字 3400-4DB5 扩展B 42711字 20000-2A6D6 扩展C 4149字 2A700-2B734 扩展D 222字 2B740-2B81D 扩展E 5762字 2B820-2CEA1 扩展F 7473字 2CEB0-2EBE0 扩展G 4939字 30000-3134A 康熙部首 214字 2F00-2FD5 部首扩展 115字 2E80-2EF3 兼容汉字 477字 F900-FAD9 兼容扩展 542字 2 ...