当前位置：

Canvas打飞机案例

讲师：七歌

课程目录
课程信息

课程介绍

Canvas是Flash的代替者，是HTML5新增的组件，它就像一块幕布，可以用JavaScript在上面绘制各种图表、动画等，没有Canvas的年代，绘图只能借助Flash插件实现，页面不得不用JavaScript和Flash进行交互。有了Canvas，我们就再也不需要Flash了，直接使用JavaScript完成绘制。

适合人群

学习此套视频应该具备相应的JavaScript基础

常见问题

Q：课程是否可以无限回看，有没有时间限制？

课程有效期内，视频均可无限回看。课程观看卡顿、播放错误等问题反馈邮箱：1105657241@qq.com

Q：是否提供课程答疑服务？

学习交流、课件索取，请加IT技术交流QQ群：579884135，群内讲师答疑、学友分享，共建学习互促圈子。

Q：不知道学什么，怎么选择方向？

知了堂提供个性化IT课程学习服务，选择行业最前沿、热门的方向，深入浅出带你入门IT。课程咨询QQ（慢节奏：1105657241）

为答谢大家对知了堂的支持，知了堂会定期向大家免费发放学习资料，敬请关注知了堂官方微信！

本课程来自知了堂视频库，100%原创，转载请注明出处，喜欢请分享给更多人

课程介绍
课程目录
课程信息

Canvas是Flash的代替者，是HTML5新增的组件，它就像一块幕布，可以用JavaScript在上面绘制各种图表、动画等，没有Canvas的年代，绘图只能借助Flash插件实现，页面不得不用JavaScript和Flash进行交互。有了Canvas，我们就再也不需要Flash了，直接使用JavaScript完成绘制。

适合人群

学习此套视频应该具备相应的JavaScript基础

常见问题

Q：课程是否可以无限回看，有没有时间限制？

课程有效期内，视频均可无限回看。课程观看卡顿、播放错误等问题反馈邮箱：1105657241@qq.com

Q：是否提供课程答疑服务？

学习交流、课件索取，请加IT技术交流QQ群：579884135，群内讲师答疑、学友分享，共建学习互促圈子。

Q：不知道学什么，怎么选择方向？

知了堂提供个性化IT课程学习服务，选择行业最前沿、热门的方向，深入浅出带你入门IT。课程咨询QQ（慢节奏：1105657241）

为答谢大家对知了堂的支持，知了堂会定期向大家免费发放学习资料，敬请关注知了堂官方微信！

本课程来自知了堂视频库，100%原创，转载请注明出处，喜欢请分享给更多人

推荐课程

原生JS实现图片懒加载

原生JS实现图片懒加载

课程简介任何不以解决实际问题的开发都是耍流氓！本门课程最大的

已学过： 484人

信安体系-Python黑帽子编程实战之网络基础编程实战

信安体系-Python黑帽子编程实战之网络基础编程实战

信安体系-Python黑帽子编程实战之网络基础编程实战本课程

已学过： 2864人

前端体系-CSS3案例第三季

前端体系-CSS3案例第三季

前端体系-CSS3案例第三季

已学过： 1425人

微信小程序项目实战-leting音乐小程序

微信小程序项目实战-leting音乐小程序

课程简介该课程旨在以实战项目为驱动教你如何从入门到熟练微信小

已学过： 1287人

推荐课程

