JS 编程艺术】的更多相关文章

最近在看js编程艺术,照葫芦画瓢,做了一个小网页.作为一枚前端渣渣,遇到了好多坑,在这里就不提了. 首先是html代码 /*gallery.html*/<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>image gallery</title> <link rel="stylesheet" type="text…
1.html /* movie.html*/<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>My Video</title> <link rel="stylesheet" type="text/css" href="styles/player.css"> </head…
1.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Web Design</title> <link rel="stylesheet" type="text/css" href="styles/list.css"> </head> <body&g…
1. html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Cities</title> <link rel="stylesheet" type="text/css" href="styles/format.css"> </head> <body>…
1.html文件 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Man bites dog</title> <link rel="stylesheet" type="text/css" href="styles/story.css"> </head> <…
首先是一个html文档 /* explanation.html */<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Explaining the Doucment Object Model</title> <link rel="stylesheet" type="text/css" href=&qu…
学习js的过程中有几个有用的函数. //添加事件函数 function addLoadEvent(func) { var oldonload = window.onload; if(typeof window.onload != "function"){ window.onload = func; }else{ window.onload = function(){ oldonload(); func(); } } } //功能:将新节点newElement添加到目标节点targetE…
JS艺术片段剪贴 getFullDate: function (date) { //返回 YYYY年MM月DD日 var year = month = day = ' '; if (isNaN(date) && !isNaN(Date.parse(date))) { var newDate = new Date(date); year = newDate.getFullYear(); month = newDate.getMonth() + 1; day = newDate.getDate…
先贴上moveElement()函数的大纲,为了方便观看,删了部分代码,完整版粘到文章后面. function moveElement(elementID,final_x,final_y,interval) { //测试JS兼容性代码 if (elem.movement) { clearTimeout(elem.movement); } //计算并移动elementID位置 var repeat = "moveElement('"+elementID+"',"+fi…
最近又看了一遍JS DOM编程艺术,照例来写一写读后感. 其实,我从中学到最深的是几个概念:1.平稳退化.当浏览器并不支持JS的时候网页的基本核心功能是还可以用的:2.逐渐增强.在原始的信息层上用其他层去增加其他信息.用CSS去增加效果,用JS去添加行为.当然某些浏览器可以支持部分的js,为了使旧浏览器可以用,不至于因为某些代码挂掉.3.将结构.表现.行为分离,而且分离越大越好. 然后我学到了简单的一点关于对象检测的技术,这在运用向后兼容原则时必要的,但文章太过保守,像:document.get…