关于学习：前台开发的技术，主要靠自学应该，可可以有些大学开的课有相关方面的课程，但新技术还是要自己去学习。另外，知识学的好，不如东西做的好，要多练习多多练习多总结经验，做出来东西摆出来让别人看，且看着是那个样，看着舒服，才是王道，而你懂的多，但就是动手可以力不行，让你做个东西，做半天做不出来，那别人会怎样想，可想而知。
关于代码编写：建议初学者脱离可视化编辑器（推荐sublime text），练习手写代码可以力，这样看似麻烦，笨拙，但坚持下去，真正到你进行设计时就会体会到其中甜头。手写代码，对于你对代码的了解是很有帮助的，同时也会便于编写更具备语义的代码。
js弹出输入框 并获取使用户输入值 prompt()函数的用
<input type="button" onClick="disp_prompt()" value="单击这里" />
这一次我们使用 new 来写
JavaScript
| 12345678910111213141516 | function士兵(ID){this.ID=IDthis.生命值=42}士兵.prototype={兵种:”美国大兵”,攻击力:5,行走:function(){/*走俩步的代码*/},奔跑:function(){/*狂奔的代码*/},死亡:function(){/*Go die*/},攻击:function(){/*糊他熊脸*/},防御:function(){/*护脸*/}}// 保存为文件：士兵.js |
而后是创立士兵（加了一个 new 关键字）：
JavaScript
| 123456 | var士兵们=[]for(vari=0;i<100;i++){士兵们.push(new士兵(i))}兵营.批量制造(士兵们) |
new 的作使用，就是省那么几行代码。（也就是所谓的语法糖）
jquery方式判断checkbox能否选中（.is(“:checked”)）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<input type="checkbox" id="cr"/><label for="cr">我已经阅读了上面制度.
子节点：
一般意义上的节点，根节点以下最大子节点就是主文档区了，要访问到body标签，在脚本中应该写：
document.body
body区以内所有的文本及HTML标签都是文档的节点，分别称为文本节点、元素节点（或者者叫标签节点），大家知道HTML说究竟只是文本而矣，
不管怎样样的网页必然由这两个节点组成，也只可以由这两个节点组成
节点之间的关系：
节点之间的关系也是DOM中最重要的一个关节，如何正确地引使用到节点对象，肯定要清楚节点树各个节点的相互形容方式，在DHTML里，
Javascript脚本就使用了各个节点对象的一整套方法和属性去形容另外的节点对象。
网页嵌入式SWF视频播放器
HTML嵌入代码：
<video src="video/video.mp4" width="700" height="400" controls autoplay>//优先用Video播放
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="700"height="400">
<param name="movie" value="Flvplayer.swf" />//播放器地址
<param name="quality" value="high" />
<param name="allowFullScreen" value="true" />
<param name="FlashVars" value="vcastr_file=video/video.mp4&LogoText=test" />//IE浏览器
<embed src="Flvplayer.swf" allowfullscreen="true"flashvars="vcastr_file=video/video.mp4&LogoText=test" quality="high"pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="700" height="400"></embed>//高级浏览器
</object>
</video>
Flvplayer.swf 参数详细说明：
vcastr_file 方法2传递影片flv文件地址参数，多个用|分开 空
vcastr_title 影片标题参数，多个用|分开，与方法2配合用 空
vcastr_xml 方法3 传递影片flv文件地址参数，样板参考 vcastr.xml
IsAutoPlay 影片自动播放参数：0表示不自动播放，1表示自动播放 0
IsContinue 影片连续播放参数：0表示不连续播放，1表示连续循环播 1
IsRandom 影片随机播放参数：0表示不随机播放，1表示随机播放 0
DefaultVolume 默认音量参数 ：0-100 的数值，设置影片开始默认音量大小 100
BarPosition 控制栏位置参数 ：0表示在影片上浮动显示，1表示在影片下方显示 0
IsShowBar 控制栏显示参数 ：0表示不显示；1表示一直显示；2表示鼠标悬停时显示；3表示开始不显示，鼠标悬停后显示 2
BarColor 播放控制栏颜色，颜色都以0x开始16进制数字表示 0x000033
BarTransparent 播放控制栏透明度 60
GlowColor 按键图标颜色，颜色都以0x开始16进制数字表示 0x66ff00
IconColor 鼠标悬停时光晕颜色，颜色都以0x开始16进制数字表示 0xFFFFFF
TextColor 播放器文字颜色，颜色都以0x开始16进制数字表示 0xFFFFFF
LogoText 能增加自己网站名称等信息(英文) 空
LogoUrl 能从外部读取logo图片，注意自己调整logo大小，支持图片格式和swf格式 空
EndSwf 影片播放结束后,从外部读取swf文件，能增加相关影片信息，影片分享等信息，需自己制作 空
BeginSwf 影片开始播放之前,从外部读取swf文件，能增加广告，或者者网站信息，需自己制作 空
IsShowTime 能否显示时间 : 0表示不显示时间，1表示显示时间 1
BufferTime 影片缓冲时间，单位（秒） 2
关于，参考书籍，我个人认为，应该选择国外经典著作，毕竟国内目前状况还处在web标准化起始阶段，推荐《精通css与html设计模式》、《web编程入门经典：html、xtml和css》、《html与xtml权威指南》、《css权威指南》、《JavaScript权威指南》。需要指明的是，目前国内图书市、场这方面的书比较多，建议大家不要盲、目购买，最好读一读国外设计师的经、典著作，更重要的人家写的都是比较有条理，循序渐进。假如可以读懂原著，最好看原著，看不懂的就看翻译过的也好。
另外，假如大家网上学习的话，建议到W3school在、线教程学习，比较基础，学完那个再去学其余的，就简单了。不要怀疑我们刚开始做的事不叫前台，那是由于你不够专业，假如你有经验了，我能一定你做的事会越来越前台，越来越专业，进入业界前两年先耐得住寂寞，不然会对web前台开发失去信心，切记，肯定要充满信心，等到你真正做的是前台是事时，你就会感觉前台就是你喜爱的职业了！
想要一起学习WEB前台的能加群575546903，群里有大量学习资料，还有大神解答问题
