Vue.js

简易美观!一个浏览器首页导航面板!-牛翰网

简易美观!一个浏览器首页导航面板!

sun-panel —— 个 NAS、服务器导航面板、简易 Docker 管理器、Homepage、浏览器首页。
6891acb2059e7f11的头像-牛翰网Java陈序员7个月前
08012
Svelte 最新中文文档翻译(6)—— if、each、key、await 逻辑区块-牛翰网

Svelte 最新中文文档翻译(6)—— if、each、key、await 逻辑区块

前言 Svelte,一个非常“有趣”、用起来“很爽”的前端框架。从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1: Svel...
d025380b21edbf47的头像-牛翰网冴羽7个月前
04512
js中基本事件的总结(onclick、onblur、onchange等)-牛翰网

js中基本事件的总结(onclick、onblur、onchange等)

目录 一、什么是事件? 二、常见事件类型 三、事件处理的三种方式 1. HTML 属性方式(不推荐) 2. DOM 属性方式 3. addEventListener(推荐) 四、事件对象 (event) 五、事件冒泡与捕获 六...
猿柒的头像-牛翰网钻石会员猿柒7个月前
0408
Vue3中Provide和Inject的用法及工作原理详解-牛翰网

Vue3中Provide和Inject的用法及工作原理详解

目录 Vue 3 中的 Provide 和 Inject 是怎么工作的? 1. Provides和Injects的基本概念 2. 基本用法 3. Provide 和 Inject 的工作原理 4. 处理反应性数据 5. 适用场景 6. 注意事项...
ffe2e08b477e5c99的头像-牛翰网JJCTO袁龙7个月前
0357
Vue+vant实现图片上传添加水印-牛翰网

Vue+vant实现图片上传添加水印

图片上传大家都不会陌生,就算是一个新人也会干的事儿。但说到加水印,当初我一直以为只能是在后端实现。 原来,在前端也是能实现图片上传加水印的。(注:以下的代码都来自于网络,只是我把两...
d147cd51ada50fe4的头像-牛翰网爱敲代码的小冰7个月前
0516
快速解决 keep-alive 缓存组件中定时器干扰问题-牛翰网

快速解决 keep-alive 缓存组件中定时器干扰问题

目录 1. 在组件的 deactivated 钩子中清理定时器 2. 使用 beforeDestroy 钩子清理定时器 当使用 keep-alive 缓存组件时,组件中的定时器可能会在组件被缓存后继续运行,从而干扰其他组件的逻辑...
689ebe815d251204的头像-牛翰网像素检测仪7个月前
06910
基于uniapp vue3 的滑动抢单组件实例代码-牛翰网

基于uniapp vue3 的滑动抢单组件实例代码

通过在onMounted获取movable-area与movable-view实例,计算出可滑动的距离 效果图: 代码: <template> <view class='slider-container'> <movable-area class='movable-area' i...
76c05e21848e0b2a的头像-牛翰网printf_8247个月前
06313
vue3中使用print-js组件实现打印操作步骤-牛翰网

vue3中使用print-js组件实现打印操作步骤

第一步:安装依赖 yarn add print-js 第二步:创建打印组件:PrintHtmlComp.vue <template> <div id='printArea_123456789'> <!-- 默认插槽,传入打印内容 --> <slot>&...
cc8752dd4c332ee1的头像-牛翰网滕米7个月前
0636
Vue 中v-model的完整用法及v-model的实现原理解析-牛翰网

Vue 中v-model的完整用法及v-model的实现原理解析

目录 一、 v-model的基本使用 二、 v-model的原理 三、 v-model结合radio类型使用 四、 v-model结合复选框类型使用 五、 v-model结合select 六、 v-model的修饰符的使用 一、 v-model的基本使用...
b6f1faf61b3c5841的头像-牛翰网小余努力搬砖7个月前
0448
uni-app中app和webview的h5通信简单步骤-牛翰网

uni-app中app和webview的h5通信简单步骤

目录 前情提要: 第一步,在 h5 项目中安装y_uniwebview插件 第二步,h5 代码,接收app信息和向app发送信息 第三步、app页面,接收h5信息和向h5发送信息 总结  前情提要: 1、使用webview...
97087d7b8069af4b的头像-牛翰网必哥7个月前
03910