置顶 MWordStar 使用说明

MWordStar 是一个基于 Bootstrap4 开发的响应式双栏 Typecho 博客主题。之前的使用说明都是放在 README.md中,在 Github 的仓库首页就能看到使用说明。但是随着功能的增加,使用说明也越来越长,对于只想看主题介绍的人来...

Vue 绑定 class 和 style

在 原生 JS 中可以通过 classList.add() 和 classList.remove() 这两个方法来动态的增加和删除元素的 class,也可以通过 style 属性来动态的改变元素的样式。在 Vue 中不太推荐直接操作 DOM 元素,但可以...

Typecho 主题开发 - 一些常用方法

这是我开发主题 MWordStar 的一些笔记。因为官方的开发文档不是太完善,很多地方只能靠阅读其他主题的源码来学习开发。这里简单记录一下官方文档中没有说到的一些内容。标题官方文档提供的输出页面标题的方法是:$this->options->t...

Typecho 主题开发 - 文章自定义字段和主题设置字段

在 Typecho 官方的主题开发文档中,很少有关于文章自定义字段和主题设置相关的开发说明。我也是查看了一些开源主题的代码才搞懂自定义字段和主题设置的开发。这里就简单写一下文章自定义字段和主题设置的定义和调用。文章自定义字段文章自定义字段定义后会显示在文...

Vue 使用 vue-resource 发送 AJAX 请求

vue-resource 是一个用来发送 XMLHttpRequest 请求的 Vue 插件,它的功能和 jQuery 中的 $.ajax 差不多。有了 vue-resource,简单的 AJAX 请求就不需要手动封装了。安装这里使用 npm 安装,在项...

阿里云轻量应用服务器(香港)使用体验 + 简单测试

因为备案原因,我之前一直都在使用国外的服务器。国外的服务器虽然不用备案,但延迟也比较高,尤其是晚上。香港的服务器虽然延迟不是太高,但是价格比较贵。阿里云轻量应用服务器的香港数据中心算是香港服务器中价格比较便宜的,而且延迟也不是太高。对于我这种人在国内,但...

Vue Router 的简单使用

Vue Router 是 Vue 官方提供的路由管理插件。使用 Vue Router 您可以很方便的配置组件和路由的对应关系,可以实现不同的路由显示不同的组件,还能配合 Vue 的过渡动画使用。如果您还不了解路由的话,可以先看一下 前端路由的简单实现 这...

Win10 启用 Sandbox(沙盒)

Sandbox 是 Windows 10 1903 版本中新增的一个功能,Sandbox 可以建立一个虚拟的运行环境,能和真实的运行环境隔离开。简单来说就有点类似于虚拟机,您可以在隔离的环境内运行各种不安全的程序,用完以后可以直接销毁。开启 Sandbo...

Electron 初体验

Electron 是一个用于开发桌面应用程序的开源框架。Electron 允许您使用 HTML + CSS + JavaScript 来开发桌面应用程序。因为 Electron 的 UI 界面使用的是网页,所以可以很方便的在 Windows、Mac O...

Vue 条件渲染 v-if 和 条件展示 v-show

在 Vue 中 v-show 和 v-if 都能实现元素的显示或隐藏,但是两个指令还是有些不一样的。这里就简单写一下 v-show 和 v-if 两个指令的区别和用法。v-showv-show 的功能是条件展示,如果条件为 true 就显示,否则就隐藏。...

Vue 生命周期和钩子函数

每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。Vue 生命周...