随笔分类 - 关于前端面试集锦
摘要：首先我们先看看同步与异步的定义，及浏览器的执行机制，方便我们更好地理解同步异步编程。 浏览器是多线程的，JS是单线程的（浏览器只分配一个线程来执行JS） 进程大线程小：一个进程中包含多个线程，例如在浏览器中打开一个HTML页面就占用了一个进程，加载页面的时候，浏览器分配一个线程去计算DOM树，分配其
阅读全文
摘要：在前端开发的过程中，我们经常会需要绑定一些持续触发的事件，如 resize、scroll、mousemove 等等，但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。 通常这种情况下我们怎么去解决的呢？一般来讲，防抖和节流是比较好的解决方案。 让我们先来看看在事件持续触发的过程中频繁
阅读全文
摘要：介绍： extend：扩展组件的构造器，当我们调用vue.component('a', {...})时自动调用 mixins：接收对象数组（可理解为多继承），可以混入多个mixin， extends：接收的是对象或函数（可理解为单继承），extends只能继承一个 1.extend Vue.exte
阅读全文
摘要：数组扁平化概念 数组扁平化是指将一个多维数组变为一维数组 [1, [2, 3, [4, 5]]] > [1, 2, 3, 4, 5] 实现 1. reduce 遍历数组每一项，若值为数组则递归遍历，否则concat。 function flatten(arr) { return arr.reduce
阅读全文
摘要：js面向对象的几种设计模式 1.构造函数模式:返回一个新对象 constructor 通过new来实现 function Person(name,age){ this.name = name; this.age = age; } Person.prototype.sayName = function
阅读全文
摘要：前言 2019.10.5日发布了Vue3.0,现在2020年了，估计Vue3.0正式版也快出来了。 2.0跟3.0的变化也挺大的， 结构: 2.0用Flex ,3.0用 TypeScript。 性能: 3.0优化了Virtual Dom的算法。 响应式原理:2.0用 Object.definePro
阅读全文
摘要：在此总结自己常用的几种js判断数据类型的方法。 定义几个变量备用： let a="string"; let b=111; let c={}; let d=[1,2,3]; let e=function () { console.log("eee"); } let f = undefined; let
阅读全文
摘要：一、基本概念 1、什么是数组 数组就是一组数据的集合 其表现形式就是内存中的一段连续的内存地址 数组名称其实就是连续内存地址的首地址 2、关于js中的数组特点 数组定义时无需指定数据类型 数组定义时可以无需指定数组长度 数组可以存储任何数据类型的数据（比如说一个元素保存整型，一个元素保存字符串型，这
阅读全文
摘要：1、输入网址 当你开始输入网址比如www.cnblogs.com时游览器就可以在书签或者历史记录里面去搜索相关的网址推荐给你。 2、游览器查找域名的IP地址 ① 请求发起后，游览器首先会解析这个域名，首先它会查看本地硬盘的 hosts 文件，看看其中有没有和这个域名对应的规则，如果有的话就直接使用
阅读全文
摘要：一、对于XSS防御： 1、不要信任任何外部传入的数据，针对用户输入作相关的格式检查、过滤等操作，以及转义字符处理。最普遍的做法就是转义输入输出的内容，对于括号，尖括号，斜杠进行转义 function escape(str) { str = str.replace(/&/g, '&') str
阅读全文
摘要：一、合理的title、description、keywords 搜索对着三项的权重逐个减小，title值强调重点即可；description把页面内容高度概括，不可过分堆砌关键词；keywords列举出重要关键词。 1、title title，就是浏览器上显示的那些内容，不仅用户能看到，也能被搜索引
阅读全文
摘要：1.页面从输入URL到页面加载显示完成，这个过程中都发生了什么？（流程说的越详细越好） 2.浏览器工作原理 3.浏览器解析过程： 4.介绍一下你对浏览器内核的理解？ 5.常见的浏览器内核有哪些？ 6.请描述一下 cookies，sessionStorage 和 localStorage 的区别？ 7
阅读全文
摘要：前端面试总结（红色题为必考，其他为常考） 一、关于css面试题 1、css垂直居中的集中方式？ html结构如下： <div class="box"> <div>垂直居中</div> </div> 方法1：display:flex .box{ display: flex; justify-conte
阅读全文
摘要：垂直居中是布局中十分常见的效果之一，为实现良好的兼容性，PC端实现垂直居中的方法一般是通过绝对定位，table-cell，负边距等方法。有了css3，针对移动端的垂直居中就更加多样化。 方法1：table-cell html结构： 1 2 3 <div class="box box1"> <span
阅读全文
摘要：基本概念 cookie：是网景公司的前雇员在1993年发明。它的主要用于保存登陆信息，比如登陆某个网站市场可以看到'记住密码’，这就是通过在cookie中存入一段辨别用户身份的数据来实现的。 sessionStorage：会话，是可以将一部分数据在当前会话中保存下来，刷新页面数据依旧存在。但是页面关
阅读全文
摘要：说明 .center表示要被居中的元素，.wrap 表示要居中的元素的父元素（包含.center元素的元素）。 为了便于理解和叙述同一： 对于文本内容居中的情况，.wrap就是指包含文字的元素（例如<i>文字</i> ，i标签就是.wrap ）。 文本内容会在外部创建一个行框（line-box），可
阅读全文
摘要：javascript: JavaScript中如何检测一个变量是一个String类型？请写出函数实现 typeof(obj) "string" typeof obj "string" obj.constructor String 请用js去除字符串空格？ 方法一：使用replace正则匹配的方法 去
阅读全文
摘要：京东面试总结 京东面试流程： 1：自我介绍； 2：技术介绍； 3：个人爱好兴趣； 各位面试官问到的技术点 1：前端的发展； 2：你说熟悉的框架； 3:2018年你想去学去做的事情； 4：ajax的实现原理； 5:数组中，的重复元素进行去除； 6:对es6的了解； 7:前拷贝，深拷贝；怎样对一个对象进
阅读全文
