高端的JS代码

  • 时间:2018-06-19 22:12 作者:Web前端开发 来源:Web前端开发 阅读:192
  • 扫一扫,手机访问
摘要:关于学习:前台开发的技术,主要靠自学应该,可可以有些大学开的课有相关方面的课程,但新技术还是要自己去学习。另外,知识学的好,不如东西做的好,要多练习多多练习多总结经验,做出来东西摆出来让别人看,且看着是那个样,看着舒服,才是王道,而你懂的多,但就是动手可以力不行,让你做个东西,做半天做不出来,那别人

关于学习:前台开发的技术,主要靠自学应该,可可以有些大学开的课有相关方面的课程,但新技术还是要自己去学习。另外,知识学的好,不如东西做的好,要多练习多多练习多总结经验,做出来东西摆出来让别人看,且看着是那个样,看着舒服,才是王道,而你懂的多,但就是动手可以力不行,让你做个东西,做半天做不出来,那别人会怎样想,可想而知。

关于代码编写:建议初学者脱离可视化编辑器(推荐sublime text),练习手写代码可以力,这样看似麻烦,笨拙,但坚持下去,真正到你进行设计时就会体会到其中甜头。手写代码,对于你对代码的了解是很有帮助的,同时也会便于编写更具备语义的代码。

js弹出输入框 并获取使用户输入值 prompt()函数的用

prompt

"button" onClick="disp_prompt()" value="单击这里" />

这一次我们使用 new 来写

JavaScript

12345678910111213141516function士兵(ID){this.ID=IDthis.生命值=42}士兵.prototype={兵种:"美国大兵",攻击力:5,行走:function(){/*走俩步的代码*/},奔跑:function(){/*狂奔的代码*/},死亡:function(){/*Go die*/},攻击:function(){/*糊他熊脸*/},防御:function(){/*护脸*/}}// 保存为文件:士兵.js

而后是创立士兵(加了一个 new 关键字):

JavaScript

123456var士兵们=[]for(vari=0;i<100;i++){士兵们.push(new士兵(i))}兵营.批量制造(士兵们)

new 的作使用,就是省那么几行代码。(也就是所谓的语法糖)

jquery方式判断checkbox能否选中(.is(":checked"))

"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

"Content-Type" content="text/html; charset=utf-8" />

1-6-1

"checkbox" id="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&amp;LogoText=test" />//IE浏览器

<embed src="Flvplayer.swf" allowfullscreen="true"flashvars="vcastr_file=video/video.mp4&amp;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,群里有大量学习资料,还有大神解答问题

  • 全部评论(0)
最新发布的资讯信息
【系统环境|】web前端开发需要学习哪些技术(2019-09-17 18:00)
【系统环境|】学习web前端开发是正确的选择(2019-09-15 16:55)
【系统环境|】干货整理!零基础html5网站开发学习步骤方法(保存不后悔)(2019-09-10 16:27)
【系统环境|】「前端入门」前端基本概念(2019-09-07 21:36)
【系统环境|】小白入门学习web前端,这些干货不能少(2019-09-05 20:59)
【系统环境|】不是计算机专业,哪个专业更适合学习web前端(2019-09-03 20:31)
【系统环境|】入行web前端开发可以做什么工作(2019-09-02 20:51)
【系统环境|】什么是Web前端呢?为什么说web前端开发人员的薪资高、前景好呢?(2019-08-31 20:55)
【系统环境|】2019年Web前端开发的8个趋势,你知道几个?(2019-08-29 16:23)
【系统环境|】学习web前端,掌握这些,才有底气跟面试官提薪资(2019-08-28 15:23)