
面试题
键盘捕手
这个作者很懒,什么都没留下…
展开
-
HTTP、浏览器面试题
浏览器存储的方式有哪些 对前后端跨域可以说一下吗?如何解决跨域的? 浏览器 cookie 和 session 的认识。 输入URL发生什么? 浏览器渲染的步骤 页面渲染优化 强制缓存和协商缓存 GET 和 POST 请求的区别 HTTP1.0 / 1.1 / 2.0 及HTTPS 介绍下304过程 HTTP 状态码 Web性能优化回到顶部浏览器存储的方式有哪些特性 cookie localStorage sessionStorage indexe.原创 2020-07-07 02:15:05 · 463 阅读 · 0 评论 -
vue面试题
Vue 双向绑定原理 描述下 vue 从初始化页面--修改数据--刷新页面 UI 的过程? 你是如何理解 Vue 的响应式系统的? 虚拟 DOM 实现原理 既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异? Vue 中 key 值的作用? Vue 的生命周期 Vue 组件间通信有哪些方式? watch、methods 和 computed 的区别? vue 中怎么重置 data? 组件中写 name 选项有什么作用? vue-route原创 2020-07-07 02:14:05 · 14619 阅读 · 3 评论 -
css面试题
盒模型 如何实现一个最大的正方形 一行水平居中,多行居左 水平垂直居中 如何实现左右等高布局 画三角形 link @import导入css BFC理解回到顶部盒模型复制/* 红色区域的大小是多少?200 - 20*2 - 20*2 = 120 */.box { width: 200px; height: 200px; padding: 20px; margin: 20px; background: red; border: 2.原创 2020-07-07 02:13:27 · 207 阅读 · 0 评论 -
javascript面试题(3)手写
实现 new 方法 实现 Promise 实现一个 call 函数 实现一个 apply 函数 实现一个 bind 函数 浅拷贝、深拷贝的实现 实现一个节流函数 实现一个防抖函数 instanceof 的原理 柯里化函数的实现 Object.create 的基本实现原理 实现一个基本的 Event Bus 实现一个双向数据绑定 实现一个简单路由 实现懒加载 rem 基本设置 手写实现 AJAX回到顶部实现 new 方法复制/** 1.创建一个空对象* 2.原创 2020-07-07 02:12:53 · 168 阅读 · 0 评论 -
同源策略、跨域解决方案
https://segmentfault.com/a/11900000124697131、先来说说什么是源• 源(origin)就是协议、域名和端口号。以上url中的源就是:http://www.company.com:80若地址里面的协议、域名和端口号均相同则属于同源。以下是相对于http://www.a.com/test/index.html的同源检测• http://www...转载 2019-06-16 17:07:55 · 227 阅读 · 0 评论 -
JavaScript面试题
怎么判断两个对象相等?obj={ a:1, b:2}obj2={ a:1, b:2}obj3={ a:1, b:'2'}可以转换为字符串来判断JSON.stringify(obj)==JSON.stringify(obj2);//trueJSON.stringify(obj)==JSON.stringify(obj3...原创 2019-07-08 16:43:06 · 2773 阅读 · 0 评论 -
HTTP面试题
1.HTTP状态码及其含义1XX:信息状态码100 Continue继续,一般在发送post请求时,已发送了http header之后服务端将返回此信息,表示确认,之后发送具体参数信息2XX:成功状态码200 OK正常返回信息201 Created请求成功并且服务器创建了新的资源202 Accepted服务器已接受请求,但尚未处理3XX:重定向301 Mov...原创 2019-07-09 15:01:25 · 1362 阅读 · 1 评论 -
浏览器兼容问题
题目点评这个问题是非常抽象的,越是抽象的问题越能表现出我们的表达能力,而面试官就喜欢根据你的回答来追问,不断地打断你的思路,这个时候不要慌,一定要坚信自己。回答思路我们在开发的时候会明确项目要兼容哪些浏览器的最低版本,我之前的项目要求兼容IE8.0以上的版本,Chrome 48以上,FireFox 44以上。有了这些最基本的要求,在开发中就是要考虑到CSS样式和JavaScript的在...原创 2019-08-09 11:38:31 · 129 阅读 · 0 评论 -
页面布局
页面布局问题:假设高度默认100px ,请写出三栏布局,其中左栏、右栏各为300px,中间自适应。分析:初学者想到的答案有两种: 方法1:浮动 方法2:绝对定位 但要求你能至少写出三四种方法,才算及格。剩下的方法如下: 方法3:flexbox。移动开发里经常用到。 方法4:表格布局table。虽然已经淘汰了,但也应该了解。 方法...原创 2019-06-04 15:14:24 · 246 阅读 · 0 评论 -
原生js实现瀑布流
https://segmentfault.com/a/1190000012621936转载 2019-06-18 21:33:35 · 100 阅读 · 0 评论 -
前端javascript面试题
JavaScriptJavaScript的组成JavaScript 由以下三部分组成:ECMAScript(核心):JavaScript 语言基础DOM(文档对象模型):规定了访问HTML和XML的接口BOM(浏览器对象模型):提供了浏览器窗口之间进行交互的对象和方法JS的基本数据类型和引用数据类型基本数据类型:undefined、null、boolean、number...转载 2019-06-15 14:39:11 · 288 阅读 · 0 评论 -
前端ES6面试题
1、ES5、ES6和ES2015有什么区别?ES2015特指在2015年发布的新一代JS语言标准,ES6泛指下一代JS语言标准,包含ES2015、ES2016、ES2017、ES2018等。现阶段在绝大部分场景下,ES2015默认等同ES6。ES5泛指上一代语言标准。ES2015可以理解为ES5和ES6的时间分界线2、babel是什么,有什么作用?babel是一个 ES6 转码器,可以...转载 2019-06-15 14:43:04 · 20267 阅读 · 0 评论 -
谈一谈你对CSS盒模型的认识与BFC
专业的面试,一定会问 CSS 盒模型。对于这个题目,我们要回答一下几个方面:基本概念:content、padding、margin标准盒模型、IE盒模型的区别。不要漏说了IE盒模型,通过这个问题,可以筛选一部分人CSS如何设置这两种模型(即:如何设置某个盒子为其中一个模型)?如果回答了上面的第二条,还会继续追问这一条。JS如何设置、获取盒模型对应的宽和高?这一步,已经有很多人答不上来...转载 2019-06-15 14:46:16 · 489 阅读 · 0 评论 -
性能优化
一、网络相关1.1 DNS 预解析DNS 解析也是需要时间的,可以通过预解析的方式来预先获得域名所对应的 IP<link rel="dns-prefetch" href="//yuchengkai.cn">1.2 缓存缓存对于前端性能优化来说是个很重要的点,良好的缓存策略可以降低资源的重复加载提高网页的整体加载速度通常浏览器缓存策略分为两种:强缓存和协商缓存强缓...原创 2019-06-15 14:49:38 · 121 阅读 · 0 评论 -
面试题
我之前回答过类似问题。就直接把答案贴过来了。我觉得会哪个框架都不会最重要的,这个最多算是加分项,在我看来懂了基础之后,学会某个框架不过是水到渠成的事。所以哪些是初级前端必会的知识点呢?(一下纯属个人见解,欢迎补充~ )初级前端标准:1.html,知道会用语义化htmlhttp://caibaojian.com/html5/ele.html![10e4131557012057c...原创 2019-05-09 11:23:24 · 236 阅读 · 0 评论