一. html
1. 对html5、css3的理解,都有什么新增功能
html5和css3是对html4和css2的重大升级,增加了很多有用的新特性。
html5新特性:绘图(canvas)、离线式存储(localstorage、sessionstorage)、websocket、音视频增强标签(video、audio)。
css3新特性:css3选择器(selector)、字体(word-wrap、text-overflow、text-decoration、text-shadow)、多列布局(multi-column layout)、边框(border-radius)、变换(gradient、transform)、动画(transition、animation)
2. margin和padding的区别
margin是控件边缘相对父控件的边距。
padding是控件的内容相对控件的边缘的边距。
图:css盒子模型
3. 编写一个Html结构,三列布局的,要求适应分辨率100%高度(在任何分辨率下全屏显示)
三列布局,要求适应分辨率100%高度 leftmainright
4. 写一个两列布局,左侧固定高度,右侧自适应
两列布局,左侧固定高度,右侧自适应 centerleft
5. css绘制一个奥运五环图案
The Olympic Flag
二. js
1. js类型有哪些
字符串、数字、布尔、数组、对象、Null、Undefined
2.
'1'+2+3=? //123'5'-3=? //2
3.
var a = {name:'xiaomin',age:20}var b = a;b.age=22;a.name=? //xiaominb.name=? //xiaomina.age=? //22b.age=? //22
4. 使用原生js或者jquery给一个p标签设定一个点击事件 用于获取自身的文本值
$(function(){ $("p").click(function(){ alert($(this).text()); });})
5. 使用js遍历以下数据 var json={a:1,b:2,c:3}
var json={a:1,b:2,c:3};for(var j in json){ document.writeln(j+":"+json[j]);}
6. 编写一个数组去重的方法
Array.prototype.unique = function() { var n = {}, r = [], len = this.length, val, type; for (var i = 0; i < this.length; i++) { val = this[i]; type = typeof val; if (!n[val]) { n[val] = [type]; r.push(val); } else if (n[val].indexOf(type) < 0) { n[val].push(type); r.push(val); } } return r; }
7. 编写一个方法,在数组中找到出现重复数字最多的元素
Array.prototype.repeatmax=function(){ var res = []; this.sort(); for(var i = 0;imax){ max = res[i][1]; postion = i; } } return res[postion][0];}
8. 请分析下面代码,给出执行结果,并分析为什么是这样的结果
var json={ name:'xiaomin', sayName:function(){ alert(this.name) }}function Foo(fn){ fn();}json.sayName(); //xiaominFoo(json.sayName); //空字符串
9.用原生js或者jquery写一个调用webservice(接口)的例子
a. 如何开发Web API?
b. 如何跨域调用Web API?