加减按钮代码优化
{{ interaction.likeNum == 0 ? (pageType === 'video' ? '抢首赞' : '点赞') : formatNumber(interaction.likeNum) }}
{{ interaction.collectionNum == 0 ? '收藏' : formatNumber(interaction.collectionNum) }}
{{ interaction.discussNum == 0 ? (pageType === 'video' ? '抢沙发' : '讨论') : formatNumber(interaction.discussNum) }}
分享
适合人群
具有HTML+CSS+JavaScrpit 基础的同学,想通过综合案例巩固一下知识
你将会学到
原生JS综合案例提升
课程简介
评论系统案例:封装 message 信息轻提示工具(样式布局、函数封装、元素属性)
购物车案例:数据驱动页面渲染、DOM操作
音视频进度条案例:DOM元素属性相关、事件相关操作
其它:拖拽相关、canvas画布相关、面向对象相关、设计模式相关等小案例集合
展开更多
{{tips.text}}
{{ noteHeaderTitle }}
笔记{{ hasMyNote ? '我的笔记' : '记笔记' }}
{{ hasMyNote ? '我的笔记' : '记笔记' }}
优质笔记
更新于:{{ $dayjs.formate('YYYY-MM-DD HH:mm:ss', item.last_uptime*1000) }}
公开笔记对他人可见,有机会被管理员评为“优质笔记”
{{ noteEditor.content.length }}/2000
公开笔记
保存提问
讲师收到你的提问会尽快为你解答。若选择公开提问,可以获得更多学员的帮助。
记录时间点
记录提问时视频播放的时间点,便于后续查看
公开提问
提交课程大纲
自动连播
![JavaScript 之 Web 前端](https://s2.51cto.com/images/avater/202206/88d4be4770ea1ee65c5142c89219aa5b5db4c6.jpg?x-oss-process=image)
JavaScript 之 Web 前端
3104人学习
流水浣溪沙
5.0
¥199.00
![Canvas 游戏开发](https://s2.51cto.com/images/avater/202205/f3cac8196cf43e44bbe9495b3c7da874959db2.jpg?x-oss-process=image)
Canvas 游戏开发
710人学习
流水浣溪沙
5.0
¥34.00
![原生JavaScipt案例合集](https://s2.51cto.com/images/avater/202302/84138b8493cea356de7571ce9d64198bf6214e.jpg?x-oss-process=image)
原生JavaScipt案例合集
210人学习
流水浣溪沙
5.0
¥89.00
![Javascript第一季初级视频教程【李炎恢老师】](https://s2.51cto.com/wyfs02/M01/24/A2/wKioL1NUhU-jG1-xAAEQqBJ01Wk109.jpg?x-oss-process=image)
Javascript第一季初级视频教程【李炎恢老师】
3533669人学习
李炎恢
4.9
会员免费
![Web前端,从零基础到全栈工程师](https://s2.51cto.com/images/202301/26/853d4bc9326f51789fd38203fbfcc099.png?x-oss-process=image)
Web前端,从零基础到全栈工程师
315300人学习
李游
5.0
¥878.00
![JavaScript轻松入门经典视频教程](https://s2.51cto.com/images/201511/218bc8764654ea03ef0443aebb20dc1f9e949e.jpg?x-oss-process=image)
JavaScript轻松入门经典视频教程
297597人学习
李伟
4.9
会员免费
![【免费】WEB前端JavaScript快速入门视频教程](https://s2.51cto.com/images/201709/07/9b50695a8202ced06118dbd7a02e134a.jpg?x-oss-process=image)
【免费】WEB前端JavaScript快速入门视频教程
200701人学习
海棠
5.0
免费
![JavaScript开发基础与提升视频课程](https://s2.51cto.com/wyfs02/M02/38/6C/wKioL1Oz0BjCJ2mPAAC4vGJDrMI575.jpg?x-oss-process=image)
JavaScript开发基础与提升视频课程
180491人学习
4.9
免费