E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
vueuse
本地运行 DeepSeek-R1 的成本究竟多高?
ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集
VueUse
源码解读本地运行DeepSeek-R1的成本究竟多高?
·
2025-02-21 02:13
前端javascript
本地运行 DeepSeek-R1 的成本究竟多高?
ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集
VueUse
源码解读本地运行DeepSeek-R1的成本究竟多高?
·
2025-02-20 00:52
前端javascript
构建 Next.js 应用时的安全保障与风险防范措施
ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集
VueUse
源码解读在Web应用开发过程中,确保应用的安全性至关重要,这不仅能保护用户数据,还能防止应用本身遭受各种安全攻击。
·
2025-02-20 00:51
前端javascript
少数人知道的 10 个神奇 CSS 选择器
ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集
VueUse
源码解读在Web开发中,CSS扮演着至关重要的角色,但很多开发者并没有真正发掘它的全部潜力!
·
2025-02-14 09:07
前端javascript
2025 年 Vue 的下一步是什么?
ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集
VueUse
源码解读随着我们迈入2025年,掌握Vue生态系统的最新动态已经不仅仅是跟上时代步伐,更是获取竞争优势的关键。
·
2025-02-08 06:31
React Native 列表组件:FlashList、FlatList 及更多
CSS技巧与案例详解vue2与vue3技巧合集
VueUse
源码解读在移动开发中,高效展示数据列表至关重要。作为ReactNative开发者,我们可以使用多种强大的工具来完成这一任务。
·
2025-02-08 02:57
前端javascript
React Native 列表组件:FlashList、FlatList 及更多
CSS技巧与案例详解vue2与vue3技巧合集
VueUse
源码解读在移动开发中,高效展示数据列表至关重要。作为ReactNative开发者,我们可以使用多种强大的工具来完成这一任务。
·
2025-02-06 05:26
前端javascript
DeepSeek-R1全面超越OpenAI o1:开源大模型训练范式革新
CSS技巧与案例详解vue2与vue3技巧合集
VueUse
源码解读人工智能在过去十年中的发展令人惊叹。
·
2025-02-05 02:16
前端javascript
DeepSeek R1 简易指南:架构、培训、本地部署和硬件要求
CSS技巧与案例详解vue2与vue3技巧合集
VueUse
源码解读DeepSeek团队近期发布的DeepSeek-R1技术论文展示了其在增强大语言模型推理能力方面的创新实践。
·
2025-02-01 16:49
前端javascript
什么是 Next.js 中的代码分割?如何提升性能?
CSS技巧与案例详解vue2与vue3技巧合集
VueUse
源码解读什么是Next.js中的代码拆分?它如何提升性能?代码拆分是现代Web开发中一个重要的性能优化技术,特别是在Next.js应用中。
·
2025-02-01 05:09
javascript前端
不要再这样编写 async/await
CSS技巧与案例详解vue2与vue3技巧合集
VueUse
源码解读最开始接触async/await时,很多人都会发出“终于有这个功能了!”的感叹。它的语法清晰、可读性强,用起来直观又顺手。
·
2025-01-30 12:03
前端javascript
Next.js 高级缓存策略分析
CSS技巧与案例详解vue2与vue3技巧合集
VueUse
源码解读在Next.js中,缓存机制往往是被诟病最多的特性之一。许多开发者对其工作方式并不满意。
·
2025-01-30 11:32
React Native 0.77 发布:更强的样式支持与性能优化
CSS技巧与案例详解vue2与vue3技巧合集
VueUse
源码解读ReactNative0.77正式发布!
·
2025-01-25 14:04
前端javascript
Tailwind CSS—骨架屏生成器
CSS技巧与案例详解vue2与vue3技巧合集
VueUse
源码解读使用TailwindCSS快速创建现代化的骨架屏,只需要这个简单的工具。我一直在寻找方法,让我的网站更加引人入胜和用户友好。
·
2025-01-24 07:14
前端javascript
Monorepo设置:新手指南
CSS技巧与案例详解vue2与vue3技巧合集
VueUse
源码解读Monorepo是一种项目代码管理方法,指在单个代码仓库中管理多个项目,有助于简化代码共享、版本控制、构建和部署的复杂性,并提供更好的可重用性和协作性
·
2025-01-17 14:36
告别CSS margin 和 padding 简写,拥抱更优雅的解决方案
CSS技巧与案例详解vue2与vue3技巧合集
VueUse
源码解读在前端开发中,CSS的外边距(margin)和内边距(padding)是使用频率极高的属性。
·
2025-01-17 09:49
使用 Next 14 + NextAuth 4 + Strapi v4进行 Google 和凭据提供商身份验证的完整指南(02)
CSS技巧与案例详解vue2与vue3技巧合集
VueUse
源码解读NextAuthv4介绍NextAuth是一个开源的身份验证解决方案,适用于全栈(Next)应用程序。
·
2025-01-17 09:19
javascript前端
使用 Next 14 + NextAuth 4 + Strapi v4进行 Google 和凭据提供商身份验证的完整指南(01)
CSS技巧与案例详解vue2与vue3技巧合集
VueUse
源码解读最近开始研究Strapi,这是一个无头CMS。由于它仅提供后端,前端部分包括身份验证流程需要你自己构建。
·
2025-01-17 09:19
前端javascript
只有 2% 的开发人员知道的 7 种神奇 JavaScript 数组方法
CSS技巧与案例详解vue2与vue3技巧合集
VueUse
源码解读很多人使用JavaScript数组时,最多就是for循环、map()或者filter()等常见方法,但其实数组还有不少“隐藏招数”。
·
2025-01-17 09:16
如何只使用 CSS 实现网站的暗黑模式切换
CSS技巧与案例详解vue2与vue3技巧合集
VueUse
源码解读想让你的网站从“明亮清新”切换到“暗黑酷炫”,而不依赖任何JavaScript?没问题!
·
2025-01-17 05:01
5分钟内理解 .prototype 链 | 2024
CSS技巧与案例详解vue2与vue3技巧合集
VueUse
源码解读在JavaScript的世界里,原型(prototype)系统是一个常被讨论但不易掌握的概念。
·
2025-01-16 22:36
只有 1% 的开发人员能在 60 秒内找到代码中的错误
CSS技巧与案例详解vue2与vue3技巧合集
VueUse
源码解读下面这段简单的JavaScript代码里藏着一个不起眼但足以让人抓狂的错误:functiongetResult(a,b){return{
·
2025-01-16 18:30
vue
vueUse
利用useInfiniteScroll API 实现虚拟滚动
前言中文网地址:开始使用|
VueUse
中文网官网地址:
VueUse
元素的无限滚动。useInfiniteScroll详细解析地址效果组件封装
小白小白从不日白
·
2024-09-14 22:23
Vue3
vue.js
前端
4.4 Sensors -- useDevicePixelRatio
4.4Sensors–useDevicePixelRatiohttps://
vueuse
.org/core/useDevicePixelRatio/作用动态追踪devicePixelRatio的变化。
weixin_mouren
·
2024-09-05 09:05
vueuse源码解析
前端
javascript
vue.js
4.2 Sensors -- onKeyStroke
4.2Sensors–onKeyStrokehttps://
vueuse
.org/onKeyStroke作用监听键盘按键是否被点击官方示例监听一个按键import{onKeyStroke}from'@
vueuse
weixin_mouren
·
2024-09-05 09:35
vueuse源码解析
javascript
前端
vue.js
1.4 State -- useStorage
1.4State–useStoragehttps://
vueuse
.org/core/useStorage/作用创建一个能访问和修改LocalStorageorSessionStorage的响应式变量。
weixin_mouren
·
2024-09-05 09:05
vueuse源码解析
javascript
开发语言
ecmascript
4.5 Sensors -- useElementByPoint
4.5Sensors–useElementByPointhttps://
vueuse
.org/core/useElementByPoint/作用根据鼠标位置,实时返回鼠标所在的dom元素。
weixin_mouren
·
2024-09-05 08:57
vueuse源码解析
前端
javascript
vue.js
3.9 Browser -- usePreferredLanguages
3.9Browser–usePreferredLanguageshttps://
vueuse
.org/usePreferredLanguages作用它为web开发人员提供有关用户首选语言的信息。
weixin_mouren
·
2024-09-03 01:08
vueuse源码解析
前端
javascript
vue.js
3.7 Browser -- useMediaQuery
3.7Browser–useMediaQueryhttps://
vueuse
.org/core/useMediaQuery/作用响应式的媒体查询。
weixin_mouren
·
2024-09-03 01:38
vueuse源码解析
javascript
前端
vue.js
2.1 Elements -- useActiveElement
2.1Elements–useActiveElementhttps://
vueuse
.org/useActiveElement作用响应式的document.activeElement,配合一些特殊的标识
weixin_mouren
·
2024-09-03 01:35
vueuse源码解析
前端
javascript
vue.js
Vue3项目中页面滚动加载更多的原生操作
效果:数据未回来就是加载中,加载数据完成后就会显示没有更多的数据了步骤一,定义无限下拉的商品组件:xtx-infinite-loading.vue使用了
vueuse
中的useIntersectionObserve
是要开心的婷婷呀~
·
2024-08-31 08:53
Vue3
前端
vue.js
html5
javascript
MyPrint打印设计器(二)vue3 实现历史步骤记录
通过
vueuse
中的useManualRefHistory,快速实现历史操作记录所需环境:vue实现目标历史记录撤销重做记录覆盖代码原理把键盘监听事件挂载在document上,当键盘事件发生时,依次匹配事先订阅的快捷键
那叫一个优雅
·
2024-08-29 04:37
Myprint
可视化打印设计器
vue
历史记录
打印设计
MyPrint
拖拽按钮: 如何区分点击和拖拽事件 (
vueuse
实现)
问题:使用
vueuse
的useDraggable去拽按钮时会触发点击事件,即使设置阻止默认事件还是没用。方案1:判断拖拽时长判断拖拽时长,如果大于点击的时间秒数,则被认为是拖拽。
白桃与猫
·
2024-02-08 15:11
Vue知识点
javascript
vue
前端
基于
vueuse
分装WebSocket
基于
vueuse
分装WebSocketimport{useWebSocket}from'@
vueuse
/core'exportinterfaceIWebSocketConfig{wsUrl:stringisHeartbeat
小木木爸
·
2024-02-08 10:05
前端小屋
websocket
网络协议
网络
自定义指令实现图片懒加载
mounted(el,binding){//el是绑定的img元素,binding.value是图片srcconsole.log(el,binding.value)}})绑定元素:判断图片是否进入视口直接使用
vueuse
小秀_heo
·
2024-02-07 00:37
前端
javascript
vue.js
element ui表格手写拖动排序
效果图:思路:重点在于:拖动行到某一位置,拿到这一位置的标识,数据插入进这个位置
vueuse
的拖拽hooksuseDraggable可以用;html5drag能拖动行元素;mounsedown、mounsemove
摸鱼少侠梁先生
·
2024-02-06 14:31
ui
Vue 设置导航吸顶
在浏览器上下滚动的时候,如何距离的顶部的距离大于78px,吸顶显示,小于78px则隐藏工具类安装:npmi@
vueuse
/core创建吸顶页面fixed.vue://vueUseimport{useScroll
前端怎么个事
·
2024-01-26 23:50
vue.js
javascript
ecmascript
vue3-吸顶导航
吸顶导航当滑动滚轮大于78px时,触发show样式//
vueUse
//y为滑动滚轮的距离import{useScroll}from'@
vueuse
/core'const{y}=useScroll(window
是老虎是狮子不是大象
·
2024-01-22 17:59
vue
vue.js
前端
javascript
vue3-图片懒加载指令实现
有些网站页面比较长,用户不一定访问到页面靠下面的图片,这类图片通过懒加载优化手段可以做到只有进入视口区域才发送图片请求指令用法//在图片img身上绑定指令,该图片只有正式进入到视口区域时才会发送图片网络请求使用
Vueuse
是老虎是狮子不是大象
·
2024-01-22 17:28
vue
vue.js
前端
javascript
You may need an appropriate loader to handle this file type, currently no loaders are configured to
原因:“@
vueuse
/head”:“^0.7.5”,指的是version与version兼容,与2.3.1版本兼容,相当于2.X.X,即>=2.3.1returntemplate.replace("%
昵称老重复
·
2024-01-17 07:19
bug分享
git
javascript
javascript
前端
webpack
原生 js 监测 某个 DOM进入 可视区
就是这个IntersectionObserver对象,MDN中有介绍,vue3版本的
vueuse
/core其实也是根据这个封装的Documentulli{height:70px;margin-top:20px
嘤嘤怪呆呆狗
·
2024-01-16 17:14
js
vue
vue
js
javascript
vueUse
插件--useDraggable的使用方法以及案例(vue3)
vueUse
地址:https://
vueuse
.org/core/useDraggable/useDraggable让一个元素变成可拖拽官方给出的demo,感兴趣的可以去
VueUse
官网看看import
汤姆丁1111
·
2024-01-13 11:27
vue.js
javascript
前端
实现导航栏吸顶操作
一、使用
VueUse
插件//安装npmi@
vueuse
/core二、点击搜索useScroll2.1搜索结果如图三、使用//这是示例代码import{useScroll}from'@
vueuse
/core'constel
Pinia_0819
·
2024-01-11 02:20
vue
项目功能
前端
vue
elementui
Vue3 结合typescript 组合式函数
在App.vue文件中实现鼠标点击文件,显示坐标值第一种方法第二种方法:组合式函数结果:官网推荐组合函数:https://
vueuse
.org
土井塔克树1412
·
2024-01-03 11:55
vuejs
typescript
javascript
前端
vuejs
vue3-11
router\a6router.ts文件import{createRouter,createWebHashHistory}from'vue-router'import{useStorage}from'@
vueuse
敲代码的翠花
·
2024-01-03 05:07
vue3
前端
vue.js
vue3数据懒加载 列表滚动加载 可能是全网最容易理解的
因为组件是自己写的,翻了下组件库,没有这个功能,就自己写一个首先在hooks里面写一个ts文件,我这取名叫做use-lazy-data.tsimport{useIntersectionObserver}from'@
vueuse
爱学习的小康
·
2023-12-28 09:44
vue.js
javascript
前端
Vue在Computed计算属性下,获取Promise then的返回值无效为空
解决方案:
Vueuse
库提供了异步计算属性的钩子,使用
Vueuse
库的computedAsync即可。
奋斗的烧饵块
·
2023-12-24 09:30
vue.js
javascript
前端
vue组件prop变量和内部变量数据格式不一样时,变量同步prop值,变量改变通知父组件.
props,当对其进行封装,想对该属性进行双向绑定时,可以采用computed的方式包一层get(){returnprops.xxx},set(v)=>{emit('update:xxx',v)},或者使用
vueuse
新时代的弩力
·
2023-12-22 09:57
Vue
vue.js
javascript
前端
vue3自定义指令实现图片懒加载
在电商项目中,图片资源如果初始化就全部加载不仅会影响页面的性能还会造成服务器多余的开销,实在没有必要,所以可以使用图片懒加载的方式来实现什么是懒加载:指的是在设定的条件下之后再执行加载资源的处理注:本文就不介绍
VueUse
zou-dev
·
2023-12-17 18:39
vue.js
前端
elementui
typescript
适配滑动宽度(Vant)
@
vueuse
/core介绍:文档https://
vueuse
.org/core/useWindowSize/是一个基于组合API封装的库,提供了一些网站开发常用的工具函数,切得到的是响应式数据例如:在
愿➣
·
2023-12-15 23:28
前端
typescript
上一页
1
2
3
4
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他