Vue 通过 VueUse 的 useStyleTag 实现动态注入 css 样式

Vue 通过 VueUse 的 useStyleTag 实现动态注入 css 样式,你可以动态加载css样式。

VueUse useShare 分享网页和文件功能

VueUse useShare 分享网页功能,它可以让你从一个网页分享文本、链接\文件到设备上安装的其他应用程序。

VueUse useScriptTag 动态加载js文件

在Vue框架中我们可以使用VueUse useScriptTag 来动态加载js文件,可以自动加载也可以由你手动控制何时加载js文件,当Vue组件卸载时间自动卸载已加载的文件。

VueUse useScreenSafeArea 屏幕安全区域

VueUse useScreenSafeArea ,由于现在很多手机有刘海屏和水滴屏,我们可以通过该方法来获取屏幕安全区域更好的适配手机。

VueUse useScreenOrientation 屏幕方向相关API

VueUse useScreenOrientation 屏幕方向相关API,获取用户当前屏幕方向的信息。

VueUse usePreferredLanguages 获取当前用户系统的语言

VueUse usePreferredLanguages 获取当前用户系统的语言,如果你可以根据用户使用的语音提示用户切换到对应的站点,你可以访问苹果或微软的官网试试看。

VueUse usePreferredDark 黑暗主题

VueUse usePreferredDark 响应式系统主题是否是黑暗主题,在windows10中个性化设置里面开启或关闭高对比可以查看效果。

VueUse usePreferredContrast 查询内容色彩对比度

usePreferredContrast 是 CSS 媒体功能,用来检测用户是否要求将内容以更高或者更低的对比度进行呈现,有三个值no-preference:默认值,不作任何变化,less:期望使用对比度更低的界面,more:期望使用对比度更高的界面。

VueUse usePreferredColorScheme Vue2/Vue3 获取系统主题

VueUse usePreferredColorScheme Vue2/Vue3 获取系统主题

通过VueUse usePermission 来 Vue 判断有没有相机等 api 权限

通过 VueUse usePermission 来 Vue 判断有没有相机、陀螺仪、麦克风等 api 权限。

VueUse usePerformanceObserver 性能指标

VueUse usePerformanceObserver 性能指标,usePerformanceObserver 可用于获取性能相关的数据,例如首帧fp、首屏fcp、首次有意义的绘制 fmp等等。

VueUse useObjectUrl 响应式对象URL

VueUse useObjectUrl 响应式对象URL,通过URL.createObjectURL()为File、Blob或MediaSource对象创建URL,组件卸载时通过revokeObjectURL()自动释放URL。

VueUse useMemory 响应式的内存信息

VueUse useMemory 响应式内的存信息,可以获取当前网页内存使用情况以及可使用的额度。

VueUse useMediaQuery css 媒体查询

VueUse useMediaQuery 是一个 CSS 媒体查询钩子,用于响应式。使用这个功能我们可以在 Vue 中使用 useMediaQuery 还行 CSS 媒体查询。

VueUse useMediaControls 视频音频控制

VueUse useMediaControls 响应式的视频音频控制。

ag-grid vue3 入门教程

ag-grid vue3 入门教程,介绍ag-grid在 vue3中的用法,包括事件的响应、获取选中值、自定义单元格组件。

公司 outing

公司 outing,分享几张照片,来公司的第一年就取消了旅游,今年是来公司第六个年头了终于等来了公司旅游,虽然工作过很多家公司但几乎没怎么参与公司旅游,唯一的一次是11年还是12年在5173.com去磐安新员工团建好像,都不记得了。

Vue 通过 VueUse useImage 实现响应式的加载图片

Vue 通过 VueUse useImage 实现响应式的加载图片,它可以响应式的获取图片价值的状态,比如加载中、加载失败。

VueUse useGamepad 游戏手柄

VueUse useGamepad 游戏手柄,为Gamepad API提供响应式绑定。

Vue 通过 useFullscreen 实现全屏模式,相当于F11的功能

Vue 通过 useFullscreen 实现全屏模式,相当于F11的功能,你可以指定某个元素设置全屏模式。