在九联Unionpi Tiger上开发一个好玩的应用-抽奖游戏 想了解更多关于开源的内容,请访问: 51CTO 开源基础软件社区 https://ost.51cto.com 概述 本实验使用Unionpi Tiger开发套件并烧录OpenH... 系统教程# deveco# studio# tiger 2年前140
如何使用 Kubectl 优雅的滚动更新应用 Pod 的重启方式也有不少,比如常见删除正在运行的 Pod 让其创建新的 Pod 实例(单个 Pod 无法直接使用该方式)。以下罗列出几种常见的方式仅供备忘: 方法1:滚动重启方法[推荐] 自 Kub... 系统教程# kubectl# pod# 容器 2年前190
ArkUI JS AI 作诗之滚动诗句 想了解更多关于开源的内容,请访问: 51CTO 开源基础软件社区 https://ost.51cto.com 前言 HarmonyOS ArkUI应用开发之AI作诗,根据输入的... 系统教程# ai# arkui# harmonyos 2年前120
20个既简单又实用的 JavaScript 小技巧 ,我们可以使用 window.scrollTo() 平滑滚动到页面顶部。,当然,如果知道页面的高度,也可以平滑滚动到页面底部。,有时我们需要将元素滚动到可见区域,我们应该怎么做?使用 scrollIn... 网站建设# pc# 全屏# 浏览器 3年前190
23个常见的 JavaScript 函数 ,当网站需要生成随机颜色时,我们可以通过以下代码来执行此操作。,,对数组元素重新排序是一个非常重要的技巧,但它在原生数组中不可用。,,复制到剪贴板是一项非常有用且用户友好的功能。,,深色主题越来越流行... 网站建设# 原素# 深色# 滚动 3年前400
聊一聊苹果官网滚动文字特效实现 ,每年的苹果新产品发布,其官网都会配套更新相应的单页滚动产品介绍页。其中的动画特效都非常有意思,今年 iPhone 14 Pro[1] 的介绍页不例外。,最近,刚好有朋友问到,其对官网的一段文字特效特... 网站建设# background# clip# 官网 4年前210
八个实用的 NPM 技术 这篇文章,跟大家分享8个NPM的技术,希望这些小技巧能够帮助到你,我们现在就开始吧。,,几乎所有的网站都有存在,因为它可以让用户更方便地使用功能。但令人难以置信的是,只需要 6 行有效代码就可以做到这... 网站建设# app# codepen# npm 4年前520
大家都能看得懂的源码之Ahooks UseInfiniteScroll useInfiniteScroll 封装了常见的无限滚动逻辑。,详细可看官网[3],注意:这里的无限滚动指的是常见的点击加载更多或者说下拉加载更加功能,而不是虚拟滚动,虚拟滚动后面会讲到。,实现原理... 网站建设# useinfinitescroll# userequest# 加载 4年前650
一个快速的Vue3无限滚动组件 ,如果你在社交媒体上停留的时间过长,那么,你所在的网站很可能正在使用无限滚动组件。,无限滚动组件是在用户向下滚动页面时加载新内容,而不是将其分成多个页面。,它们对于特定类型的内容(例如用户生成的内容... 网站建设# 使用# 内容# 无线 4年前580
不需要 JS!仅用 CSS 也能达到监听页面滚动的效果! ,可以看到,只有滚动以后才出现阴影。一般情况下,使用 JS 监听滚动事件动态添加类名就可以实现,不过经过我的一番尝试,发现这种效果仅仅使用 CSS 也能轻易实现。,你也可以提前访问 CSS auto ... 网站建设# css# fixed# js 4年前290
如何优雅地取消页面滚动恢复行为? 通常我们在浏览web页面时,当浏览到某个位置跳去了其它页面浏览后再回到开始时的那个页面时,浏览器会帮我们重新定位到我们离开页面时的位置,对于绝大多数场景来说,这确实是一个非常好的体验设计!但有时候我们... 网站建设# history# web# 浏览 5年前130
Scrollend:超实用的全新JavaScript事件 大家好,我是 CUGGZ。,在开发中,可能会遇到当页面滚动停止之后执行某些操作的需求。在 scrollend 事件之前,并没有可靠的方法来检测页面滚动是否完成。这意味着事件会延迟触发,或者当用户的手... 网站建设# scrollend# 停止# 时间 5年前520
翻转再翻转!有意思的水平横向溢出滚动 ,最近接到一个很有意思的需求,能否做到当内容横向溢出时,依然能够使用鼠标滚轮对内容进行滚动的方法。,什么意思呢?来看看这么一种情况:,我们有一个垂直方向溢出滚动的容器,以及一个水平方向溢出滚动的容器... 网站建设# 容器# 滚动# 滚轮 5年前370
CSS 如何设置自动滚动定位的间距? 在平时开发中,经常会碰到需要快速定位的问题,比如常见的锚点定位。,这样,在点击a标签时会自动定位到与之相对应的内容上,如下:,,但是,这种通过锚点触发的定位默认是紧贴滚动容器边缘的,如果一些定位元素... 网站建设# css# 定位# 拖拽 5年前430
CSS层级小技巧!如何在滚动时自动添加头部阴影? 在网页中,经常会用阴影来突出层级关系,特别是顶部导航,但有时候设计觉得没必要一开始就显示阴影,只有滚动后才出现。比如下面这个例子,注意观察头部阴影。,作家专区,可以看到,只有滚动以后才出现阴影。一般情... 网站建设# css# fixed# 实现 5年前260
太长了,巧妙地优化了跑马灯 ,上周优化了个跑马灯,原因是跑马灯的长度太长了,每个item的节点比较多,所以即使限制最多只有50个item,也还是很长很长,有多长可以看看下面,,怎么优化呢?看看之前的跑马灯。,,之前的写法很简单... 网站建设# item# 很长# 滚动 5年前2600