Vue3 组件通信 provide 和 inject 2023年05月08日 Mr. Ma 833 父组件如果需要给子组件传递数据可以使用 props 。父组件如果需要给子组件下的子组件传递数据也可以使用 props 把数据传给子组件,然后子组件再把数据通过 props 逐级的传给下面的子组件。使用 props 逐级传递,如果组件层级不深的话也可以,但... 阅读全文 0 评论
Vue3 状态管理工具 Pinia 的简单使用 2023年04月27日 Mr. Ma 1147 Pinia 是 Vue 的一个状态管理工具,它的功能和 Vuex 差不多,主要用于 Vue3 的状态管理,但也可以用于 Vue2。目前 Vue 官方推荐的状态管理工具也是 Pinia,它相比 Vuex 来说,在扩展性和对 TypeScript 的支持要更... 阅读全文 0 评论
Vue3 的 setup 语法糖 2023年04月23日 Mr. Ma 1812 Vue3 的组件可以有两种不同的风格书写,它们包括 选项式 API (Options API) 和 组合式 API (Composition API)。选项式 API 还是和之前版本的 Vue 一样,使用 export 导出一个包含各种选项的对象,里面可... 阅读全文 0 评论
JavaScript 浏览器获取经纬度坐标和海拔高度 2023年04月22日 Mr. Ma 982 iPhone 自带的指南针软件除了能显示方向外也能显示经纬度和海拔高度,如果有网络的话,还能显示中文位置信息,但是在 iOS 15 的一个版本更新中,苹果去除了经纬度和海拔高度,指南针只能显示方向和中文位置信息。国内的地图软件也只能显示中文的位置信息,不... 阅读全文 0 评论
使用 VuePress 为开源项目和产品生成帮助文档 2022年11月15日 Mr. Ma 1561 VuePress 是一个静态网站生成工具,它的功能和我之前用来给 MWordStar 制作帮助文档的 Docusaurus 差不多,它可以根据 Markdown 生成静态页面,可以很方便的部署到 Github Pages 的纯静态环境。就像它的名字一样,... 阅读全文 1 评论
Canvas 实现照片涂鸦 2022年09月27日 Mr. Ma 1289 canvas 是 HTML5 中的一个元素,它能用来绘制各种图形、文字,目前前端的很多图表库也会用到 canvas 来绘制。canvas 除了绘制图形外,也能用来处理照片,我用过的一个图片压缩库也是用 canvas 实现的。我之前写过 使用 canvas... 阅读全文 0 评论
JavaScript 常用日期时间函数片段 2022年09月07日 Mr. Ma 1341 PHP 提供了很多日期时间函数,可以很方便的操作日期时间。JavaScript 也提供了 Date 对象来操作日期时间,但相比 PHP 来说,还是要麻烦一些,很多功能只能自己编写实现。下面是我项目中用过的一些操作日期时间的代码片段,这里把它封装成函数,方... 阅读全文 0 评论
Typecho 主题开发 - 图片懒加载 2022年09月01日 Mr. Ma 6430 图片懒加载,也可以称为延迟加载。简单来说就是默认只加载可视区内的图片,可视区外的图片默认不加载,只有图片进入可视区才加载。这里说的可视区就是你能看到的区域。对于带宽较低的服务器来说,同时加载多张图片可能会导致图片长时间无法加载出,图片懒加载就是只加载用户... 阅读全文 53 评论
Linux 服务器安装 Aria2 + AriaNg 和配置 HTTPS 访问 2022年07月30日 Mr. Ma 5500 之前我写过 Linux 服务器安装 qBittorrent ,qBittorrent 是一个不错的 BT 下载工具,自带 Web 面板,可以远程访问。但是 qBittorrent 只能用于 BT下载,也就是只能下载种子和磁力,不能下载 HTTP 和 FT... 阅读全文 0 评论
手动搭建 Electron-vue 开发环境 2022年07月17日 Mr. Ma 2885 Electron 是一个使用 HTML、CSS、JavaScript、Node.js 来开发桌面应用程序的开源框架,它具有开发速度快和跨平台方便的优点。虽然打包的软件体积比较大,体验也不如 C++ 的 QT 和 C# 的 WPF,但是 Electron ... 阅读全文 0 评论