{ "courseTitle": "原生JS实现图片懒加载", "courseType": "前端开发", "courseTimes": 18, "introduce": "<div style=\"font-size:14px;\">\n\t<span style=\"font-size:24px;font-family:Tahoma;font-weight:bold;\">课程</span><span style=\"font-size:24px;font-family:Tahoma;color:#E56600;font-weight:bold;\">简介</span> \n</div>\n<p style=\"font-size:14px;\">\n\t<span style=\"font-size:12px;font-family:Tahoma;\">    </span><span style=\"font-family:Tahoma;\">任何不以解决实际问题的开发都是耍流氓！本门课程最大的买点，帮助用户省流量！！</span> \n</p>\n<p style=\"font-size:14px;\">\n\t<span style=\"font-family:Tahoma;\">    随着互联网的发展，人们的时间被碎片化，阅读习惯也逐渐倾向快餐式阅读和图文阅读，我们知道在<span style=\"font-family:Tahoma;font-size:14px;\">传统的网页加载中是一次性加载所有网页的图片，</span>图片资源的加载将会大大增加网页的加载时间。而图片懒加载技术仅在浏览器当前视窗出现时才加载该图片<span style=\"font-family:Tahoma;font-size:14px;\">，这不仅提升了用户体验还在无形中帮用户节省流量。</span></span> \n</p>\n<p style=\"font-size:14px;\">\n\t<span style=\"font-family:Tahoma;\">    相信学完本门课程你一定能够对前端开发有更新的认知！<br />\n</span> \n</p>\n<div style=\"font-size:14px;\">\n\t<br />\n</div>\n<div style=\"font-size:14px;\">\n\t<span style=\"font-size:24px;font-family:Tahoma;color:#333333;font-weight:bold;\">适合</span><span style=\"font-size:24px;font-family:Tahoma;color:#E56600;font-weight:bold;\">对象</span> \n</div>\n<ul>\n\t<li style=\"text-align:left;font-size:14px;font-family:Tahoma;\">\n\t\t前端开发人员\n\t</li>\n\t<li style=\"text-align:left;font-size:14px;font-family:Tahoma;\">\n\t\t前端开发学习者\n\t</li>\n\t<li style=\"text-align:left;font-size:14px;font-family:Tahoma;\">\n\t\t前端爱好者\n\t</li>\n</ul>\n<div style=\"font-size:14px;\">\n\t<br />\n</div>\n<div style=\"font-size:14px;\">\n\t<span style=\"font-size:24px;font-family:Tahoma;font-weight:bold;\">学习</span><span style=\"font-size:24px;font-family:Tahoma;color:#E56600;font-weight:bold;\">难度</span> \n</div>\n<div style=\"font-size:14px;\">\n\t<span style=\"font-size:12px;font-family:Tahoma;\">★<span style=\"font-family:Tahoma;\">★</span><span style=\"font-family:Tahoma;\">★</span>☆☆</span> \n</div>\n<div style=\"font-size:14px;\">\n\t<br />\n</div>\n<div style=\"font-size:14px;\">\n\t<span style=\"font-size:24px;font-family:Tahoma;color:#333333;font-weight:bold;\">学习</span><span style=\"font-size:24px;font-family:Tahoma;color:#E56600;font-weight:bold;\">收获</span> \n</div>\n<ul>\n\t<li style=\"text-align:left;font-size:14px;font-family:Tahoma;\">\n\t\t掌握图片懒加载的原理\n\t</li>\n\t<li style=\"text-align:left;font-size:14px;font-family:Tahoma;\">\n\t\t掌握JS实现图片懒加载的基本步骤和方法\n\t</li>\n\t<li style=\"text-align:left;font-size:14px;font-family:Tahoma;\">\n\t\t了解常用的图片懒加载插件\n\t</li>\n\t<li style=\"text-align:left;font-size:14px;font-family:Tahoma;\">\n\t\t了解实现图片懒加载插件的基本思路\n\t</li>\n</ul>\n<div style=\"font-size:14px;\">\n\t<br />\n</div>\n<div style=\"font-size:14px;\">\n\t<span style=\"font-size:24px;font-family:Tahoma;background-color:#FFFFFF;font-weight:bold;\">常见</span><span style=\"font-size:24px;font-family:Tahoma;color:#E56600;background-color:#FFFFFF;font-weight:bold;\">问题</span> \n</div>\n<div style=\"font-size:14px;\">\n\t<br />\n</div>\n<div style=\"font-size:14px;\">\n\t<span style=\"font-size:18px;font-family:Tahoma;color:#E56600;font-weight:bold;font-style:italic;\">Q：</span><span style=\"font-family:Tahoma;font-weight:bold;\">课程是否可以无限回看，有没有时间限制？</span> \n</div>\n<div style=\"font-size:14px;\">\n\t<span style=\"font-family:Tahoma;\">课程有效期内，视频均可无限回看。课程观看卡顿、播放错误等问题反馈邮箱：1729168287@qq.com</span> \n</div>\n<div style=\"font-size:14px;\">\n\t<br />\n</div>\n<div style=\"font-size:14px;\">\n\t<span style=\"font-size:18px;font-family:Tahoma;color:#E56600;font-weight:bold;font-style:italic;\">Q：</span><span style=\"font-family:Tahoma;font-weight:bold;\">是否提供课程答疑服务？</span> \n</div>\n<div style=\"font-size:14px;\">\n\t<span style=\"font-family:Tahoma;\">直播课程学员可直接与老师交流，录播视频课程答疑可以加课程助教姐姐</span><span style=\"font-family:Tahoma;font-weight:bold;\">QQ（CC姐：2507089259）</span><span style=\"font-family:Tahoma;\">进入对应的学习交流群，群内讲师答疑、学友分享，共建学习互促圈子。</span> \n</div>\n<div style=\"font-size:14px;\">\n\t<br />\n</div>\n<div style=\"font-size:14px;\">\n\t<span style=\"font-size:18px;font-family:Tahoma;color:#E56600;font-weight:bold;font-style:italic;\">Q：</span><span style=\"font-family:Tahoma;font-weight:bold;\">不知道学什么，怎么选择方向？</span> \n</div>\n<div style=\"font-size:14px;\">\n\t<span style=\"font-family:Tahoma;\">知了堂提供个性化IT课程学习服务，选择行业最前沿、热门的方向，深入浅出带你入门IT。详询课程助教姐姐</span><span style=\"font-family:Tahoma;font-weight:bold;\">QQ（CC姐：2507089259）</span><span style=\"font-family:Tahoma;\">。</span> \n</div>\n<p style=\"font-size:14px;\">\n\t<span style=\"font-family:Tahoma;\">为答谢大家对知了堂的支持，知了堂会定期向大家免费发放学习资料，敬请关注知了堂官方微信</span> \n</p>\n<p style=\"font-size:14px;\">\n\t<span style=\"font-family:Tahoma;\"><img src=\"/xstory/course/JSshixiantupianlanjiazai181101621/editpic/20181101144635_287.png\" alt=\"\" /><br />\n</span> \n</p>\n<div style=\"font-size:14px;\">\n\t<br />\n</div>\n<div style=\"font-size:14px;\">\n</div>\n", "count": 1, "courseMinute": 18, "courseId": "06fe7995f0054eafa76d3957d961e965", "isvip": 1, "courseCover1": "//xstory//course//JSshixiantupianlanjiazai181101621//coursepic.png", "courseHour": 0, "learntimes": 484 }

