前端面试题
关注
分享
扫一扫
文章平均质量分 66
前端面试题集合： html，css，js,vue ， es6等
发呆的小蔡°
一度想要放弃却还在继续坚持的程序媛……
展开
-
前端性能优化
介绍：前端性能优化，主要可以从以下几个方面进行处理：减少请求数量使用CSS Sprites（精灵图），融合多个小图片将小图片打包成base64能用css做的效果，就不要用js做；能用js做的，就不要轻易使用三方插件；避免引入第三方大量的库；减少请求时间将js,css,html等文件，能压缩的尽量压缩，减少文件大小，加快下载速度利用webpack打包根据路由进行懒加载，不要初始就加载全部，那样文件会很大建立内部CDN能更快速的获取文件代码优化Css放在body上，把js放在bod原创 2022-01-27 15:28:20 · 738 阅读 · 0 评论 -
Web网络协议相关经典面试题
输入完网址按下回车， 刚看到网页的过程中发生了什么域名解析发起TCP的3次握手建立TCP连接后发起http请求服务器端响应http请求，浏览器得到html代码浏览器解析html代码，并请求html代码中的资源浏览器对页面进行渲染呈现给用户常见的状态码200（成功） - 服务器成功返回网页201 （已创建） - 请求成功并且服务器创建了新的资源。304 （未修改） - 自从上次请求后，请求的网页未修改过。服务器返回此响应时，不会返回网页内容400 （错误请求） - 服务器不理解请求原创 2022-01-27 15:12:54 · 1637 阅读 · 0 评论 -
Vue经典面试题
Vue的优点轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十 kb ；双向数据绑定：保留了 angular 的特点，在数据操作方面更为简单简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习；组件化：实现了HTML的封装和重用，在构建单页面应用方面有着独特的优势；虚拟DOM：dom 操作是非常耗费性能的， 不再使用原生的 dom 操作节点，极大解放 dom 操作，但具体操作的还是 dom 不过是换了另一种方式运行速度更快：相比较于 react 而言，同样是操作虚拟 d原创 2022-01-27 14:57:26 · 1244 阅读 · 0 评论 -
ES6经典面试题
列举ES6的新特性并说一下如何使用Const,leta) var是函数作用域，会变量提升b) let是块级作用域，不会变量提升c) const用于定义常量，是块级作用域，不会变量提升模板字符串：用反引号（）标识`，可以当作普通字符串使用，也可以用来定义多行字符串箭头函数：ES6中的函数定义不再使用关键字function()，而是利用了()=>来进行定义函数的参数默认值：对象和数组解构：ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值for…of 和for…in（for原创 2022-01-26 18:00:30 · 743 阅读 · 0 评论 -
JavaScript经典面试题
闭包的含义？有什么特性？优缺点？及闭包主要解决了什么问题？闭包的简单解释就是： 函数嵌套函数，内部的函数能够读取其他函数内的部变量或参数；全面的解释就是：在js中变量的作用域属于函数作用域，在函数执行完毕后，作用域就会被清理，内存也会随之被回收，但是由于闭包函数是建立在函数内部的子函数，由于其可访问上级作用域，即使上级函数执行完，作用域也不会随之销毁，这时的子函数（也就是闭包），便拥有了访问上级作用域中变量的权限，即使上级函数执行完后作用域内的值也不会被销毁。闭包的特性有：a) 闭包可以更新外部的变原创 2022-01-26 14:58:13 · 407 阅读 · 0 评论 -
CSS经典面试题
CSS3新增的属性有哪些？RGBA颜色和透明度： rgba() 函数使用红®、绿(G)、蓝(B)、透明度(A)a) 红色（R）0 到 255 间的整数，代表颜色中的红色成分b) 绿色（G）0 到 255 间的整数，代表颜色中的绿色成分c) 蓝色（B）0 到 255 间的整数，代表颜色中的蓝色成分d) 透明度（A）取值 0~1 之间， 代表透明度Background属性a) background-image：设置元素的背景图像b) background-origin：规定背景图片的定位区域原创 2022-01-26 13:44:28 · 623 阅读 · 0 评论 -
HTML经典面试题
HTML5新增的标签及作用定义文档类型，在文档开头有 <!DOCTYPE html>新增了结构性标签： 主要确保HTML文档的结构完整性a) header标签：定义页面的也没信息，一般用在头部，比如登录栏b) nav标签：定义导航链接，一般用来创建导航c) article标签： 定义独立的内容，比如独立的段落，章节d) footer标签： 定义页尾，一般用来创建页脚e) section标签： 定义网页的区块，一般用来做结构划分f) aside标签： 定义所处内容之外的内容，语意原创 2022-01-26 11:31:34 · 455 阅读 · 0 评论 -
页面出现长时间的白屏要怎样排查问题？
从网络方面检测先确保网络连接顺畅再检查 URL 地址是否错误打开 控制台 查看是否有报错信息查看接口访问 是否有请求查看 路由 是否有 path错误 ，导致加载了不存在的页面从js和css方面检测排除了 网络问题 以后，如果还是白屏，那一般都是 css和js 加载造成的；css和js 会造成阻塞渲染。比如不正确的引入css和js ， 就会导致它们的加载速度过长，从而导致白屏现象。正确的引入方式是：在 <head> 标签中引入css：因为在加载HTML 前不先渲染css 的原创 2022-01-23 10:00:47 · 3021 阅读 · 0 评论 -
JS实现字符串去重的几种方法
for循环 + search()方法解析：通过 for循环 遍历字符串的每个字符，然后通过search()方法检索字符串里的子字符，如果没有匹配的字符，则返回 -1let str = 'hello';let newStr = '';for(let i = 0; i < str.length; i++) { // 判断如果newStr里没有匹配的字符， if(newStr.search(str[i]) == -1) // 就将该字符追加到newStr里 newStr +=原创 2022-01-20 16:21:57 · 8254 阅读 · 3 评论 -
JS实现数组去重的几种方法
for循环 + indexOf()方法 + push()方法解析： 通过 for循环 遍历原始数组，然后通过indexOf() 方法判断元素的索引是否重复存在，如果没有就通过 push() 方法将其添加到新数组当中let arr = ['aa','bb','cc','aa'];let newArr = [];for(var i = 0; i < arr.length; i++) { // indexOf()方法返回在数组中找到给定元素的第一个索引，若不存在，返回 -1 // 判断是否原创 2022-01-20 10:50:53 · 1913 阅读 · 0 评论 -
前端JS面试题--JS
检测复杂数据类型以布尔值的形式，返回第一个参数是否属于第二个参数对象的实例function isBlong(param1,param2) { return Boolean(param1 instanceof param2)}数据类型转换以字符串的形式返回两个数字参数的拼接效果，例如： -111,222 ------->> -111222function _string(param1,param2) { return String(param1) + String(par.原创 2022-01-18 18:07:49 · 374 阅读 · 0 评论 -
前端JS打印输出判断结果--JS基础
console.log(parseInt(‘60’, 40))的结果是什么？ // NaNconsole.log(parseInt(‘11’, 20))的结果是什么？ // 21分析：parseInt(string,radix) 函数可解析一个字符串，并返回一个整数。如果 string 以 “0x” 开头，parseInt() 会把 string 的其余部分解析为十六进制的整数。如果 string 以 0 开头，那么 ECMAScript v3 允许 parse...原创 2022-01-18 11:51:13 · 1104 阅读 · 0 评论 -
对前端工程师的理解
对前端工程师的理解前端工程师：主要是通过 css+html+js 等代码方式，实现页面的制作及逻辑交互；通过技术来提升用户的体验效果。前端不仅仅局限于网页的制作，还有app，小程序，游戏等开发；在前端的开发中，除了使用最基本的 css+html+js 外，还可以使用一些新的流行框架或插件，比如 vue，jquery 等；前端不仅可以写出优美的代码，还能高质量的还原效果图；可以说是最贴近用户需求的程序员； 一步步让产品优化的更好，给顾客最好的体验效果。...原创 2022-01-12 10:56:03 · 1526 阅读 · 0 评论