引言实际web项目开发中，如果项目组中分配到的前端开发资源很少，或者没有专职的前端开发人员，这种境况对后端开发人员来讲，那是一件很伤脑筋的事情。尤其是在项目工期紧，任务重，又没有外协的时侯。怎么办？自己动手，丰衣足食。求人不如求己。一起来，把前端开发基础打起来吧。开发环境准备本篇所有代码，均可以在Google 与 Firefox浏览器 上运行。准备好 Firefox 与 Dreamweaver 8+，随我上路吧。请您提前下载喜欢的浏览器，记住，不要在 IE系浏览器上运行本篇提供的代码。直接上硬菜（列表清单）1) html5中使用canvas画布实现字体渐变背景填充与渐变拖放五星红旗2) html5中使用动画宇宙行星旋转大风车旋转3) html5中使用svg线圆椭圆长方形多边形曲线4) html5中使用jquery通过id或class定位元素操作table硬菜原材料及效果1） html5中使用canvas画布实现 1.1）字体渐变1.2）背景填充与渐变 1.3) 拖放 1.4） 五星红旗2） html5中使用动画 2.1）宇宙行星旋转 2.2） 旋转大风车3） html5中使用svg 3.1） 线 3.2） 圆 3.3） 椭圆 3.4）长方形 3.5）多边形 3.6） 曲线4） html5中使用jquery 4.1） 通过id或class定位元素说明： 首先引入jquery，然后通过 $(“#IDName”) 或 $(“.ClassName”) 来定位元素，如下:<script type=”text/javascript” src=”js/jquery-1.11.1.js”></script>$(“#txt1″).append(“<h2>12345</h2>”);$(“#txt1″).click(function(){$(“#txt2″).toggle();});$(“.dv10″).click(function(){$(“.dv2″).fadeToggle();}); 4.2） 操作table说明：通过$(“.tblCar tr:last”)定位到最后一行，再用 .remove() 方法即可删除表的这一行。$(“.trHead”).click(function(){if($(“.tblCar tr”).length==1)return;$(“.tblCar tr:last”).remove();});完整源代码下载因头条会自动和谐掉站外的链接，所以不能在这里直接贴出来。有需要的小伙伴，可以在下方留言，并@资深IT老张，内容为”我H5源代码”。如果我没来得及给您发，可能是在忙别的事，请谅解。建议你也在私信上提醒我一下，一定会给你发送的。小结本文通过一些小的案例来对H5开发中可能会用到的一些小技巧进行探讨与应用，希望能对大家今后的学习和工作有所帮助与启发，谢谢。码字很不容易，您的关注，是我们前进的动力。相关性阅读：(从我的文章中去找，目前这个插入超链接的功能似乎不好使)H5中一些基础的 CSS样式玩法（二） 附带真实案例及代码解决方案H5中一些基础的 CSS样式玩法（一）（结束）
本文出自快速备案，转载时请注明出处及相应链接。