js常用面试题整理

简介: 1、array操作关键字: pop() 删除最后一个;push最后添加一个或者多个;reverse颠倒数组;shift删除第一个元素;unshift首部添加元素;concat衔接两个数组;join把数组按照指定字符变为字符;slice(1,1)截选数组元素; 2、js闭包的优缺点: 闭包是有权...

1、array操作关键字

pop() 删除最后一个;push最后添加一个或者多个;reverse颠倒数组;shift删除第一个元素;unshift首部添加元素;concat衔接两个数组;join把数组按照指定字符变为字符;slice(1,1)截选数组元素;

2、js闭包的优缺点:

闭包是有权访问另一个函数私有变量的函数叫闭包;

优点:避免变量污染、加强了封装性,逻辑性比较强代码的可读性高;加载到内存中执行效率高;

缺点:在内存中,造成了内存浪费,如果滥用闭包是灾难性的;

3、模块化的意义:

Es6使用import、export导入和导出,可以封装代码,可读性高,逻辑分明,可以按需导入模块,避免资源的消耗和浪费;

4、前台优化方案:

初级:去掉代码中的打印信息和注释信息;压缩js和css;使用缓存页面静态文件缓存或者CDN;图片压缩;

中级:使用负载均衡nginx、docker;静动态文件分离;查询结果缓存使用redis;

5、WebPack和Grunt和Gulp对比

Webpack可以看做是模块打包器,把你的代码转换成合适的格式供浏览器使用;

常用webpack构建本地服务器,可以让浏览器监听你代码的修改,自动刷新现实后的结果;

Gulp/Grunt是一种能够优化前端开发的流程工具,而WebPack是一种模块化的解决方案;

WebPack有4个配置选项,打包速度越快,负面作用就越大,会不利于调试,文件的执行效率也有一定的影响;开发阶段使用:eval-source-map:使用eval打包源文件模块,在同一个文件中生成干净的完整的source map。这个选项可以在不影响构建速度的前提下生成完整的sourcemap,但是对打包后输出的JS文件的执行具有性能和安全的隐患。在开发阶段这是一个非常好的选项,在生产阶段则一定不要启用这个选项;

babel是一个编译js的平台,把es6/es7转换成浏览器支持的es5提供浏览器使用;

6、js数据类型

String,Number,Boolean,Null,Undefined;Object,Array,Function(引用类型)

7、es6新特性

箭头操作符;对class的支持(constructor构造函数);不定参数...x;let和const关键字;for of遍历;模块的支持import;promise异步函数的处理模式(pending等待中;resolve返回成功,reject返回失败);

8、es7(es2016)新特性

可以使用async/await

9、Zepto.js介绍

Zepto是一个针对移动端浏览器的轻量级的js库,和jquery比较类似;

10、redux介绍

Redux最重要的用途是应用状态管理,订阅、监听消息用的,数据改变时通知相应的ui修改的;

11、html5的canvas

canvas.getContext(“2d”)设置描绘类型2d,webgl表示3维;lineWidth线宽、strokeStyle线颜色,moveTo(x,y)移动画笔、lineTo划线到坐标;stroke执行划线;strokeRect绘制矩形,fillRect填充矩形,clearRect清除指定区域;圆弧使用Math.PI;drawImage绘制图像;绘制文字:fillText,strokeText描边文字;

画板代码:

canvas1.onmousemove=function(e){

//划线到当前客户端的x与y座标

       ctx.lineTo(e.clientX, e.clientY);

       //执行画线

       ctx.stroke();

}

12、WebGL介绍

WebGL是一种3D绘图标准,运行js和opengl结合在一起,省去了网页渲染的使用使用插件的麻烦。

因为原生的webgo很复杂所以我们会常用一些三方的库,比如three.js和Egret(白鹭引擎),使用三库做H5游戏的比较多,实质都大同小异:场景、相机、渲染器,创建场景,组件相机,创建物体渲染到页面;

13、深拷贝和浅拷贝

