常见前端面试题（含答案）
1. 一个200*200的div在不同分辨率屏幕上下左右居中，用css实现
java apache∙
∙
∙
∙
∙
∙
∙
∙
∙
∙
div{position:absolute;width:200px;height:200px;top:50%;left:50%;margin-left:-100px;height:-100px;z-index:1000;}
2. 写一个左中右布局占满屏幕，其中左右两块是固定宽度200 ，中间自适应宽，要求先加载中间块，请写出结构及样式：web前端基础面试题
∙
∙
∙
∙
∙
∙
∙
∙
∙
∙
∙
∙
∙
∙
<body>          <h3>实现三列宽度自适应布局</h3>          <div id = 'left'>我是左边</div>          <div id = 'right'>我是右边</div>          <div id = 'center'>我是中间</div>  </body> 
html,body{ margin: 0px;width: 100%; }  h3{height: 100px;margin:20px 0 0;}  #left,#right{wi
dth: 200px;height: 200px; background-color: #ffe6b8;position: absolute;top:120px;}  #left{left:0px;}  #right{right: 0px;}  #center{margin:2px 210px ;background-color: #eee;height: 200px; }
3. 如何用原生js给一个按钮绑定两个onclick事件？
∙
∙
∙
∙
∙
∙
∙
键盘常用15个功能键
∙
∙sklearn多分类
∙
∙
∙
∙
Var  ElementById(‘btn’);//事件监听 绑定多个事件var btn4 =&ElementById('btn4');btn4.addEventListener('click',hello1);btn4.addEventListener('click',hello2);
function hello1(){ alert('hello 1')}
function hello2(){ alert('hello 2');}
4.计算一个数组arr所有元素的和
∙
∙
∙
∙
∙
∙
∙
∙
∙
∙
∙
∙
∙
∙
∙
∙
∙
∙
∙
var arr1=[1,2,3,4,5,6,7,8,9];var sum1=0;for (var i=0;i<=arr1.length;i++) {  if (typeof arr1[i]=='number') {      sum1+=arr1[i];    }}document.write(sum1);
function sum2(arr){var all=0;for (var i=0;i<arr.length;i++) {    if (typeof arr[i]=='number') {     
all+=arr[i];    }  }  return all;}document.write(sum2([1,2,3,4]));
5.编写一个方法去掉数组里面 重复的内容  var arr=[1,2,3,4,5,1,2,3]
一个数组去重的简单实现
∙
∙
∙
∙
∙
∙
∙
∙
∙
∙
∙
var arr = ['abc','abcd','sss','2','d','t','2','ss','f','22','d'];//定义一个新的数组var s = [];//遍历数组for(var i = 0;i<arr.length;i++){    if(s.indexOf(arr[i]) == -1){  //判断在s数组中是否存在，不存在则push到s数组中        s.push(arr[i])    }}console.log(s);//输出结果：['abc', 'abcd', 'sss', '2', 'd', 't', 'ss', 'f', '22']
怎么查看自己mysql的账号密码6.ajax的步骤
什么是ajax?ajax(异步javascript xml) 能够刷新局部网页数据而不是重新加载整个网页。如何使用ajax?第一步，创建xmlhttprequest对象，var xmlhttp =new XMLHttpRequest（);XMLHttpRequest对象用来和服务器交换数据。
∙
∙
∙
∙
∙
∙
∙
∙
var xhttp;if (window.XMLHttpRequest) {//现代主流浏览器xhttp = new XMLHttpRequest();} else {// 针对浏览器，比如IE5或IE6xhttp = new ActiveXObject('Microsoft.XMLHTTP');}
第二步，使用xmlhttprequest对象的open（）和send（）方法发送资源请求给服务器。第三步，使用xmlhttprequest对象的responseText或responseXML属性获得服务器的响应。第
四步，onreadystatechange函数，当发送请求到服务器，我们想要服务器响应执行一些功能就需要使用onreadystatechange函数，每次xmlhttprequest对象的readyState发生改变都会触发onreadystatechange函数
7. 块级元素水平垂直居中的方法有哪些（三个方法）
让div等块级元素水平和垂直都居中，即永远处于屏幕的正中央，当我们做如登录块时非常有用！　实现一、原理：要让div等块级元素水平和垂直居中，必需知道该div等块级元素的宽度和高度，然后设置位置为绝对位置，距离页面窗口左边框和上边框的距离设置为50%，这个50%就是指页面窗口的宽度和高度的50%，最后将该div等块级元素分别左移和上移，左移和上移的大小就是该div等块级元素宽度和高度的一半。
CSS代码：
∙
∙
∙
∙
∙
∙
∙
.mycss{    width:300px;     height:200px;     position:absolute;     left:50%;     top:50%;  margin:-100px 0 0 -150px }
实现二原理：利用CSS的margin设置为auto让浏览器自己帮我们水平和垂直居中。   CSS代码：
∙
∙
∙
∙
∙
∙
数据库课程设计前言
∙
∙
∙
∙
.mycss{    position: absolute;    left: 0px;    right: 0;    top: 0;    bottom: 0;    margin: auto;    height: 200px;    width: 300px;}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。