首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
邶邶码字机
掘友等级
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
3
文章 3
沸点 0
赞
3
返回
|
搜索文章
最新
热门
实现本地储存
将里面的文字改成对应的名称即可,可复制粘贴使用 如有错误可在评论区回复。 JS本地存储案例系列。。。
增加新数据
可以增加新的数据,复制粘贴快捷使用即可。 部分需要修改的地方用中文标记。 click为单点事件触发,如有需要可以改其他。 不改为单点增加新数据
增加数值案例
首先建立一个数组 然后绑定map运算函数 return输出增加的结果 最后输出到控制台新的数组。。。
格式化日期
转换日期数值用的,可复制粘贴套用 1-6有对应的单位转换 return获取返回值来运用 return里面的数值用三元表达式判断是否大于10,不大于就在前面加个0美化一些。
突出展示案例
根据图片展示鼠标进入会变亮,离开变暗 步骤在注释上,图片看不见需要自己准备图片与图片的路径 首先获取li元素,然后添加forEach把收取的全部li添加 鼠标进入和离开的代码,还有里面的修改样式的代码
案例:委托事件
事件委托案例讲解: 首先获取父元素和按钮,然后添加绑定按钮的添加事件,然后增加新的li,以及里面的内容,把他放在ul里面,然后再设置单点ul事件会触发输出再做一个判断即可,判断是否点击,如点击就会输出
JS鼠标经过与离开
将代码里的中文改成相对应的数据即可使用,下面的3000可以改成你想反应速度的时间(单位毫秒),欢迎各位使用,如有更新可评论留言。
固定导航条移动案例
JS部分的步骤 首先获取目标与顶部的距离 然后获取需要变动的元素 然后设置页面滚动监听 然后给距离赋值投入使用 最后,用高度的值来判断是否触发滚动事件,可以触发就改变样式
图片跟随鼠标案例
JS步骤: 一,获取元素 二,设置事件(图片跟随鼠标) 三,查看是否数据获取成功 四,调整图片和鼠标的位置,让其居中 五,在控制台检查是否有无报错
今日分享,下课倒计时案例
JS部分的步骤为: 一,先获取结束时间,再获取当前时间,然后相减得出倒计时时间 二,判断三个数值是否小于10,如小于就在前面加0(美观一些) 三,添加定时器,设置时间为1K毫秒(1秒)更新一下数据 四
下一页
个人成就
文章被点赞
6
文章被阅读
2,193
掘力值
194
关注了
3
关注者
3
收藏集
0
关注标签
5
加入于
2021-12-28