首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

2021大厂(阿里、百度、字体跳动、腾讯)前端面试题库

12.npm打包需要注意哪些?如何利用webpack来更好的构建? 13.如何在vue项目中实现按需加载? 14.webpack是解决什么问题而生的? 15.如何配置多入口文件?...2.提交发生冲突,你能解释冲突是如何产生的?你是如何解决的? 3.如果本次提交误操作,如何撤销? 4.如果我想修改提交的历史信息,应该用什么命令? 5.你使用过git stash命令?...8.使用过git merge和git rebase?它们之间有什么区别? 9.能说一下git系统中HEAD、工作树和索引之间的区别? 10.之前项目中是使用的GitFlow工作流程?...15.图片加载优化? 16.js css 顺序对前端优化影响? 17.重排重绘为什么会影响渲染,如何避免? 18.何时缓存在memory,合适缓存在dist?...6.工作当中会和后台交互?那你能说说封装好的 ajax里的几个参数 ? 7.Ajax的实现流程是怎样的? 8.AJAX请求总共有多少种CALLBACK 9.AJAX有哪些有点和缺点?

1.8K20

AJAX常见面试问题

大家好,又见面了,我是你们的朋友全栈君 1.工作当中会和后台交互? 那你能说说封装好的 ajax里的几个参数 ? url: 发送请求的地址。...二: 使用js标签加载方式 利用script标签 src写想要请求的URL,地址后面连接上参数?...精简CSS和JS文件(压缩) 9.  压缩图片和使用图片Sprite技术 10.注意控制Cookie大小和污染 24.为什么异步加载JS文件?加载方式?...异步加载(async)JS文件,允许页面内容异步加载,仅适用于外部脚本。 延迟加载(defer)属性规定是否对脚本执行进行延迟,直到页面加载为止。 25.如果对一个js对象进行深度拷贝?...周宁老师上课讲过php 45.与后台的交互,AJAX只是其中的一小部分,其他的知道? 46.在上一家公司的上线作品的具体流程是什么?

1.8K20
您找到你想要的搜索结果了吗?
是的
没有找到

HTML5 CSS3

优点:可以使得页面不重载全部内容的情况下加载局部内容,降低数据传输量,避免用户不断刷新或者跳转页面,提高用户体验 缺点:对搜索引擎不友好;实现ajax下的前后退功能成本较大;可能造成请求数的增加跨域问题限制...18、ajax请求,如何解释json数据 使用eval()或者JSON.parse() 鉴于安全性考虑,推荐使用JSON.parse()更靠谱,对数据的安全性更好。...对于浏览器的调试工具熟练使用,主要是页面结构分析,后台请求信息查看,js调试工具使用,熟练使用这些工具可以快速提高解决问题的效率 3、如何测试前端代码?...学习技术不仅会用,还有熟悉它的实现机制,这样在开发中遇到问题才能更好的解决 7、用js实现千位分隔符? 原生js的熟练度,实践经验,实现思路 8、检测浏览器版本版本有哪些方式?...32、用原生JavaScript的实现过什么功能? 主要考察原生js的实践经验 33、Javascript中,有一个函数,执行时对象查找,永远不会去查找原型,这个函数是?

3.4K40

前端面试那些

空(void)元素有那些? 页面导入样式使用link和@import有什么区别? 介绍一下你对浏览器内核的理解? 常见的浏览器内核有哪些? html5有哪些新特性、移除了那些元素?...HTML5的离线储存怎么使用,工作原理能不能解释一下? 浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢?...清除浮动的方式 移动端的布局用过媒体查询使用 CSS 预处理器?喜欢那个? CSS优化、提高性能的方法有哪些? 浏览器是怎样解析CSS选择器的? 在网页中的应该使用奇数还是偶数的字体?...js延迟加载的方式有哪些? Ajax 是什么? 如何创建一个Ajax? 同步和异步的区别? 如何解决跨域问题? 页面编码和被请求的资源编码如果不一致如何处理? 模块化开发怎么做?...JS 怎么实现一个类。怎么实例化这个类 JavaScript中的作用域与变量声明提升? 如何编写高性能的Javascript? 那些操作会造成内存泄漏? JQuery的源码看过

