所有分类
  • 所有分类
  • 后端开发
html5 新标签的功能实现及百度动态 dom 的探究

html5 新标签的功能实现及百度动态 dom 的探究

不管是4还是5,它只是一个标记语言,别忘记了根本。

咱先聊聊HTML5并没那么神奇,不过就是加了几个新标签,让网页更好看点儿而已。别忘了这些新标签不光HTML5能搞定,还要靠JS(JavaScript)来帮忙。就好比画画,HTML5给咱们的是画布(canvas),但真正要画啥怎么画,还得看JS的!

Canvas,不只是画布!

Canvas这东西可是HTML5里的牛逼工具!你可以把它当作一块白板,通过JS随意创作。但是,别以为有了这就能轻松上手你还得会些JavaScript,懂得如何利用API,否则就是个拿着笔不会画画的孩子罢了。更厉害的是,Canvas居然还可以制作动画!这可不仅仅是绘画那么简单,而是动态的、栩栩如生的画面。

百度的小秘密

你懂得百度咋利用这个技术吗?我研究过,原来是用动态DOM弄出来的,也就是一直掏钱买JS来变DOM那点事儿。这个和HTML5没啥关系全靠咱们低调而努力的JS!位置在哪个?就是/r/www/cache/2012cp/2012.js这种文件里面,火狐浏览器上用Firebug一搜就明白了。

图片动画,不只是看起来酷

你知道吗?百度的那些动画其实就是用一张图搞定的!它类似于一个超级大的照片,名叫‘all.png’,藏在网址/r/www/cache/2012cp/images里。而通过某种技术(具体点说,就是JS啦),就能让这张图动得飞起,瞬间变身炫酷动画。但别搞混了这跟我们常说的HTML5可没啥直接联系,主要归功于JS喔。

html5 新标签的功能实现及百度动态 dom 的探究

HTML,不管4还是5,本质不变

大家记住,HTML,无论是4还是5,其实就是标记语言,用来标明网页内容的,比如告诉你这里应该放什么标题,那里应该分几段等等。别被新的标签搞晕了,其实HTML的核心都差不多!

JS,不只是脚本

JS就是我们熟知的JavaScript,但千万别小瞧它!从最简单的网页互动,到炫酷的动态效果,再到各种游戏,没有什么是它做不到的。有了HTML5给你提供的强大工具,要用好它们就得靠JS了!

别把HTML5和JS搞混了

首先得跟你们说千万别把HTML5和JS弄错!HTML5只是个工具,JS才是你用它画画的方式~没了JS这个画笔,就算有再好的工具也画不出美图来。所以学HTML5的同时别忘了学JS,要不然你就只能眼巴巴地看画布干瞪眼咯~

原文链接:https://www.icz.com/technicalinformation/web/2024/07/19985.html,转载请注明出处~~~
0

评论0

请先
注意:请收藏好网址www.icz.com,防止失联!站内免费资源持续上传中…!赞助我们
显示验证码
没有账号?注册  忘记密码?