前端面试题整理—Vue篇

1.对vue的理解,有什么特点,vue为什么不能兼容IE8及以下浏览器 vue是一套用于构建用户界面的渐进式框架,核心是一个响应的数据绑定系统 vue是一款MVVM框架,基于双向绑定数据,当数据发生变化时候,vue自身会进行一些运算特点:简洁轻量.数据驱动.组件化.模块友好 vue.js使用了IE8无法模拟的 ECMAScript 5 特性,没有替代方案 2.简述Vue双向数据绑定的原理主要是通过Object对象的defineProperty属性,重写data的set和get函数来实现的…

前端面试题整理—React篇

1.说一下React React是Facebook 开发的前端JavaScript库 V层:react并不是完整的MVC框架,而是MVC中的C层虚拟DOM:react引入虚拟DOM,每当数据变化通过reactdiff运算,将上一次的虚拟DOM与本次渲染的DOM进行对比,仅仅只渲染更新的,有效减少了DOM操作 JSX语法:js+xml,是js的语法扩展,编译后转换成普通的js对象组件化思想:将具有独立功能的UI模块封装为一个组件,而小的组件又可以通过不同的组合嵌套组成大的组件,最终完成整个项目…

前端面试题整理——VUE相关题目与回答

1.v-if与v-show的区别? v-if的原理是根据判断条件来动态的进行增删DOM元素, v-show是根据判断条件来动态的进行显示和隐藏元素,频繁的进行增删DOM操作会影响页面加载速度和性能所以此时使用v-show更合理. 只有v-if能和v-else连用进行分支判断,v-show是不能和v-else连用的. 2.生命周期有哪些?分别表示意义是什么? beforeCreate():在实例生成之前 created():在实例生成之后 beforeMount():在模板已经被编译成函数之后,组…

前端面试题整理—Webpack篇

1.什么是webpack,与grunt和gulp有啥不同 webpack是一个模块打包工具,在webpack里面一切皆模块通过loader转换文件,通过plugin注入钩子,最后输出有多个模块组合成的文件 WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到Js模块以及其它的一些浏览器不能直接运行的拓展语言,并将其打包为合适的格式以供浏览器使用 Gulp/Grunt是一种能够优化前端的开发流程的工具,而WebPack是一种模块化的解决方案,不过Webpack的优点使得在很多…

前端面试题整理—Node篇

1.node有哪些特征,与其他服务器端对比特征:单线程.事件驱动.非阻塞I/O node 无法直接渲染静态页面,提供静态服务 node 没有根目录的概念 node 必须通过路由程序指定文件才能渲染文件 node 比其他服务端性能更好,速度更快 2.CommonJS中require/exports和ES6中import/export区别 CommonJS模块的重要特性是加载时执行,及脚本代码在require的时候,就会全部执行.一旦出现某个模块被“循环加载”就只输出已经执行的部分,还没有执行的部…

前端面试题整理—JavaScript篇（一）

1.JS的基本数据类型和引用数据类型有哪些,两者区别基本数据类型->string.number.Boolean.null.undefined.symbol 引用数据类型->array.object.function 基本数据类型是保存在栈内存中,操作的是值,改变源数据不会影响新的变量引用数据类型保存在堆内存中,操作的是地址,改变其中一个会影响另一个 2.数据类型中为假的有哪些? false (布尔型) 0(数值型) null(定义空的或者不存在,现在没有,将来可能有) undefined(…

前端面试题整理—ajax篇

1.什么是Ajax和JSON,它们的优缺点 Ajax是全称是asynchronous JavaScript andXML,即异步JavaScript和xml,用于在Web页面中实现异步数据交互,实现页面局部刷新优点:可以实现异步通信效果,页面局部刷新,带来更好的用户体验 JSON是一种轻量级的数据交换格式,看着像对象,本质是字符串优点:轻量级.易于人的阅读和编写,便于js解析,支持复合数据类型 2.ajax的交互流程有哪几步? 1)创建ajax对象 xhr = new XMLHttpRequ…

前端面试题整理—HTTP篇

1.常见的HTTP方法有哪些? GET: 用于请求访问已经被URI(统一资源标识符)识别的资源,可以通过URL传参给服务器 POST:用于传输信息给服务器,主要功能与GET方法类似,但一般推荐使用POST方式. PUT: 传输文件,报文主体中包含文件内容,保存到对应URI位置. HEAD: 获得报文首部,与GET方法类似,只是不返回报文主体,一般用于验证URI是否有效. DELETE:删除文件,与PUT方法相反,删除对应URI位置的文件. OPTIONS:查询相应URI支持的HTTP方法 2.H…

前端面试题整理——VUE双向绑定原理

VUE2.0和3.0数据双向绑定的原理,并说出其区别. 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue2.0/3.0双向数据绑定原理</title> </head> <body> 姓名:<span id="name"></spa…

前端面试题整理—JavaScript篇（二）