原生JS实现图片懒加载

已学过：484人

{ "courseTitle": "信安体系-Python黑帽子编程实战之网络基础编程实战", "courseType": "信息安全", "courseTimes": 400, "introduce": "<p>\n\t<span style=\"color:#E56600;font-size:24px;\"><strong>信安体系-Python黑帽子编程实战之网络基础编程实战</strong></span> \n</p>\n<p>\n\t<span style=\"color:#E56600;font-size:24px;\"><strong><span style=\"color:#333333;font-family:"font-size:14px;background-color:#FFFFFF;\">本课程是python入门到python黑帽子实战编程，本课程分为四个阶段， </span><br />\n<br />\n<strong>第一阶段</strong><span style=\"color:#333333;font-family:"font-size:14px;background-color:#FFFFFF;\">python基础：主要内容有Python安装、Python的IDE介绍，语法，循环条件、文件操作、函数，面向对象编程，程序调试和异常检测等； </span><br />\n<br />\n<strong>第二阶段</strong><span style=\"color:#333333;font-family:"font-size:14px;background-color:#FFFFFF;\">是python爬虫：主要的学习目标是让大家快速掌握Python爬虫的思路和基本技法，并通过python网络模块和内容分析模块清洗出所需要的关键数据，本次配套的案例也完全从实战角度出发来层层分解说明关键步骤和内容。最后得到的数据将直接存放到Sqlite数据库中，并通过SQL.js读取到前端页面作可视化呈现； </span><br />\n<br />\n<strong>第三阶段</strong><span style=\"color:#333333;font-family:"font-size:14px;background-color:#FFFFFF;\">是黑帽子编程基础篇的学习目标是让大家掌握常见的网络通信技术，包括tcp,udp,socket,websocket,http等内容，并从应用角度帮助大家结合Python语言的特点和公开模块库来实现具有实际意义的应用功能，这些内容均可以快速拓展实现为类似webshell,后门socket等应用或工具； </span><br />\n<br />\n<strong>第四阶段</strong><span style=\"color:#333333;font-family:"font-size:14px;background-color:#FFFFFF;\">是黑帽子编程进阶篇的学习目标是让大学快速掌握在网络编程的基础上实现常见的工具，如SQL渗透点检测工具，内容渗透工具和服务器监听控制工具的实现，通过案例讲解，让大家理解类似MSF，nmap等工具的实现过程和原理，并能够在更高级的应用中，找到实现这些应用的思路和方法。 </span><br />\n<br />\n<span style=\"color:#333333;font-family:"background-color:#FFFFFF;font-size:16px;\"><strong>【课程特色】</strong></span><span style=\"color:#333333;font-family:"font-size:14px;background-color:#FFFFFF;\"> </span><br />\n<span style=\"color:#333333;font-family:"font-size:14px;background-color:#FFFFFF;\">本课程从python基础编程，到黑帽子高阶，零基础开始，循序渐进的体系学习，通过项目实战的串联知识点，扎实原理性，且集合丰富的实战案例讲解，学以致用。让你可以一个月从小白到黑帽子大咖的巨变。 </span><br />\n</strong></span> \n</p>", "count": 23, "courseMinute": 40, "courseId": "08034144a6294b01898205f9653964af", "isvip": 1, "courseCover1": "//xstory//course//xinantixiPythonheimaozibianchengshizhanzhiwangluojichubianchengshizhan200308891//coursepic.png", "courseHour": 6, "learntimes": 2864 }

信安体系-Python黑帽子编程实战之网络基础编程实战

已学过：2864人

{ "courseTitle": "前端体系-CSS3案例第三季", "courseType": "前端开发", "courseTimes": 0, "introduce": "<span style=\"color:#E56600;font-size:24px;\"><strong>前端体系-CSS3案例第三季</strong></span>", "count": 7, "courseMinute": 0, "courseId": "08a0e18387ce40ebbc3b019a210b73ca", "isvip": 0, "courseCover1": "//xstory//course//temp230227-165352//coursepic.png", "courseHour": 0, "learntimes": 1425 }

前端体系-CSS3案例第三季

已学过：1425人

{ "courseTitle": "微信小程序项目实战-leting音乐小程序", "courseType": "前端开发", "courseTimes": 176, "introduce": "<p>\n\t<span style=\"font-size:24px;font-family:Tahoma;font-weight:bold;\">课程</span><span style=\"font-size:24px;font-family:Tahoma;color:#E56600;font-weight:bold;\">简介</span> \n</p>\n<p style=\"font-size:14px;\">\n\t<span style=\"color:#333333;\"><span style=\"color:#000000;\">该课程旨在以实战项目为驱动教你如何从入门到熟练微信小程序开发——《leting音乐小程序》，从环境搭建、基础知识，再到项目实战，以总结学习方法的形式促进学习，降低学习难度，案例手把手逐行代码实现，跟着做就能学得会。</span></span> \n</p>\n<p style=\"font-size:14px;\">\n\t<br />\n</p>\n<p style=\"font-size:14px;\">\n\t<br />\n</p>\n<div style=\"font-size:14px;\">\n\t<span style=\"font-size:12px;font-family:Tahoma;\"></span> \n</div>\n<div style=\"font-size:14px;\">\n\t<span style=\"font-size:24px;color:#333333;font-weight:bold;\">适合</span><span style=\"font-size:24px;color:#E56600;font-weight:bold;\">对象</span> \n</div>\n<ul>\n\t<li style=\"text-align:left;font-size:14px;font-family:Tahoma;\">\n\t\t<br />\n\t</li>\n\t<li style=\"text-align:left;font-size:14px;font-family:Tahoma;\">\n\t\t掌握部分前端知识\n\t</li>\n</ul>\n<ul>\n\t<li style=\"text-align:left;font-size:14px;font-family:Tahoma;\">\n\t\t对微信小程序开发感兴趣的同学\n\t</li>\n</ul>\n<p style=\"font-size:14px;\">\n\t<br />\n</p>\n<p style=\"font-size:14px;\">\n\t<br />\n</p>\n<div style=\"font-size:14px;\">\n\t<span style=\"font-size:24px;color:#333333;font-weight:bold;\">课程</span><span style=\"font-size:24px;color:#E56600;font-weight:bold;\">大纲</span> \n</div>\n<p style=\"font-size:14px;\">\n\t01_小程序账号注册及工具安装<br />\n02_工程目录结构<br />\n03_组件的基本使用<br />\n04_页面布局_轮播组件<br />\n05_弹性盒模型<br />\n06_首页布局_拖动组件<br />\n07_tabbar<br />\n08_路由和事件绑定<br />\n09_数据绑定和循环渲染<br />\n10_歌曲列表_在线接口<br />\n11_音乐播放<br />\n12_播放界面_全局对象\n</p>\n<p style=\"font-size:14px;\">\n\t<br />\n</p>\n<div style=\"font-size:14px;\">\n\t<span style=\"font-size:24px;color:#333333;font-weight:bold;\">学习</span><span style=\"font-size:24px;color:#E56600;font-weight:bold;\">收获</span> \n</div>\n<ul>\n\t<li style=\"text-align:left;font-size:14px;font-family:Tahoma;\">\n\t\t掌握微信小程序开发流程\n\t</li>\n</ul>\n<ul>\n\t<li style=\"text-align:left;font-size:14px;font-family:Tahoma;\">\n\t\t掌握微信小程序页面布局记常用组件\n\t</li>\n</ul>\n<ul>\n\t<li style=\"text-align:left;font-size:14px;font-family:Tahoma;\">\n\t\t掌握弹性盒模型\n\t</li>\n</ul>\n<ul>\n\t<li style=\"text-align:left;font-size:14px;font-family:Tahoma;\">\n\t\t掌握微信小程序中的事件绑定、数据绑定与渲染\n\t</li>\n</ul>\n<ul>\n\t<li style=\"text-align:left;font-size:14px;font-family:Tahoma;\">\n\t\t能够进行简单的微信小程序应用开发\n\t</li>\n</ul>\n<div style=\"font-size:14px;\">\n\t<br />\n</div>\n<div style=\"font-size:14px;\">\n\t<br />\n</div>\n<div style=\"font-size:14px;\">\n\t<span style=\"font-size:24px;font-family:Tahoma;background-color:#FFFFFF;font-weight:bold;\">常见</span><span style=\"font-size:24px;font-family:Tahoma;color:#E56600;background-color:#FFFFFF;font-weight:bold;\">问题</span> \n</div>\n<div style=\"font-size:14px;\">\n\t<br />\n</div>\n<div style=\"font-size:14px;\">\n\t<span style=\"font-size:18px;font-family:Tahoma;color:#E56600;font-weight:bold;font-style:italic;\">Q：</span><span style=\"font-family:Tahoma;font-weight:bold;\">课程是否可以无限回看，有没有时间限制？</span> \n</div>\n<div style=\"font-size:14px;\">\n\t<span style=\"font-family:Tahoma;\">课程有效期内，视频均可无限回看。课程观看卡顿、播放错误等问题反馈邮箱：1729168287@qq.com</span> \n</div>\n<div style=\"font-size:14px;\">\n\t<br />\n</div>\n<div style=\"font-size:14px;\">\n\t<span style=\"font-size:18px;font-family:Tahoma;color:#E56600;font-weight:bold;font-style:italic;\">Q：</span><span style=\"font-family:Tahoma;font-weight:bold;\">是否提供课程答疑服务？</span> \n</div>\n<div style=\"font-size:14px;\">\n\t<span style=\"font-family:Tahoma;\">直播课程学员可直接与老师交流，录播视频课程答疑可以加课程助教姐姐</span><span style=\"font-family:Tahoma;font-weight:bold;\">QQ（CC姐：2507089259）</span><span style=\"font-family:Tahoma;\">进入对应的学习交流群，群内讲师答疑、学友分享，共建学习互促圈子。</span> \n</div>\n<div style=\"font-size:14px;\">\n\t<br />\n</div>\n<div style=\"font-size:14px;\">\n\t<span style=\"font-size:18px;font-family:Tahoma;color:#E56600;font-weight:bold;font-style:italic;\">Q：</span><span style=\"font-family:Tahoma;font-weight:bold;\">不知道学什么，怎么选择方向？</span> \n</div>\n<div style=\"font-size:14px;\">\n\t<span style=\"font-family:Tahoma;\">知了堂提供个性化IT课程学习服务，选择行业最前沿、热门的方向，深入浅出带你入门IT。详询课程助教姐姐</span><span style=\"font-family:Tahoma;font-weight:bold;\">QQ（CC姐：2507089259）</span><span style=\"font-family:Tahoma;\">。</span> \n</div>\n<p style=\"font-size:14px;\">\n\t<img src=\"/xstory/course/weixinxiaochengxuxiangmushizhanletingyinlexiaochengxu180314624/editpic/20180810150323_71.jpeg\" alt=\"\" /> \n</p>\n<p style=\"font-size:14px;\">\n\t<br />\n\t<table id=\"course_content_summary\" style=\"width:100%;\" cellpadding=\"1\" cellspacing=\"0\" border=\"1\" bordercolor=\"#000000\">\n\t\t<tbody>\n\t\t\t<tr>\n\t\t\t\t<td>\n\t\t\t\t\t<br />\n适合对象：掌握部分前端知识、对微信小程序开发感兴趣的同学\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</tbody>\n\t</table>\n</p>\n\n<p>\n\t<br />\n</p>", "count": 12, "courseMinute": 56, "courseId": "0b0aa486f9494e80a338dc23917651bd", "isvip": 1, "courseCover1": "//xstory//course//weixinxiaochengxuxiangmushizhanletingyinlexiaochengxu180314624//coursepic.png", "courseHour": 2, "learntimes": 1287 }

微信小程序项目实战-leting音乐小程序

已学过：1287人

>

培训费用
上课方式
开班时间
就业情况