分类 前端开发 下的文章

这里是一些与Web前端相关的教程和笔记。

Node.js 调用百度翻译 API

百度翻译 API 是目前少有的可以免费调用的翻译 API,每月可以免费翻译 5万字符,实名认证后可以翻译 100万字符。如果你需要在应用里集成翻译功能,在翻译量不大的情况下,也可以使用免费的百度翻译。我之前在一个 Electron 软件中也使用过百度翻译...

Vue3 的自定义指令

Vue 的指令是一种在 HTML 模板中以 v- 开头的属性,像 v-show 、v-if 、v-for之类的都属于指令。除了使用 Vue 内置的指令外,你也可以自定义指令。自定义指令的主要功能就是操作 DOM 元素,当 Vue 的内置指令无法满足你的需...

Vue3 组件通信 provide 和 inject

父组件如果需要给子组件传递数据可以使用 props 。父组件如果需要给子组件下的子组件传递数据也可以使用 props 把数据传给子组件,然后子组件再把数据通过 props 逐级的传给下面的子组件。使用 props 逐级传递,如果组件层级不深的话也可以,但...

Vue3 的 setup 语法糖

Vue3 的组件可以有两种不同的风格书写,它们包括 选项式 API (Options API) 和 组合式 API (Composition API)。选项式 API 还是和之前版本的 Vue 一样,使用 export 导出一个包含各种选项的对象,里面可...

JavaScript 浏览器获取经纬度坐标和海拔高度

iPhone 自带的指南针软件除了能显示方向外也能显示经纬度和海拔高度,如果有网络的话,还能显示中文位置信息,但是在 iOS 15 的一个版本更新中,苹果去除了经纬度和海拔高度,指南针只能显示方向和中文位置信息。国内的地图软件也只能显示中文的位置信息,不...

Canvas 实现照片涂鸦

canvas 是 HTML5 中的一个元素,它能用来绘制各种图形、文字,目前前端的很多图表库也会用到 canvas 来绘制。canvas 除了绘制图形外,也能用来处理照片,我用过的一个图片压缩库也是用 canvas 实现的。我之前写过 使用 canvas...

JavaScript 常用日期时间函数片段

PHP 提供了很多日期时间函数,可以很方便的操作日期时间。JavaScript 也提供了 Date 对象来操作日期时间,但相比 PHP 来说,还是要麻烦一些,很多功能只能自己编写实现。下面是我项目中用过的一些操作日期时间的代码片段,这里把它封装成函数,方...