AI 助理
文档备案控制台
开发者社区 ModelScope模型即服务 文章 正文

前端新手练习纯js原生做轮播图的感悟

2026-01-22 149
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 做轮播的要点

本地使用原生js做轮播的注意点
（1）轮播内容图片应该保存在一个数组对象中，循环数组的下标对应相应的图片
（2）使用定时器时候要明确什么时候开启定时器，什么时候关闭定时器
（3）当点击向左切换标识的时候，当前是第一张轮播图的时候，此时要切换到最后一张轮播图片
（4）当点击向右切换标识的时候，当前是最后一张轮播图，下一张应该需要切换到第一张图片，此时需要注意相应的下标切换
(5)注意点击向左向右的标识的时候需要关闭定时器，点击完成后再开启定时器

文章标签：
JavaScript
前端开发
pnoi6nrtb7smq
目录
相关文章
LianHe_BI
|
3月前
|
JSON 人工智能 自然语言处理
基于Qwen-3B-Raw的本地化SD Prompt生成器研究
本项目用NLP技术把人类的模糊美学意图，蒸馏成可重复、可微调、可部署的图像生成指令引擎。
LianHe_BI
310 13
蚂蚁百宝箱
|
人工智能 自然语言处理 供应链
网上管家婆客服部被AI“抢活”了！实测百宝箱智能体的提效魔法
网上管家婆联合蚂蚁百宝箱推出AI智能客服与语音转写智能体，实现售后咨询秒级响应、销售录音自动分析，大幅提升效率。智能体嵌入现有系统，零代码操作，助力客服摆脱重复劳动，聚焦高价值服务，真正实现人机协同提效。
蚂蚁百宝箱
264 0
modelscope
|
3月前
|
机器学习/深度学习 文字识别 测试技术
10B击败200B！阶跃星辰10B视觉语言SOTA模型开源
阶跃星辰发布开源多模态小模型Step3-VL-10B，仅10B参数却媲美百亿级大模型，在视觉感知、逻辑推理、数学竞赛等任务中达同规模SOTA，支持端侧部署，推动智能终端交互革新。
modelscope
378 6
小刘的大模型笔记
|
3月前
|
机器学习/深度学习 人工智能 JSON
大模型微调实战：从原理到落地的完整指南
本文系统讲解大模型微调的原理与实战，涵盖LoRA等高效方法，手把手教你用少量数据定制专属模型，结合数据准备、训练策略与效果评估，助力开发者低成本实现AI应用落地。
小刘的大模型笔记
758 11
modelscope
|
3月前
|
数据采集 编解码 自动驾驶
世界模型 LingBot-World，正式开源！
蚂蚁灵波团队开源世界模型LingBot-World，专为交互式仿真设计。其核心LingBot-World-Base具备高保真、强动态、长时序一致性（支持近10分钟稳定生成）和实时交互能力（≈16FPS，延迟＜1秒），依托可扩展数据引擎，从游戏环境学习物理与因果规律，打造具身智能、自动驾驶等领域的“数字演练场”。
modelscope
1202 1
huizhudev
|
3月前
|
人工智能 机器人 程序员
去年我用一张Excel表"规划"学习，结果把自己逼进了ICU——直到我学会让AI帮我排兵布阵
本文以作者因"完美计划表"累倒入院的亲身经历切入，分享了一套让AI担任私人学习规划师的完整指令模板。通过"目标拆解""遗忘曲线复习""弹性时间"三大机制，解决目标模糊、复习逃避、计划崩溃等常见学习痛点，并提供上班族、学生、转行者三种典型场景的实战案例。
huizhudev
567 18
modelscope
|
3月前
|
机器学习/深度学习 安全 测试技术
美团 LongCat-Flash-Thinking-2601 发布，工具调用能力登顶开源 SOTA！
美团LongCat团队发布并开源LongCat-Flash-Thinking-2601，升级支持“重思考模式”，在智能体搜索、工具调用等任务中达开源SOTA。具备强泛化与抗噪能力，支持在线免费体验，助力开发者高效落地复杂应用场景。
modelscope
723 1
美团 LongCat-Flash-Thinking-2601 发布，工具调用能力登顶开源 SOTA！
huizhudev
|
3月前
|
人工智能 安全 搜索推荐
你的错题本里藏着金矿，但你却只把它当成了回收站——用AI给大脑做一次深度Debug
把学习比作软件开发，错题就是Bug。大多数人只改答案（打补丁），却忽略了底层的逻辑漏洞。本文分享一套"错题分析AI指令"，利用Root Cause Analysis（根因分析）思维，帮助你用AI深度Debug大脑，将每一个错误转化为认知的核心资产。
huizhudev
410 2
huizhudev
|
3月前
|
人工智能 Kubernetes 数据可视化
别再写"面条式文档"了！用AI给你的思维装个"图形渲染引擎"
别让线性文字限制了你的高维思考。本文揭示了大脑作为"图形处理器"的本质，提供了一套专业的AI指令，将复杂的逻辑思维"序列化"为清晰的拓扑结构，像渲染DOM树一样可视化你的知识体系，极大提升沟通与学习效率。
huizhudev
396 12
modelscope
|
3月前
|
人工智能 搜索推荐 API
FlashLabs 正式发布 Chroma 1.0 - 全球首个开源、端到端、实时语音到语音 AI 模型 → 支持个性化语音克隆
FlashLabs 发布全球首个开源、端到端、实时语音到语音 AI 模型 Chroma 1.0，支持低延迟（TTFT \x26lt; 150ms）、高保真语音克隆与强对话能力，旨在成为 OpenAI Realtime API 的开源替代方案。
modelscope
490 3

