Babel 简单使用指南

Babel 是一个 JavaScript 的转译器。它的主要功能就是把 ES2015+ 的代码转换为 ES5 或更低版本的 JavaScript 代码。有了 Babel,您就可以使用最新的 JavaScript 语法,不用太担心浏览器的兼容问题。这篇文章...

Vue 自定义指令的定义和调用

指令是 Vue 中以 v- 开头的一种属性,像 v-show 、v-model 都属于 Vue 的内置指令。除了内置的指令外,Vue 也允许自定义指令。自定义指令的功能就是操作 DOM。虽然 Vue 可以通过改变数据来操作 DOM,但有的功能还是无法实现...

JavaScript 剪贴板粘贴上传图片

浏览器上传文件的文件选择方式包括:input 文件表单、拖放选择、直接粘贴剪贴板中的文件。之前写了 文件表单和拖放选择,这里就继续来写剪贴板粘贴上传。注意!目前的粘贴上传只能粘贴保存在剪贴板中的文件,这些文件一般是截图工具之类的软件保存到剪贴板中的,在资...

Vue 绑定 class 和 style

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

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

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

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

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