博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端开发面试题(一)
阅读量:6137 次
发布时间:2019-06-21

本文共 2349 字,大约阅读时间需要 7 分钟。

一. 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%高度
left
main
right
View Code

 

4. 写一个两列布局,左侧固定高度,右侧自适应

  
两列布局,左侧固定高度,右侧自适应
center
left
View Code

 

5. css绘制一个奥运五环图案

    
The Olympic Flag
View Code

 

二. 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;i
max){ 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? 

 

转载地址:http://yieua.baihongyu.com/

你可能感兴趣的文章
除以2
查看>>
高可用集群原理解析
查看>>
Nginx配置URL转向tomcat
查看>>
极客Web前端开发资源大荟萃#001
查看>>
让div固定在某个位置
查看>>
Java开发环境Docker镜像
查看>>
从无到有,WebService Apache Axis2初步实践
查看>>
任务调度(一)——jdk自带的Timer
查看>>
UIKit框架(15)PCH头文件
查看>>
整理看到的好的文档
查看>>
Linux磁盘管理和文件系统管理
查看>>
linux运维人员的成功面试总结案例分享
查看>>
Windows DHCP Server基于MAC地址过滤客户端请求实现IP地址的分配
查看>>
命令查询每个文件文件数
查看>>
《跟阿铭学Linux》第8章 文档的压缩与打包:课后习题与答案
查看>>
RAC表决磁盘管理和维护
查看>>
HDU 3622 Bomb Game(二分+2-SAT)
查看>>
Apache通过mod_php5支持PHP
查看>>
发布一个TCP 吞吐性能测试小工具
查看>>
java学习:jdbc连接示例
查看>>