深度拷贝指的是Array和Object这样的类型,浅拷贝是只拷贝一层值,而深拷贝是遍历所有的拷贝。

14、两个等号和三个等号的区别

两个等是转换类型对比值的,而三个等是不会进行转换的,也就是类型不同,一定不会相等的;

 

img_fa0be433d68c8212b2b0b3b1a564ccb1.png
如果本文对你有所帮助,请打赏——1元就足够感动我:)
支付宝打赏 微信打赏
联系邮箱:intdb@qq.com
我的GitHub: https://github.com/vipstone
关注公众号: img_9bde0f31ac4a0eca10b1bd7414b78faf.png


作者: 王磊
出处: http://vipstone.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,请标明出处。

相关文章
|
18天前
|
前端开发 JavaScript 网络协议
前端最常见的JS面试题大全
【4月更文挑战第3天】前端最常见的JS面试题大全
40 5
|
7天前
|
JavaScript 前端开发 测试技术
「一劳永逸」送你21道高频JavaScript手写面试题(上)
「一劳永逸」送你21道高频JavaScript手写面试题
33 0
|
1月前
|
设计模式 JavaScript 前端开发
最常见的26个JavaScript面试题和答案
最常见的26个JavaScript面试题和答案
44 1
|
1月前
|
存储 JavaScript 前端开发
【JavaScript】面试手撕浅拷贝
引入 浅拷贝和深拷贝应该是面试时非常常见的问题了,为了能将这两者说清楚,于是打算用两篇文章分别解释下深浅拷贝。 PS: 我第一次听到拷贝这个词,有种莫名的熟悉感,感觉跟某个英文很相似,后来发现确实Copy的音译,感觉这翻译还是蛮有意思的
45 6
|
1月前
|
JavaScript 前端开发
【JavaScript】面试手撕节流
上篇我们讲了防抖,这篇我们就谈谈防抖的好兄弟 -- 节流。这里在老生常谈般的提一下他们两者之间的区别,顺带给读者巩固下。
53 3
|
2月前
|
前端开发 JavaScript UED
【JavaScript】面试手撕防抖
防抖: 首先它是常见的性能优化技术,主要用于处理频繁触发的浏览器事件,如窗口大小变化、滚动事件、输入框内容改变等。在用户连续快速地触发同一事件时,防抖机制会确保相关回调函数在一个时间间隔内只会被执行一次。
36 0
|
2月前
|
前端开发 JavaScript 算法
【JavaScript】面试手撕数组排序
这章主要讲的是数组的排序篇,我们知道面试的时候,数组的排序是经常出现的题目。所以这块还是有必要进行一下讲解的。笔者观察了下前端这块的常用算法排序题,大概可以分为如下
24 2
|
2月前
|
JavaScript 前端开发 索引
【JavaScript】面试手撕数组原型链(易)
续借上文,这篇文章主要讲的是数组原型链相关的考题,有些人可能会纳闷,数组和原型链之间有什么关系呢?我们日常使用的数组forEach,map等都是建立在原型链之上的。举个🌰,如我有一个数组const arr = [1,2,3]我想要调用arr.sum方法对arr数组的值进行求和,该如何做呢?我们知道数组没有sum函数,于是我们需要在数组的原型上定义这个函数,才能方便我们调用,具体代码如下。接下来我们就是采用这种方式去实现一些数组常用的方法。
39 6
|
2月前
|
JavaScript 前端开发
【JavaScript】面试手写题精讲之数组(上)
该专题主要是讲解我们在面试的时候碰到一些JS的手写题, 确实这种手写题还是比较恶心的。有些时候好不容易把题目写出来了,突然面试官冷不丁来一句有没有更优的解法,直接让我们僵在原地。为了解决兄弟们的这些困扰,这个专题于是就诞生啦。我们会将一些常见的不是最优解的答案作为对比,方便大家更好理解。
38 3
|
3月前
|
存储 人工智能 JavaScript
【利用AI刷面试题】AI:十道JavaScript面试题巩固一下知识
【利用AI刷面试题】AI:十道JavaScript面试题巩固一下知识