前端面试题

一、MySQL数据库

MySQL中varchar与char的区别以及varchar(50)中的50代表的涵义？
答案：Varchar是变长字符串，最多存储的大小是65535字节，查询速度相对较慢；Char 是定常字符串，最多存储的大小是255字节，查询速度相对较快； varchar(50)表示：Mysql 4.0 表示存放50个字节，5.0存放50个字符。
简述浏览器打开www.codeboy.com显示页面，中间都经过哪些过程？答案：向DNS服务器获取域名对应的IP地址并返回浏览器，通过IP地址向web服务器发请求，web服务器从文件服务器获取网页中所需要的文件，从数据库服务器获取网页中所需要的数据，最后讲完整的网页相应给浏览器。
如何解决MySQL中存储中文乱码问题？答案：脚本文件采用UTF8编码客户端连接数据库使用UTF8编码服务器端创建数据库使用UTF8编码
4.Float和Double的区别是什么？
答案：FLOAT(单精度浮点数)类型 数据可以存储至多8位十进制数，并在内存中占4字节。DOUBLE(双精度浮点数)类型 数据可以存储至多18位十进制数，并在内存中占8字节。
把数据id等于1的名字oldboy更改为oldgirl？
答案：update test set name=‘oldgirl’ where id=1;
6.如何登录mysql数据？
答案：mysql -uroot。
二、JS基础
continue和 break有什么区别？
答案：break和continue都是用来控制循环结构的：break终止循环，跳出循环体执行循环后面的语句。continue跳过本次循环，执行下一次循环。
i++和++i的区别？
答案：i++ ：先用i值后加1, ++i ：先加1后用i值，计算：var n=5; 求 var num=n++ + ++n + n++ + ++n +n; //37
JavaScript都有哪些数据类型？
答案：原始类型：数值型/字符串型/布尔型/undefined/null 引用类型：对象
自调用函数是什么？用于什么地方？
答案：立即执行的函数。 (function(){ //函数体 })(); 用于创建一个局部作用域。
slice和splice有什么区别？
答案：slice截取子数组 ，从指定的数组中，截取几个连续的元素组成一个新数组splice允许从指定数组中，删除一部分元素，同时再添加另一部分元素
typeof返回的类型有哪些？
答案：number 、string 、boolean 、undefined 、object 、
functionex:var arr=[1,2,3,4,5];console.log(typeof(arr)); //objectfunction myDemo(){ return function test(){}; } console.log(typeof(myDemo())); //function
取 1~11之间的随机数 (即包括1不包括11)？
答案：Math.floor(Math.random()*10+1)parseInt (Math.random()*10+1)8. 什么是变量声明提前？答案：使用var关键字声明的变量，会将声明提升到所在作用域的最前边。。
push、pop、shift和unshift 区别？
答案：这两组同为对数组的操作，并且会改变数组的本身的长度及内容。不同的是 push()、pop() 是从数组的尾部进行增减，unshift()、shift() 是从数组的头部进行增减。。
例举4种强制类型转换和3种隐式类型转换？
答案：强制转换：parseInt/parseFloat/Number/toString隐式转换： 字符串+数值 数值转字符串 数值+布尔型 布尔型中true转为1，false转为0 字符串+布尔型 布尔型转为字符串。
函数声明与函数表达式的区别？
答案：相同点：两者都可以创建函数。 不同点：函数声明可以存在函数提升（前），函数表达式不存在函数提升（前）。 //函数声明function myFunction(){ function innerFunction() {}}//以下为函数表达式var myFunc = function(){};myFunc(function(){ return function(){};} );
请指出JavaScript宿主对象和原生对象的区别？
答案：宿主对象：指JavaScript解释器提供的对象，由解释器厂家自定义并提供实现，不同的解释器提供的扩展对象存在较大的差异（DOM和BOM对象）。 原生对象：JavaScript语言本身预定义的对象，在ECMAScript标准中定义，由所有的解释器厂家来提供具体实现（Array,Date,Math,Number,String,Boolean等）。
js中有哪些内置函数？
答案：Object, Array, Boolean, Number, String, Function, Date, Math, RegExp, Error, Global
14.列举出获取日期相关函数
答案：console.log(Date.now()); // 返回当前日期和时间’1970/01/01 00:00:00’之间的毫秒值var dt = new Date(); // 获取当前时间—年 月 日 时 分 秒console.log(dt.getTime()); //返回当前日期和时间’1970/01/01 00:00:00’之间的毫秒值console.log(dt.getFullYear()); // 年份console.log(dt.getMonth()+1); // 月份（0-11）console.log(dt.getDate()); // 日期（0/1-31）console.log(dt.getDay()); //星期（0-6）console.log(dt.getHours()); // 小时（0-23）console.log(dt.getMinutes()); // 分钟（0-59）console.log(dt.getMilliseconds); // 返回毫秒（0-999）console.log(dt.getSeconds()); // 秒（0-59）
15.Math相关函数
答案：Math.random() - 返回 0 ~ 1 之间的随机数Math.abs(x) - 返回数的绝对值Math.ceil(x) - 向上取整Math.floor(x) - 向下取整Math.round() 四舍五入Math.max() 和 Max.min() 获取一组数据中的最大值和最小值Math.PI 获取圆周率π 的值Math.pow() 获取一个值的多少次幂 Math.sqrt() 对数值开方 Math.pow(10，2) = 100; Math.sqrt(100) = 10;
16.null和undefined的区别？
答案：undefined是访问一个未初始化的变量时返回的值，null是访问一个尚不存在的对象时所返回的值。因此，可以把undefined看作是空的变量，而null看作是空的对象。
17.=和有什么不同？
答案：== 抽象相等，比较时，会先进行类型转换，然后再比较值； ===严格相等，判断两个值相等同时数据类型也得相同。18.setTimeout和setInterval的区别是什么？
答案：二者都是用来设置定时操作的。setTimeout: 设置一个定时器，在定时器到期后执行一次函数或代码段setInterval: 设置一个定时器，以固定的时间间隔重复调用一个函数或者代码段
请说出以下代码执行结果for (var i = 0; i < 3; i++) { setTimeout(function() { console.log(i); }, 0); console.log(i); }
答案：0 1 2 3 3 3，执行过程如下var i = 0;console.log(i); i++; console.log(i); i++; console.log(i);i++; setTimeout(function() { console.log(i); }, 0); setTimeout(function() { console.log(i); }, 0); setTimeout(function() { console.log(i); }, 0); //输出 0 1 2 3 3 3
请说出（true+flase）>2+true的执行结果
答案：false
当前代码块输出结果是什么？ var z=10; function foo(){console.log(z);}(function(funArg){var z=20;funArg();})(foo);答案： 10，自调用函数。
setTimeout(function(){},10)表示什么意思？
答案：每隔10毫秒调用一次函数。23. 程序中捕获异常的方法？答案：try{ }catch(e){ }finally{ }
以下代码执行结果？var uname = 'jack’function change() { alert(uname) // ? var uname = ‘lily’ alert(uname) //?}change()答案：undefined lily
如何使用npm下载express模块？答案：npm install express26. split和join的区别？
答案：split()将字符串按照指定的字符分割成一个数组，并返回 join()将数组用指定的字符连接成一个字符串，并返回
看下列代码会有什么样的输出？var foo = “11”+2-“1”; console.log(foo);console.log(typeof foo);
答案：111 number28. foo = foo||bar ，这行代码是什么意思？为什么要这样写？答案：这种写法称之为短路表达式 相当于：var foo;if(foo){ foo=foo;}else{ foo=bar;}常用于函数参数的空判断
用js实现随机选取10–100之间的10个数字，存入一个数组，并排序
答案：function getRandom(istart, iend){ var iChoice = iend - istart +1; return Math.floor(Math.random() * iChoice+ istart);}var iArray = []; for(var i=0; i<10; i++){var result= getRandom(10,100); iArray.push(result);}iArray.sort();30. 如何获取javascript三个数中的最大值和最小值？答案：Math.max(a,b,c);//最大值Math.min(a,b,c)//最小值31. 实现冒泡排序？ var array = [5, 4, 3, 2, 1];var temp = 0;for (var i = 0; i <array.length; i++){for (var j = 0; j <array.length - i; j++){if (array[j] > array[j + 1]){temp = array[j + 1];array[j + 1] = array[j];array[j] = temp; }}