基于Docker安装之docke与docker-compose
在服务器中安装docker与docker-compose，为后续步骤顺利进行。
关于"反代"JSD这件事
通过dogecloud"反代"jsdelivr。
我的Hexo“自动化”之道
Hexo自动化实现，整体流程不输动态博客。
前端Coder手中的Docker
在服务器中安装Docker 在测试或开发环境中 Docker 官方为了简化安装流程，提供了一套便捷的安装脚本，CentOS 系统上可以使用这套脚本安装，另外可以通过 --mirror 选项使用国内源进行安装：执行这个命令后，脚本就会自动的将一切准备工作做好，并且把 Docker 的稳定(stable)版本安装在系统中。 curl -fsSL get.docker.com -o get-docker.sh sudo sh get-docker.sh --mirror Aliyun 安装完成后的推荐操作 启动docker sudo systemctl enable docker sudo systemctl start docker 创建docker用户组 sudo groupadd docker 将当前用户加入docker组 sudo usermod -aG docker $USER 测试docker安装是否正确 docker run hello-world 修改镜像 登录阿里容器镜像服务 查看加速地址 设置加速服务 创建目录 sudo mkd ...
面向Coding的Git
说明 此篇文章记录在日常 coding 的操作以及一些必要的 git 概念 git的初始化设置 git config --global user.name "Your Name" git config --global user.email "email@example.com" config的三个作用域,缺省等同于local git config --local ## local只对某个仓库有效 git config --global ## global对当前用户所有仓库有效 git config --system ## system对系统所有登录的用户有效 显示config的配置，加--list git config --list --local ## local只对某个仓库有效 git config --list --global ## global对当前用户所有仓库有效 git config --list --system ## system对系统所有登录的用户有效 查看提交记录 只看变更列表只看最近N次只看当前分支历史全部分支历史git log --oneline gi ...
初识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 ...