ModelScope模型即服务

热门文章

最新文章

  • 1
    DeepSeek-V4开源：百万上下文，Agent能力比肩顶级闭源模型
  • 2
    嵌入式开发必备！Keil uVision5 C51 V9.61 安装激活 + 汉化完整教程, 含（Keil MDK 5.39）
  • 3
    【Qwen3.5 系列技术解析】2026 年原生多模态旗舰模型全景报告
  • 4
    阿里云通义千问向全社会开放！
  • 5
    OpenClaw（原 Clawdbot）钉钉对接保姆级教程 手把手教你打造自己的 AI 助手
  • 6
    高效部署通义万相Wan2.1：ComfyUI文生/图生视频实战，工作流直取！
  • 7
    Qwen3.6发布27B Dense模型，提供旗舰级编程能力，魔搭Serverless训练服务Day0支持
  • 8
    HTTPS 原理
  • 9
    MNN-LLM App：在手机上离线运行大模型，阿里巴巴开源基于 MNN-LLM 框架开发的手机 AI 助手应用
  • 10
    Kimi K2.6开源：编码能力比肩闭源顶级模型，支持300智能体协同
  • 1
    如何做好SQL质量监控
    22
  • 2
    GEO获客时代：B2B企业如何抢占AI推荐的首发席位？——以百搜科技为例
    58
  • 3
    生产级 AI 编程助手落地实战：Qwen3.6-27B + OpenClaw 部署到阿里云 ACK
    237
  • 4
    阿里云 AI 深度赋能｜书尖 AI 实测对比喜马拉雅，重塑高效听书体验
    81
  • 5
    DeepSeek-V4开源：百万上下文，Agent能力比肩顶级闭源模型
    1625
  • 6
    可计算元认知文本分析在肿瘤流行病学中的语义基线构建与边界信号检测
    87
  • 7
    Qwen3.6发布27B Dense模型，提供旗舰级编程能力，魔搭Serverless训练服务Day0支持
    342
  • 8
    【Kimi K2.6技术解析】月之暗面MoE旗舰的架构原理与能力全景
    288
  • 9
    【Qwen3.5 系列技术解析】2026 年原生多模态旗舰模型全景报告
    368
  • 10
    Kimi K2.6开源：编码能力比肩闭源顶级模型，支持300智能体协同
    314

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    ECS账号安全防护最佳实践