常见的前端面试问题及解析(一)

1.define介绍

define 是 amd (异步模块加载机制) 的api

2.express 是什么

express是一个最小的,灵活的Node.js web 应用程序开发框架,它提供了一套强大的功能来开发web 和移动应用程序

3.require 是什么 

异步加载模块的加载器

4.var let const 的区别

var  存在变量提升,let  和const 块级作用域

5.用过哪些Pc端以及移动端框架

pc:vue.js .bootstrap,jQuery,react,

6.事件冒泡,事件委托以及事件捕获

事件冒泡就是子级元素的某个事件被触发,它的上级元素的该事件也被递归执行,冒泡的重点是window

阻止事件冒泡在子级元素上加e.stopPropagation阻止事件冒泡

事件委托其实是用了事件冒泡的原理,从点击的元素开始,一递归方式向父元素传播事件,点击的事件被触发,就是事件捕获

7.on,bind,live的区别

bind是用来绑定一个或多个事件,live 也可以绑定一个或者多个事件,但是还可以为新增加的元素绑定事件

on 是前两种方式的结合,不仅如此 on方法还多了一个selector 方法,也就是子类选择器,还可以事件委托

8.call,apply,bind的区别

共同点:都是在调用是,动态指定函数中的this

不同点:1.call。apply 借用,临时绑定;2.bind 永久绑定

返回值:1.call,apply 不创建新函数,仅调用原函数;2,bind 基于原函数,创建新函数对象,之后调用的是新函数对象

9,在前端开发中,有一部分用户行为会频繁的触发事件,而对于DON操作,资源加载等耗费性能的处理,很可能到导致卡顿,甚至浏览器的奔溃,防抖和节流就是为了解决这一类的问题

防抖:

理解:人员上满了,才发车

场景:实时搜索,拖拽

节流:

理解:大于等于10分钟发一次车,充电是一定间隔时间就会被触发一次。(即预定一个函数只有在大于等于执行周期才会执行,周期内不执行)

场景:窗口调整,页面滚动,抢购时疯狂点击

懒加载原理:

先将img标签中的src链接设为同一张图片(空白图片),将其真正的图片地址存储在img标签的自定义属性 (data-src)。当js监听到该图片元素进入可视窗口时,即将自定义属性中的地址存储到src属性中,达到懒加载的目的;

防止服务器响应大量请求导致服务器响应慢,页面卡顿或奔溃

常见的Http状态码

200 请求成功

301 永久性重定向

302 临时重定向

403 没有权限访问

404 请求的资源,网页 无法找到

503 服务器端无法响应 服务器由于在维护或已经超载无法响应

11.什么情况下会遇到跨域,描述一下前端常见处理跨域的几种方式;

浏览器最核心,最基本的安全功能时同源策略。限制一个源中加载文本或者脚本与其他源中的资源的交互方式,当浏览器在执行一个脚本时回检查是否同源,只有同源的脚本才会执行,如果不同源即为跨域

Jsonp:原理就是利用了script 标签不受同源策略的限制,在页面中动态插入了script,标签中src 属性就是后端API的接口的地址,并且以get的方式将前端回调处理函数名称告诉后端,后端在响应请求时,会将回调归还,并且将数据以参数的形式传递回去

cors:跨域资源共享,是一种允许当前域的资源被其它域的脚本请求访问的机制

服务器跨域:服务器中转代理

前端向本地服务器发送请求,本地服务器代替前端再向服务器发送请求,本地服务器是个中间商

window.postMessage  可以向其它window 对象发送消息

web 前端 应该从哪些方面来优化网站性能

1.减少页面体积,提升网络加载

静态资源压缩合并,(js/css 代码压缩合并,雪碧图)

静态资源缓存

使用CDN (内容分发网络) 加载资源更快

2.优化页面渲染

css放在前面,js放后面

懒加载

减少DOM操作

13.浏览器端存储有哪些,请描述他们的区别 

cookie,localStorage,sessionStorage,web SQL ,indexedDB,他们都是保存在浏览器端,且同源的

区别:

1.cookie 数据始终在同源的http 请求中携带(即使不需要),即cookie 在浏览器和服务器间来回传递,而sessionStorage 和 localStorage 不会自动把数据发给服务器,仅在本地保存,

2.存储大小限制也不同

3.数据有效期也不同,

4,作用域不用,

说一说 get 和post 的请求 

1,get 请求只能进行URL 编码,而post 支持多种编码方式

2.get请求参数会被完整保留在浏览器历史记录里,而post 中的参数不会被保留

4.get请求在URL 中传送的参数是有长度限制的,而post没有

5.对参数的数据类型,get 只接受ASCII 字符,而post 没有限制

6.安全性,get 比post 更不安全,因为参数直接暴露在URL上,所以不能 用来传递敏感信息,get参数通过url传递,post 放在request body 中

7.GET后退、刷新无影响,post 数据会被重新提交

get 可被收藏为书签,post不可以

8.http 与 https 的区别

http 是超文本传输协议,信息是明文传输,https 则是具有安全性的ssl 加密传输协议

9.http 是什么?

http 是超文本传输协议,它是TCP/IP协议的一个应用层协议,用于定义web 浏览器与web 服务器之间交互数据的过程以及通讯的格式

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,088评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,715评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,361评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,099评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 60,987评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,063评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,486评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,175评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,440评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,518评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,305评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,190评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,550评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,880评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,152评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,451评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,637评论 2 335

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,347评论 1 45
  • 面试题一:https://github.com/jimuyouyou/node-interview-questio...
    R_X阅读 1,600评论 0 5
  • 1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined、Nul...
    极乐君阅读 5,478评论 0 106
  • 【转载】CSDN - 张林blog http://blog.csdn.net/XIAOZHUXMEN/articl...
    竿牍阅读 3,473评论 1 14
  • 前端开发面试知识点大纲: HTML&CSS: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:...
    秀才JaneBook阅读 2,313评论 0 25