置顶 MWordStar 双栏 Typecho 博客主题 2019年08月07日 Mr. Ma MWordStar 是一套简洁的 Typecho 双栏博客主题,也是我的博客之前使用的主题,这是一个免费开源的 Typecho 主题,可以在 Github 上免费下载。 阅读全文 197 评论
置顶 Facile 一个简洁的 Typecho 博客主题 2021年05月12日 Mr. Ma Facile 是一套简洁的 Typecho 博客主题,也是我的博客正在使用的主题。之前我用的主题是 MWordStar ,时间长了就想换一下外观,本来想再给 MWordStar 增加一套样式,但是外观变动比较大,而且 MWordStar 已经有几套样式了... 阅读全文 86 评论
Vue3 的过渡动画组件 Transition 和 TransitionGroup 2023年05月22日 Mr. Ma Vue3 提供了 Transition 和 TransitionGroup 两个过渡动画组件,其中 Transition 主要用于元素或组件使用 v-if 、v-show 和路由切换时显示过渡动画,TransitionGroup 用于 v-for 渲染的... 阅读全文 0 评论
Vue3 的自定义指令 2023年05月12日 Mr. Ma Vue 的指令是一种在 HTML 模板中以 v- 开头的属性,像 v-show 、v-if 、v-for之类的都属于指令。除了使用 Vue 内置的指令外,你也可以自定义指令。自定义指令的主要功能就是操作 DOM 元素,当 Vue 的内置指令无法满足你的需... 阅读全文 0 评论
Vue3 组件通信 provide 和 inject 2023年05月08日 Mr. Ma 父组件如果需要给子组件传递数据可以使用 props 。父组件如果需要给子组件下的子组件传递数据也可以使用 props 把数据传给子组件,然后子组件再把数据通过 props 逐级的传给下面的子组件。使用 props 逐级传递,如果组件层级不深的话也可以,但... 阅读全文 0 评论
Vue3 状态管理工具 Pinia 的简单使用 2023年04月27日 Mr. Ma Pinia 是 Vue 的一个状态管理工具,它的功能和 Vuex 差不多,主要用于 Vue3 的状态管理,但也可以用于 Vue2。目前 Vue 官方推荐的状态管理工具也是 Pinia,它相比 Vuex 来说,在扩展性和对 TypeScript 的支持要更... 阅读全文 0 评论
Vue3 的 setup 语法糖 2023年04月23日 Mr. Ma Vue3 的组件可以有两种不同的风格书写,它们包括 选项式 API (Options API) 和 组合式 API (Composition API)。选项式 API 还是和之前版本的 Vue 一样,使用 export 导出一个包含各种选项的对象,里面可... 阅读全文 0 评论
JavaScript 浏览器获取经纬度坐标和海拔高度 2023年04月22日 Mr. Ma iPhone 自带的指南针软件除了能显示方向外也能显示经纬度和海拔高度,如果有网络的话,还能显示中文位置信息,但是在 iOS 15 的一个版本更新中,苹果去除了经纬度和海拔高度,指南针只能显示方向和中文位置信息。国内的地图软件也只能显示中文的位置信息,不... 阅读全文 0 评论
使用 VuePress 为开源项目和产品生成帮助文档 2022年11月15日 Mr. Ma VuePress 是一个静态网站生成工具,它的功能和我之前用来给 MWordStar 制作帮助文档的 Docusaurus 差不多,它可以根据 Markdown 生成静态页面,可以很方便的部署到 Github Pages 的纯静态环境。就像它的名字一样,... 阅读全文 1 评论
Canvas 实现照片涂鸦 2022年09月27日 Mr. Ma canvas 是 HTML5 中的一个元素,它能用来绘制各种图形、文字,目前前端的很多图表库也会用到 canvas 来绘制。canvas 除了绘制图形外,也能用来处理照片,我用过的一个图片压缩库也是用 canvas 实现的。我之前写过 使用 canvas... 阅读全文 0 评论
JavaScript 常用日期时间函数片段 2022年09月07日 Mr. Ma PHP 提供了很多日期时间函数,可以很方便的操作日期时间。JavaScript 也提供了 Date 对象来操作日期时间,但相比 PHP 来说,还是要麻烦一些,很多功能只能自己编写实现。下面是我项目中用过的一些操作日期时间的代码片段,这里把它封装成函数,方... 阅读全文 0 评论
Typecho 主题开发 - 图片懒加载 2022年09月01日 Mr. Ma 图片懒加载,也可以称为延迟加载。简单来说就是默认只加载可视区内的图片,可视区外的图片默认不加载,只有图片进入可视区才加载。这里说的可视区就是你能看到的区域。对于带宽较低的服务器来说,同时加载多张图片可能会导致图片长时间无法加载出,图片懒加载就是只加载用户... 阅读全文 53 评论