web前端 第一阶段面试题(1),2024年最新拼多多前端社招面试

本文涉及的产品
RDS MySQL Serverless 基础系列,0.5-2RCU 50GB
RDS MySQL Serverless 高可用系列,价值2615元额度,1个月
简介: web前端 第一阶段面试题(1),2024年最新拼多多前端社招面试

正文

**答案:

**Varchar是变长字符串,最多存储的大小是65535字节,查询速度相对较慢;Char 是定常字符串,最多存储的大小是255字节,查询速度相对较快;

varchar(50)表示:Mysql4.0 表示存放50个字节,5.0存放50个字符。

2. 简述浏览器打开www.codeboy.com显示页面,中间都经过哪些过程?

答案:

向DNS服务器获取域名对应的IP地址并返回浏览器,通过IP地址向web服务器发请求,web服务器从文件服务器获取网页中所需要的文件,从数据库服务器获取网页中所需要的数据,最后讲完整的网页相应给浏览器。

3. 如何解决MySQL中存储中文乱码问题?

答案:

脚本文件采用UTF8编码

客户端连接数据库使用UTF8编码

服务器端创建数据库使用UTF8编码

4.Float和Double的区别是什么?

答案:

FLOAT(单精度浮点数)类型 数据可以存储至多8位十进制数,并在内存中占4字节。

DOUBLE(双精度浮点数)类型 数据可以存储至多18位十进制数,并在内存中占8字节。

5. 把数据id等于1的名字oldboy更改为oldgirl?

答案:

update test set name=‘oldgirl’ where id=1;

6.如何登录mysql数据?

答案:

mysql -uroot。

二、JS基础


1. continue和 break有什么区别?

答案:

break和continue都是用来控制循环结构的:

break终止循环,跳出循环体执行循环后面的语句。

continue跳过本次循环,执行下一次循环。

2. i++和++i的区别?

答案:

i++ :先用i值后加1,

++i :先加1后用i值,

计算:var n=5; 求 var num=n++ + ++n + n++ + ++n+n;  //37

3. JavaScript都有哪些数据类型?

答案:

原始类型:数值型/字符串型/布尔型/undefined/null

引用类型:对象

**4. 自调用函数是什么?**用于什么地方?