2.1K60

求职 | 史上最全的web前端面试题汇总及答案2

空(void)元素有那些? 行内元素和块级元素的区别是什么?行内块元素的兼容性使用?...提供的,只能用于加载CSS; ②页面被加载,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载; ③import是CSS2.1 提出的,只在IE5以上才能被识别,而link是...19、你在js中用过array?如果用过,array中添加数据用什么方法?...b.访问的服务器的URL。 c.Boolean值,true表示异步,flase表示同步,一般情况下是异步,默认为true。 ③ajax的回调函数。...所以它往往在AJAX中替代XML,交换数据。 6、你的项目中有使用到跨域?你在项目中是如何处理JS跨域问题的? ①有。 ②主要是使用其它网站提供的javascript api如QQ。

6K20

前端工程师面试题汇总

空(void)元素有那些? 页面导入样式使用link和@import有什么区别? 介绍一下你对浏览器内核的理解? 常见的浏览器内核有哪些? html5有哪些新特性、移除了那些元素?...HTML5的离线储存怎么使用,工作原理能不能解释一下? 浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢?...清除浮动的方式 移动端的布局用过媒体查询使用 CSS 预处理器?喜欢那个? CSS优化、提高性能的方法有哪些? 浏览器是怎样解析CSS选择器的? 在网页中的应该使用奇数还是偶数的字体?...Ajax 是什么? 如何创建一个Ajax? 同步和异步的区别? 如何解决跨域问题? 页面编码和被请求的资源编码如果不一致如何处理? 模块化开发怎么做?...JS 怎么实现一个类。怎么实例化这个类 JavaScript中的作用域与变量声明提升? 如何编写高性能的Javascript? 那些操作会造成内存泄漏? JQuery的源码看过

2K80

前端工程化发展历史

让我理一理,我只想从服务器加载一段数据,过去我是从 CDN 中拿到 jQuery ,然后通过 AJAX 请求数据就可以了,现在怎么变得那么复杂了?...你听过 exports 和 require ?你可以通过 AMD 或者 CommonJS 编写不同的 js 模块,然后可以使用 Browserify 把这些文件打包起来。...你需要做很多的前置动作才能让项目准备好,压缩资源、混淆代码、内联 css 、延迟加载 js,还有… 明白了,明白了。所以如果不用 CDN 去加载库的话,你会怎么做?...那就是 AJAX 吧? AJAX 只是基于 XMLHttpRequests 的封装,而 Fetch 可以让你使用 Promise 风格去异步请求数据,从而避免回调地狱。 回调地狱?...那你刚才说的那些库是干什么的呀? 它们是基于 XMLHttpRequests 实现的 promise 风格的请求库。 jQuery 的 AJAX 方法不是也开始返回 promise 了吗?

75020

前端面试题ajax_前端性能优化面试题