1.使用js实现一个可持续的动画 2.实现一个可以自由拖动的悬浮框 3.实现一个倒计时效果 4.使用js仿写一个原生下拉列表框 5.创建10个<a>标签,点击的时候弹出对应的序号 6.实现一个deepclone 7.写一个能遍历对象和数组的通用forEach函数 8.通过new创建一个对象的时候,函数内部有哪些改变 9.实现一个bind 10.封装一个函数,参数是定时器的时间 .then执行回调函数 11.手写一个promise 12.使用js实现jquery的delegate方法 13.用J…

前端面试题整理—jQuery篇

1.为什么使用jquery,他有哪些好处? 1)轻量级.代码简洁 2)强大的选择器,出色的DOM操作封装 3)有可靠的事件处理机制 4)浏览器兼容性好 5)支持链式操作 6)支持丰富的插件 2.jquery有哪些选择器基本选择器:id.标签.class选择器层级选择器:$("form input") 伪类选择器:$("div:first") 表单选择器:$(":input") 3.$(document).ready()和window.onlo…

前端面试题整理—ES6篇

1.es5和es6的区别,说一下你所知道的es6 ECMAScript5,即ES5,是ECMAScript的第五次修订,于2009年完成标准化 ECMAScript6,即ES6,是ECMAScript的第六次修订,于2015年完成,也称ES2015 ES6是继ES5之后的一次改进,相对于ES5更加简洁,提高了开发效率 ES6新增的一些特性: 1)let声明变量和const声明常量,两个都有块级作用域 ES5中是没有块级作用域的,并且var有变量提升,在let中,使用的变量一定要进行声明 2)箭头…

好程序员分享Web前端面试题汇总JS篇之跨域问题

为什么80%的码农都做不了架构师?>>> 好程序员分享Web前端面试题汇总JS篇之跨域问题,接着上一篇文章我们继续来探讨web前端面试必备面试题. 跨域解决方案 1. 通过jsonp跨域 2. 跨域资源共享(CORS) 3. nodejs中间件代理跨域 4. nginx反向代理中设置proxy_cookie_domain Ⅰ.通过jsonp跨域通常为了减轻Web服务器的负载,我们把js.css,img等静态资源分离到另一台独立域名的服务器上,在html页面中再通过相应的标签从不同域…

前端面试题（html篇）

前端面试题(html篇)…

【web前端面试题整理02】前端面试题第二弹袭来，接招！

前言今天本来准备先了解下node.js的,但是,看看我们一个小时前与一个小时后的差距: 既然如此,我们继续来搜集我们的前端面试题大业吧!!! 特别感谢玉面小肥鱼提供哟,@玉面小飞鱼题目一览 JavaScript编程题1.实现输出document对象中所有成员的名称和类型:2.如何获得一个DOM元素的绝对位置?(获得元素位置,不依赖框架)3.如何利用JS生成一个table?4.实现预加载一张图片,加载完成后显示在网页中并设定其高度为50px,宽度为50px:5.假设有一个4行td的table,…

前端面试题（VUE）

(前端面试题大全,持续更新) vue:v-model 双向绑定的原理依赖收集虚拟DOM的作用 vue@3.0中的preset配置? 父组件A和其子组件B/子组件C,B/C进行通信的方式(怎么通信) 组件如何设置并被使用多个组件$message如何实现最后触发的在最上面 Vue 如何监听一个不会触发 render 的数据 vue生命周期 vue的data中数组和对象有啥区别 vue设计模式 vue-router的实现,hashchange不支持的情况下如何修改 vuex是做什么的?缺点? vu…

【web前端面试题整理06】成都第一弹，邂逅聚美优品

前言上周四回了成都,休息了一下下,工作问题还是需要解决的,于是今天去面试了一下,现在面试回来了,我感觉还是可以整理一下心得. 这个面试题整理系列是为了以后前端方面的兄弟面试时候可以得到一点点帮助,因为其他方面的面试题不少,但是前端还真不多. 当然最后还是为了自己以后面试时候可以得心应手一点,整理时候有些会解答,有些可能就不解答了,好了,开始正题吧. 这家公司在成都来说还是不错的,因为2个月前拒了3个offer,现在找工作有点囧....发现就那么几家公司了,我都不敢乱投简历了. 一来怕面试不过,…

2019届校招前端面试题整理——HTML、CSS篇

