使用 Electron 编写一个简单的截图工具 2024年03月28日 Mr. Ma 1253 为了解决个人的 OCR 识别和翻译的需求，我使用 Electron 编写过一个 OCR识别翻译 程序，这个程序的截图功能是通过调用微信截图的 dll 实现的。微信截图的 dll 是一个截图工具，需要通过鼠标框选来截图，不能指定截取区域，也不能跨平台，所以... 阅读全文 0 评论
在浏览器和 Node.js 使用 WebSocket 2023年10月26日 Mr. Ma 1419 WebSocket 是一种网络通信协议。WebSocket 只需要建立一次连接，客户端和服务端之间就可以很方便的发送数据，最主要是服务端也可以主动发送数据，不需要每次都由客户端先发起请求。HTTP 是一种单向通信方式，客户端发送请求，服务端响应回复，然后... 阅读全文 0 评论
Vue3 的 KeepAlive 和 Teleport 内置组件 2023年07月11日 Mr. Ma 1033 Vue3 提供了一些可以直接使用的内置组件，包括 Transition、TransitionGroup、KeepAlive、Teleport、Suspense。之前写了 Transition 和 TransitionGroup ，这里继续来写 KeepA... 阅读全文 0 评论
Vue3 的过渡动画组件 Transition 和 TransitionGroup 2023年05月22日 Mr. Ma 2865 Vue3 提供了 Transition 和 TransitionGroup 两个过渡动画组件，其中 Transition 主要用于元素或组件使用 v-if 、v-show 和路由切换时显示过渡动画，TransitionGroup 用于 v-for 渲染的... 阅读全文 0 评论
Vue3 的自定义指令 2023年05月12日 Mr. Ma 1458 Vue 的指令是一种在 HTML 模板中以 v- 开头的属性，像 v-show 、v-if 、v-for之类的都属于指令。除了使用 Vue 内置的指令外，你也可以自定义指令。自定义指令的主要功能就是操作 DOM 元素，当 Vue 的内置指令无法满足你的需... 阅读全文 0 评论
Vue3 组件通信 provide 和 inject 2023年05月08日 Mr. Ma 1068 父组件如果需要给子组件传递数据可以使用 props 。父组件如果需要给子组件下的子组件传递数据也可以使用 props 把数据传给子组件，然后子组件再把数据通过 props 逐级的传给下面的子组件。使用 props 逐级传递，如果组件层级不深的话也可以，但... 阅读全文 0 评论
Vue3 状态管理工具 Pinia 的简单使用 2023年04月27日 Mr. Ma 1475 Pinia 是 Vue 的一个状态管理工具，它的功能和 Vuex 差不多，主要用于 Vue3 的状态管理，但也可以用于 Vue2。目前 Vue 官方推荐的状态管理工具也是 Pinia，它相比 Vuex 来说，在扩展性和对 TypeScript 的支持要更... 阅读全文 0 评论
Vue3 的 setup 语法糖 2023年04月23日 Mr. Ma 2617 Vue3 的组件可以有两种不同的风格书写，它们包括 选项式 API (Options API) 和 组合式 API (Composition API)。选项式 API 还是和之前版本的 Vue 一样，使用 export 导出一个包含各种选项的对象，里面可... 阅读全文 0 评论
JavaScript 浏览器获取经纬度坐标和海拔高度 2023年04月22日 Mr. Ma 1546 iPhone 自带的指南针软件除了能显示方向外也能显示经纬度和海拔高度，如果有网络的话，还能显示中文位置信息，但是在 iOS 15 的一个版本更新中，苹果去除了经纬度和海拔高度，指南针只能显示方向和中文位置信息。国内的地图软件也只能显示中文的位置信息，不... 阅读全文 0 评论
Canvas 实现照片涂鸦 2022年09月27日 Mr. Ma 1639 canvas 是 HTML5 中的一个元素，它能用来绘制各种图形、文字，目前前端的很多图表库也会用到 canvas 来绘制。canvas 除了绘制图形外，也能用来处理照片，我用过的一个图片压缩库也是用 canvas 实现的。我之前写过 使用 canvas... 阅读全文 0 评论