AJAX 1,Ajax 是什么? 如何创建一个Ajaxajax的全称:Asynchronous Javascript And XML。异步传输+js+xml。...5,一个页面从输入 URL 到页面加载显示完成,这个过程中都发生了什么?...当被浏览器半信半疑的脚本运行在沙箱,它们应该只被允许访问来自同一站点的资源,而不是那些来自其它站点可能怀有恶意的资源。 这里的同源指的是:同协议,同域名和同端口 10,为什么要有同源限制?...我们举例说明:比如一个黑客程序,他利用IFrame把真正的银行登录页面嵌到他的页面上,当你使用真实的用户名,密码登录,他的页面就可以通过Javascript读取到你的表单中input中的内容,这样用户名...优点: 可以使得页面不重载全部内容的情况下加载局部内容,降低数据传输量 避免用户不断刷新或者跳转页面,提高用户体验 缺点: 对搜索引擎不友好( 实现ajax下的前后退功能成本较大 可能造成请求数的增加

2.4K10

pjax 历史管理 jQuery.History.js

更新 http://www.bootcdn.cn/jquery.pjax/ 简介 pjax是一个jQuery插件,使用ajax和pushState技术提供快速的浏览体验与真正的永久链接、网页标题、以及浏览器的后退前进按钮操作...然后更新无需重新加载你的网页的布局或任何资源使用pushstate浏览器的当前URL(JS,CSS),提供了一个快速的外观,全页面加载。但它确实就是Ajax和pushstate。...您需要设置和指定一个包含在您的页面上的元素,当您浏览您的网站将被替换。...其实对于那些死抱着IE6,IE7 不放的用户,咱也没必要给他们提供这样的用户体验。...方案二:使用jQuery.History.js 对于兼容IE6、IE7的情况,笔者一直使用jquery.history.js 这个插件(http://plugins.jquery.com/history

2.4K50

js 分页插件_vue分页组件

一、前言: 分页功能在项目中时常用到,一款可以快速实现分页功能的插件非常有必要,pagination–这款插件功能非常完美,几乎我所有项目中使用到分页的地方都会第一间考虑到这个插件,但是其实有能力的同学最好还是使用原生的...二、具体使用方法: (1)第一步,导入jquery和pagination.js Jetbrains全家桶1年46,售后保障稳定...那肯定是不合理的,因为这非常消耗系统内存和网络带宽,我们肯定都是在AJAX请求数据,传入了显示的条数和页数,服务器在根据条数和页数返回数据给我们,比如我们显示10条数据,显示第一页的内容,那服务器就相应的把该条件下的数据传回给我们...是我全部加载数据后平均分配到每一页10条数据,然后依次显示下去??...当然不是,我每当点击页数按钮的时候都要去加载数据,重新发起AJAX请求到服务器,然后返回数据给我们,那我们就大概知道怎么使用这个分页功能了!! (1).首页,你得知道你分页按钮上需要显示几页??

15.2K20

前端面试题最新

76.vue组件里写的原生addEventListeners监听事件,手动去销毁?为什么? 77.有什么用?...90.你了解双向绑定的计算属性的应用场景? 91.vue中的指令v-on如何绑定多个属性? 92.vue中使用delete删除对象的属性,页面会更新?...112.知道什么是微格式?谈谈理解。在前端构建中应该考虑微格式? 120.在css/js代码上线之后开发人员经常会优化性能,从用户刷新网页开始,一次js请求一般情况下有哪些地方会有缓存处理?...186.正则表达式 187.vue 第一次页面加载会触发哪些钩子函数? 188.Vue.jsajax请求代码应该写在methods中还是vuex的actions中?...200.js延迟加载的方式有哪些? 201.事件委托是什么? 202.闭包是什么,有什么特性,对页面有什么影响? 203.ajax 是什么?简述发送请求的步骤?

1.1K10

HTML5 Web Worker的使用

二:Worker能做什么 知道了如何使用web worker ,那么它到底有什么用,可以帮我们解决那些问题呢。我们来看一个fibonacci数列的例子。...下面这个例子使用了web worker来计算场景中的像素,场景打开是一片一片进行绘制的,一个worker只计算一块像素值。...id="ajaxLoad" value="ajax加载"> 设置HOST 127.0.0.1 js.wcdn.cn 通过 http://js.wcdn.cn/...那么web worker是否能支持跨域js加载呢,这次我们通过http://127.0.0.1/aj/webWorker/worker.html 来访问页面,当点击 “web worker加载加载按钮...可以访问navigator的部分属性 有那些局限性: 1.不能跨域加载JS 2.worker内代码不能访问DOM 3.各个浏览器对Worker的实现不大一致,例如FF里允许worker中创建新的worker

60620

献给前端求职路上的你们(下)

数据格式简单, 易于读写, 占用带宽小 {'age':'12', 'name':'back'} js延迟加载的方式有哪些?...defer和async、动态创建DOM方式(用得最多)、按需异步载入js ajax 是什么?优缺点有哪些?...setTimeout 的第一个参数使用字符串而非函数的话,会引发内存泄漏。 闭包、控制台日志、循环(在两个对象彼此引用且彼此保留,就会产生一个循环) 如何判断当前脚本运行在浏览器还是node环境中?...能谈谈你未来3,5年给自己的规划? 对Node的优点和缺点提出了自己的看法?...(8) 避免在页面的主体布局中使用table,table要等其中的内容完全下载之后才会显示出来,显示比div+css布局慢。 http状态码有那些?分别代表是什么意思?

1K60

EasyNVR RTSP转RTMP-HLS流媒体服务器前端构建之:bootstrap-datepicker日历插件的实时动态展现

基于上述的需求,为前端添加一个日历插件,在日历上展示出所有的录像信息,用来告知用户那些日期有回放录像,那些日期不没有回放录像是很有的。 ?...period = data.format("yyyyMM"); if(typeof gFlags[period] == "undefined"){ $.ajax...var period = data.format('yyyymmdd') var id = "record_"+$.cookie("portNum"); $.ajax...当我们想要看到日历展示出对应日期得信息的时候,必须在日历加载出来以前对他进行操作。...由于获取日历上展示的信息都是实时的通过请求接口获得的,因此,我们需要在通过Ajax请求接口的过程中就要使用同步请求,只有我们实时获得到的数据才有必要在日历上相应的显示出来。

1.4K31

vue菜鸟从业记:没准备好的面试,那叫尬聊

比如面试官上来就问,你在之前公司项目里用过ajax? 只听那哥们很自信地说,用过的,上家公司做的是前后端分离的vue项目,经常使用ajax获取后台数据,然后渲染到页面上。...也就是说,当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面处于一个假死状态,当这个AJAX执行完毕后才会继续运行其他代码页面解除假死状态(即当ajax返回数据后,才执行后面的function...同步:在同步模式下,当我们使用AJAX发送完请求后,后续还有代码需要执行,我们同样将服务器响应交由另一个JS函数去处理,但是这时的代码执行情况是:在服务器没有响应或者处理响应结果的JS函数还没有处理完成...要回答这一问题,我们可以通过下面可能出现的问题来回答: 我们在发送AJAX请求后,还需要继续处理服务器的响应结果,如果这时我们使用异步请求模式同时未将结果的处理交由另一个JS函数进行处理。...所以,你对ajax真的了解? 面试快结束的时候,面试官还问了一些关于vue的问题,这哥们回答的还行。 最后,面试官问那个应聘者哥们,你有什么想问我的

92230

2018今日头条前端实习面经

倒计时校正的方法一想不到,可以想面试官请教引导,慢慢找到思路,给出一个OK的答案就行 三面是一个实现业务能力的考察,两个场景加上变形还是挺有意思的,真的庆幸最后想到了一个方法,答了出来,也算有惊无险...指令用的多,怎么进行进程间通信 kill指令了解过 如何画一个三角形(阿里一面同款) CSS3中对溢出的处理(两小时前腾讯一面同款) CSS选择器有哪些,优先级呢 ES6中用过哪些 promise的状态有那些...那你用Koa2的话,讲讲两个的区别吧 能来讲讲JS的语言特性 最近在学啥 项目用到Java,反射来讲讲 Servlet呢?(基本忘完了...)...前端优化 从后端往前端讲,能讲很久 实现一个Ajax(写代码,忘记兼容IE的写法了...) 面试官:面完了,稍微等等,我去和HR商量一下 三面 我还以为没有第三面,结果视频请求就来了......如果有一个很大的列表,像头条的新闻列表,用户看得多了,列表会越来越大,怎么处理,思考一下 (先开始说加载方面的优化...) 加载优化可以,那内存呢(替换啊分块存储啊,能想到的就说...)

84660

深入理解JS异步编程四(HTML5 Web Worker)

二:Worker能做什么 知道了如何使用web worker ,那么它到底有什么用,可以帮我们解决那些问题呢。我们来看一个fibonacci数列的例子。...下面这个例子使用了web worker来计算场景中的像素,场景打开是一片一片进行绘制的,一个worker只计算一块像素值。..." id="ajaxLoad" value="ajax加载"> 设置HOST 127.0.0.1 js.wcdn.cn 通过 http://js.wcdn.cn...那么web worker是否能支持跨域js加载呢,这次我们通过http://127.0.0.1/aj/webWorker/worker.html 来访问页面,当点击 “web worker加载加载按钮...可以访问navigator的部分属性 有那些局限性: 1.不能跨域加载JS 2.worker内代码不能访问DOM 3.各个浏览器对Worker的实现不大一致,例如FF里允许worker中创建新的worker

1K60
领券