前言 2019届校招陆陆续续开始了,整理了一些高频的面试题. HTML部分 1. 什么是<!DOCTYPE>? DOCTYPE是html5标准网页声明,且必须声明在HTML文档的第一行.来告知浏览器的解析器用什么文档标准解析这个文档. 文档解析类型有: BackCompat:怪异模式,浏览器使用自己的怪异模式解析渲染页面.(如果没有声明DOCTYPE,默认就是这个模式) CSS1Compat:标准模式,浏览器使用W3C的标准解析渲染页面. 2. meta标签提供给页面的一些元信息(名称/值对…

前端面试题整理（html篇）

1.Doctype作用?标准模式与兼容模式各有什么区别? <!DOCTYPE>声明位于位于HTML文档中的第一行,处于 <html> 标签之前.告知浏览器的解析器用什么文档标准解析这个文档.DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现. 标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行.在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作. 2.页面导入样式时,使用link和@import有什么区别? 老祖宗的差别.link…

前端面试题整理—HTML/CSS篇

1.简述一下你对HTML语义化的理解 1)用正确的标签做正确的事情 2)html语义化让页面的内容结构化,结构更清晰,便于对浏览器.搜索引擎解析 3)即使在没有样式CSS情况下也以一种文档格式显示,并且是容易阅读的 4)搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重,利于SEO 5)使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解 2.Doctype作用?标准模式与兼容模式之间区别? <!DOCTYPE>声明位于位于HTML文档中的第一行,处于 <html>…

【web前端面试题整理08】说说最近几次面试（水）

为什么换工作换工作简单来讲一般会归纳为钱不够或者人不对,我们团队氛围很不错,所以基本就定位到钱不够了,而我更多是考虑到以后的职业发展,简单说来就是对以后几年的工作有想法,而这种想法实现不一定能在现在的团队获得,在短期内也看不到希望,加之公司职级晋升不合理等考虑,也就自然而然想到了离职. 其实在鞋厂这两年,真的收获了很多东西,也负责了很重要的业务,这些财富可能是其它大公司不一定能给予的,虽然一直级别低点也就没太多在意,直到最近职级福利缩水...... 最初我面试的职级为X,HR给了一套智力题做,…

前端面试题总结 -vue

1.active-class是哪个组件的属性? vue-router模块的router-link组件. 2.嵌套路由怎么定义? 在 VueRouter 的参数中使用 children 配置,这样就可以很好的实现路由嵌套. //引入两个组件 import home from "./home.vue" import game from "./game.vue" //定义路由 const routes = [ { path: "/", redirect…

【web前端面试题整理03】来看一点CSS相关的吧

前言昨天我们整理了14到js的题,今天我们再来整理14到CSS相关的题目,昨天整理时候时间有点晚了我便有点心浮气躁,里面的一些题需要再次解答,好了看看今天有些什么吧. PS:我这里挑一点来做就好了,各位也可以作答题目一览 1.<img>标签上title属性与alt属性的区别是什么?2.分别写出以下几个HTML标签:文字加粗.下标.居中.字体3.写出一个文本输入框,属性为只读,最大输入字符为20个4.CSS左边固定,右边可变的布局实现方法:要求在源码顺序中左边必须在前.5.图片和文字一起如何…

【web前端面试题整理01】各位加班累了吧，来做点前端面试题吧

前言最近小叶子有点疲惫,主要是在外地工作生活上不太适应,吃一样的东西,我居然会拉肚子,而且是一个星期一个星期的.... 脸上长了一个豆豆一个星期还没消,我那个去啊. 昨天上午上班后,本来想继续研究javascript方面的东西的,但是下午要开会,结果一开就是4.5小时,哎哟,我那个怎么感觉很累啊, 明明是坐着的啊,开完会腰酸背痛的,回来吃过饭,本来想接着学习,却迷迷糊糊的睡着了...... 按照进度我们本来想要开始做小窗口的,但是也碰到点问题,除了各大微博,其它数据全部是RSS,与我想象的数据…

前端面试题之js篇

前端面试也可为是鱼龙混杂,各公司面试题的种类也大不相同,有的公司注重基础语法,面试题偏于ES,有的公司偏于页面逻辑,会考差一些js的应用,现将遇到过的题和典型的题整理一下. 1. 0.2-0.1 == 0.3-0.2 返回值为true or false 题解:此题考查的时浮点数的加减 2. 截取字符串中 'abcdefgh'中的def 题解:此题考查的是字符串函数 substring(),substr(),slice()的用法 3. 统计字符串中出现最多的字符与出现的次数 str = 'asdf…

2016年BAT公司常见的Web前端面试题整理

1.JavaScript是一门什么样的语言,它有哪些特点? 没有标准答案. 2.JavaScript的数据类型都有什么? 基本数据类型:String,boolean,Number,Undefined 引用数据类型:Object(Array,Date,RegExp,Function,Null) 那么问题来了,如何判断某变量是否为数组数据类型? 方法一.判断其是否具有“数组性质”,如slice()方法.可自己给该变量定义slice方法,故有时会失效方法二.obj instanceof Array…

Web 前端面试题整理(不定时更新)

重要知识需要系统学习.透彻学习,形成自己的知识链.万不可投机取巧,临时抱佛脚只求面试侥幸混过关是错误的! 面试有几点需注意: 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加. 题目类型: 理论知识.算法.项目细节.技术视野.开放性题.工作案例. 细节追问: 可以确保问到你开始不懂或面试官开始不懂为止,这样可以大大延展题目的区分度和深度,知道你的实际能力.因为这种知识关联是长时期的学习,临时抱佛脚绝对是记不住的. 回答问题再棒,面试官(可能是你面试职位的直接领导),会…