【零基础】学JS之APIS第三天
创始人
2025-01-15 02:34:33
0次

  💝💝💝欢迎来到我的博客,很高兴能够在这里和您见面!希望您在这里可以感受到一份轻松愉快的氛围,不仅可以获得有趣的内容和知识,也可以畅所欲言、分享您的想法和见解。



非常期待和您一起在这个小小的网络世界里共同探索、学习和成长。💝💝💝 ✨✨ 欢迎订阅本专栏 ✨✨
 

前言

本栏目是根据黑马程序员的网课来整理的笔记,也会结合我的一些个人见解,来记录自己学习web APIS的过程,俗话说,好记性不如烂笔头,小郑喜欢在学习的过程中记笔记,记下自己在学习过程中难以理解的知识点,反复练习,加深印象,希望广大网友一起监督学习,互相进步!

1. 事件

 什么是事件?

事件是在编程时系统内发生的动作或者发生的事情 比如用户在网页上单击一个按钮

什么是事件监听?

就是让程序检测是否有事件产生,一旦有事件触发,就立即调用一个函数做出响应,也称为 注册事件

事件监听三要素:

事件源: 那个dom元素被事件触发了,要获取dom元素 事件: 用什么方式触发,比如鼠标单击 click、鼠标经过 mouseover 等 事件调用的函数: 要做什么事
注意: 1. 事件类型要加引号 2. 函数是点击之后再去执行,每次 点击都会执行一次

2. 随机点名案例

需求:

点击开始随机抽取,点击结束输出结果
业务分析:
点击开始按钮随机抽取数组的一个数据,放到页面中点击结束按钮删除数组当前抽取的一个数据当抽取到最后一个数据的时候,两个按钮同时禁用核心:利用定时器快速展示,停止定时器结束展示

                  Document             

随机点名

名字是:
这里显示姓名

3.小米搜素栏

需求:当表单得到焦点,显示下拉菜单,失去焦点隐藏下来菜单
分析:
①:开始下拉菜单要进行隐藏
表单获得焦点 focus,则显示下拉菜单,并且文本框变色(添加类
表单失去焦点,反向操作

focus 获得光标

blur 失去光标事件

            

4. 全选反选案例

需求:用户点击全选,则下面复选框全部选择,取消全选则全部取消,文字对应变化
分析:
全选复选框点击,可以得到当前按钮的 checked把下面所有的小复选框状态checked,改为和全选复选框一致如果当前处于选中状态,则把文字改为取消,否则反之

5. 购物车加减案例

需求:用户点击加号,则文本框+1,点击减号则文本框-1,如果文本框为1,则禁用减号
分析:
自增给添加按钮注册点击事件,获取表单的value,然后T:
解除减号的disabled状态
减3:给减号按钮添加点击事件,获取表单的value,然后
自减结束需要判断,如果结果小于等于1则添加上disabled状态

               Document         

6. 排他思想

只需要找出唯一的那个pink类,把它删掉,然后加上点击的那个按钮

           

综合案例-tab

核心思想:

其实这个案例也是运用排他思想,先将原本有的tab亮光隐藏起来,然后加上点击的那个栏的亮光。

1得到所有的li

2.头部tab栏切换模板

3.底部显示隐藏模块  一定要写到点击事件的里面

  

 ❤️❤️❤️小郑是普通学生水平,如有纰漏,欢迎各位大佬评论批评指正!😄😄😄

💘💘💘如果觉得这篇文对你有帮助的话,也请给个点赞、收藏下吧,非常感谢!👍 👍 👍

相关内容

热门资讯

推荐一款!阿拉斗牌开挂功能方法... 推荐一款!阿拉斗牌开挂功能方法,阿拉斗牌其实真的有开挂方法1、阿拉斗牌免费脚本咨询教程、阿拉斗牌免费...
记者揭秘!吉祥填大坑辅助器功能... 记者揭秘!吉祥填大坑辅助器功能攻略,吉祥填大坑切实真的是有辅助器攻略亲,关键说明,吉祥填大坑透视脚本...
今日百科!271透视挂功能软件... 今日百科!271透视挂功能软件,271都是是有透视挂软件1、玩家可以在271透视最简单三个步骤对游戏...
记者爆料!慕雪娱乐透视功能神器... 记者爆料!慕雪娱乐透视功能神器,慕雪娱乐本来是真的有透视神器1.慕雪娱乐 选牌创建新账号,点击进入游...
每日必备!新奇玩乐透视挂功能神... 每日必备!新奇玩乐透视挂功能神器,新奇玩乐切实真的是有透视挂神器暗藏猫腻,小编详细说明新奇玩乐破解器...
重大来袭!九五娱乐透视挂功能方... 重大来袭!九五娱乐透视挂功能方法,九五娱乐其实存在有透视挂方法一、九五娱乐游戏安装教程牌型概率发牌机...
分享个大家!残局斗地主开挂功能... 分享个大家!残局斗地主开挂功能脚本,残局斗地主一贯是有开挂脚本1、下载好残局斗地主脚本下载之后点击打...
研究成果!澳门新葡京透视挂功能... 研究成果!澳门新葡京透视挂功能教程,澳门新葡京切实是有透视挂教程1)澳门新葡京有没有挂:进一步探索澳...
玩家必看科普!福运到2辅助器功... 玩家必看科普!福运到2辅助器功能神器,福运到2总是真的有辅助器神器1、福运到2辅助器安装包、福运到2...
三分钟了解!心动麻将透视挂功能... 三分钟了解!心动麻将透视挂功能技巧,心动麻将果然是真的有透视挂技巧心动麻将破解侠是真的助透视。每个模...