答案:立即执行的函数。 (function(){ //函数体 })();

用于创建一个局部作用域。

5. slice和splice有什么区别?

答案:

slice截取子数组 ,从指定的数组中,截取几个连续的元素组成一个新数组

splice允许从指定数组中,删除一部分元素,同时再添加另一部分元素

6. typeof返回的类型有哪些?

答案:

number、string 、boolean 、undefined 、object 、function
ex:
var arr=[1,2,3,4,5];
console.log(typeof(arr)); //object
function myDemo(){
return function test(){};
}
console.log(typeof(myDemo())); //function

7. 取 1~11之间的随机数 (即包括1不包括11)?

答案:

Math.floor(Math.random()*10+1)

parseInt (Math.random()*10+1)

8. 什么是变量声明提前?

答案:

使用var关键字声明的变量,会将声明提升到所在作用域的最前边。。

9. push、pop、shift和unshift 区别?

答案:

这两组同为对数组的操作,并且会改变数组的本身的长度及内容。

不同的是push()、pop() 是从数组的尾部进行增减,unshift()、shift() 是从数组的头部进行增减。。

10. 例举4种强制类型转换和3种隐式类型转换?

答案:

强制转换:parseInt/parseFloat/Number/toString

隐式转换:

字符串+数值   数值转字符串

数值+布尔型   布尔型中true转为1,false转为0

字符串+布尔型  布尔型转为字符串。

11. 函数声明与函数表达式的区别?

答案:

相同点:两者都可以创建函数。

不同点:函数声明可以存在函数提升(前),函数表达式不存在函数提升(前)。

//函数声明
function myFunction(){
function innerFunction() {}
}
//以下为函数表达式
var myFunc = function(){};
myFunc(function(){
return function(){};
} );

12. 请指出JavaScript宿主对象和原生对象的区别?

答案:

宿主对象:指JavaScript解释器提供的对象,由解释器厂家自定义并提供实现,不同的解释器提供的扩展对象存在较大的差异(DOM和BOM对象)。

原生对象:JavaScript语言本身预定义的对象,在ECMAScript标准中定义,由所有的解释器厂家来提供具体实现(Array,Date,Math,Number,String,Boolean等)。

13. 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 = newDate();  // 获取当前时间—年 月 日 时 分 秒
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: 设置一个定时器,以固定的时间间隔重复调用一个函数或者代码段

19. 请说出以下代码执行结果

for (var i = 0; i < 3; i++) {
setTimeout(function() {
console.log(i);
}, 0);
console.log(i);
}

**答案:**0 1 23 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

20. 请说出(true+flase)>2+true的执行结果

答案:false

21. 当前代码块输出结果是什么?

var z=10;
function foo(){console.log(z);}
(function(funArg){var z=20;funArg();})(foo);

答案:10,自调用函数。

22. setTimeout(function(){},10)表示什么意思?

答案:每隔10毫秒调用一次函数。

23. 程序中捕获异常的方法?

答案

try{
}catch(e){
}finally{
}

24. 以下代码执行结果?

var uname = ‘jack’
function change() {
alert(uname) // ?
var uname = ‘lily’
alert(uname) //?
}
change()

答案:undefined lily

25. 如何使用npm下载express模块?

答案:npm install express

26. split和join的区别?

答案:split()将字符串按照指定的字符分割成一个数组,并返回


相关实践学习
基于CentOS快速搭建LAMP环境
本教程介绍如何搭建LAMP环境,其中LAMP分别代表Linux、Apache、MySQL和PHP。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心,利用清洁计算为万物互联的新世界提供源源不断的能源动力,目前开服的区域包括中国(华北、华东、华南、香港)、新加坡、美国(美东、美西)、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程,来了解阿里云能够为你的业务带来哪些帮助 &nbsp; &nbsp; 相关的阿里云产品:云服务器ECS 云服务器 ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
相关文章
|
3天前
|
存储 前端开发 JavaScript
前端面试题23-34
通过对 Promise 和 ECMAScript6 的深入理解,可以更好地应对现代 JavaScript 开发中的复杂异步操作和新特性,提升代码质量和开发效率。
9 2
|
3天前
|
存储 NoSQL Java
【面试宝藏】Redis 常见面试题解析
Redis 是内存数据结构存储系统,用作数据库、缓存和消息中间件,支持字符串、哈希、列表等数据类型。它的优点包括高性能、原子操作、持久化和复制。相比 Memcached,Redis 提供数据持久化、丰富数据结构和发布/订阅功能。Redis 采用单线程模型,但通过 I/O 多路复用处理高并发。常见的面试问题涉及持久化机制、过期键删除、回收策略、集群和客户端等。
23 4
|
3天前
|
存储 关系型数据库 MySQL
【面试宝藏】MySQL 面试题解析
MySQL面试题解析涵盖数据库范式、权限系统、Binlog格式、存储引擎对比、索引原理及优缺点、锁类型、事务隔离级别等。重点讨论了InnoDB与MyISAM的区别,如事务支持、外键和锁机制。此外,还提到了Unix时间戳与MySQL日期时间的转换,以及创建索引的策略。
14 4
|
2天前
|
前端开发 JavaScript 测试技术
web前端语言框架:探索现代前端开发的核心架构
web前端语言框架:探索现代前端开发的核心架构
13 4
|
2天前
|
前端开发 JavaScript 开发工具
Web网页前端教程免费:引领您踏入编程的奇幻世界
Web网页前端教程免费:引领您踏入编程的奇幻世界
6 3
|
3天前
|
前端开发 JavaScript 虚拟化
前端面试题12-22
ES6(ECMAScript 2015)是 JavaScript 的重要版本,引入了许多新特性和语法,提升了语言的功能和可用性。ES6 的主要特性包括箭头函数、类、模板字符串、解构赋值、默认参数、Promise、模块化、Generator 函数、async 函数、Proxy 和 Reflect 等。这些特性不仅简化了代码的编写和维护,还为开发者提供了更多的编程范式和工具。了解和掌握 ES6 的特性是现代 JavaScript 开发的必备技能。
6 1
|
3天前
|
JSON 前端开发 JavaScript
前端面试题01-11
Map是ES6引入的一种新的键值对集合数据结构,类似于对象,但键的范围不限于字符串,还可以是任何类型的值。Map保持键值对的插入顺序,提供更灵活的键值对操作方法,如`set()`、`get()`、`delete()`、`has()`等。
5 1
|
3天前
|
存储 异构计算 内存技术
【硬件工程师面试宝典】常见面试题其一
- Setup时间:时钟前数据需稳定的最小时间。 - Hold时间:时钟后数据需保持稳定的时间。 - 竞争现象:不同路径信号汇合导致输出不稳定。 - 冒险现象:竞争引起的短暂错误状态。 - D触发器实现2倍分频电路。
15 5
|
3天前
【硬件工程师面试宝典】常见面试题其二
检查单片机上电不运行:电源电压、时钟信号、复位电路、程序烧录。三极管特性:输出特性曲线和转移特性曲线。频率响应指系统对不同频率信号的响应,稳定要求幅度和相位不变。改变响应曲线方法:调整反馈、使用滤波器、改变元件参数。差分运放相位补偿通过在反馈回路加电容,波特图显示补偿效果。基本放大电路类型有共射、共集、共基,差分结构用于抗干扰和提高共模抑制比。电阻电容串联,电容电压为低通滤波,电阻电压为高通滤波。选择电阻考虑阻值、功率、温度系数、精度和尺寸。CMOS电路传递低电平用N管。电流偏置电路通过R1、Q1产生稳定电流。施密特电路回差电压由R1、R2决定。LC振荡器的哈特莱、科尔皮兹、克拉
9 0
|
3天前
|
存储 缓存 NoSQL
【面试宝藏】Redis 常见面试题解析其二
Redis 高级面试题涵盖了哈希槽机制、集群的主从复制、数据丢失可能性、复制机制、最大节点数、数据库选择、连通性测试、事务操作、过期时间和内存优化等。Redis 使用哈希槽实现数据分布,主从复制保障高可用,异步复制可能导致写操作丢失。集群最大支持1000个节点,仅允许单数据库。可通过 `ping` 命令测试连接,使用 `EXPIRE` 设置过期时间,`MULTI/EXEC` 等进行事务处理。内存优化包括合理数据类型、设置过期时间及淘汰策略。Redis 可用作缓存、会话存储、排行榜等场景,使用 `SCAN` 查找特定前缀键,列表实现异步队列,分布式锁则通过 `SET` 命令和 Lua 脚本实现。
18 5