Vue3 组件通信 provide 和 inject 2023年05月08日 Changbin 2200 父组件如果需要给子组件传递数据可以使用 props 。父组件如果需要给子组件下的子组件传递数据也可以使用 props 把数据传给子组件，然后子组件再把数据通过 props 逐级的传给下面的子组件。使用 props 逐级传递，如果组件层级不深的话也可以，但... 阅读全文 0 评论
Vue3 状态管理工具 Pinia 的简单使用 2023年04月27日 Changbin 3116 Pinia 是 Vue 的一个状态管理工具，它的功能和 Vuex 差不多，主要用于 Vue3 的状态管理，但也可以用于 Vue2。目前 Vue 官方推荐的状态管理工具也是 Pinia，它相比 Vuex 来说，在扩展性和对 TypeScript 的支持要更... 阅读全文 0 评论
Vue3 的 setup 语法糖 2023年04月23日 Changbin 4244 Vue3 的组件可以有两种不同的风格书写，它们包括 选项式 API (Options API) 和 组合式 API (Composition API)。选项式 API 还是和之前版本的 Vue 一样，使用 export 导出一个包含各种选项的对象，里面可... 阅读全文 0 评论
JavaScript 浏览器获取经纬度坐标和海拔高度 2023年04月22日 Changbin 4339 iPhone 自带的指南针软件除了能显示方向外也能显示经纬度和海拔高度，如果有网络的话，还能显示中文位置信息，但是在 iOS 15 的一个版本更新中，苹果去除了经纬度和海拔高度，指南针只能显示方向和中文位置信息。国内的地图软件也只能显示中文的位置信息，不... 阅读全文 0 评论
Canvas 实现照片涂鸦 2022年09月27日 Changbin 3195 canvas 是 HTML5 中的一个元素，它能用来绘制各种图形、文字，目前前端的很多图表库也会用到 canvas 来绘制。canvas 除了绘制图形外，也能用来处理照片，我用过的一个图片压缩库也是用 canvas 实现的。我之前写过 使用 canvas... 阅读全文 0 评论
JavaScript 常用日期时间函数片段 2022年09月07日 Changbin 2861 PHP 提供了很多日期时间函数，可以很方便的操作日期时间。JavaScript 也提供了 Date 对象来操作日期时间，但相比 PHP 来说，还是要麻烦一些，很多功能只能自己编写实现。下面是我项目中用过的一些操作日期时间的代码片段，这里把它封装成函数，方... 阅读全文 0 评论
手动搭建 Electron-vue 开发环境 2022年07月17日 Changbin 5211 Electron 是一个使用 HTML、CSS、JavaScript、Node.js 来开发桌面应用程序的开源框架，它具有开发速度快和跨平台方便的优点。虽然打包的软件体积比较大，体验也不如 C++ 的 QT 和 C# 的 WPF，但是 Electron ... 阅读全文 0 评论
前端 JavaScript 打包和解压 Zip 文件 2022年07月02日 Changbin 6880 最近写了个网页版的文件批量处理工具，在本地浏览器端处理完成后只能生成多个下载链接导出文件，比较麻烦，要是能打包文件，一次导出就会方便一些。一般大多数后端语言都会内置有处理 Zip 文件的库，PHP 有 ZipArchive 库，Node.js 有 zli... 阅读全文 0 评论
网页内容禁止拷贝的实现方式 2022年06月25日 Changbin 2120 一些博客网站和写作平台，当你准备拷贝内容的时候可能会发现文字无法被选中，也无法使用 Ctrl + C 或右键拷贝。实现禁止拷贝的方式也很简单，主要就是禁止选择内容，禁止弹出右键菜单，触发拷贝事件的时候阻止拷贝。下面就使用 CSS + JS 实现禁止拷贝，... 阅读全文 0 评论
JavaScript 使用 Axios 发送 GET 和 POST 请求 2022年06月12日 Changbin 4425 Axios 是一个基于 Promise 的网络请求库，它可以用于浏览器端和 Node.js。在浏览器端使用的是 XMLHttpRequest 来发送请求，在 Node.js 使用的是 HTTP 模块。因为 Axios 使用到了 ES6 以上的语法和特性，... 阅读全文 0 评论