总结：js数组常用API操作，并且哪些可以改变原数组，哪些不可以改变 数组常用API操作arr.reduce()var arr = [1,2,3,4,5];var reduceArr = arr.reduce(function(pre,cur,index,array){return prev + cur;})arr.filter(callback)数组过滤，返回满足条件的元素组成的一个新数组arr.map(callback)对数组每一项进行计算处理，返回一个新数组。arr.some(function(item,index,array){})依次执行数组元素，如
总结javascript加减乘除精度计算实现（已测试，保证正确） 加减乘除精度计算问题加法精度function add(...val) { let max = 0 let count = 0 for (let i = 0; i < val.length; i++) { const strVal = val[i].toString() const index = strVal.indexOf('.') let num = 0
从输入URL到页面展示的详细过程（面试必考） 这是常考点，仔细理理发现里面涉及到的知识点还是非常的多。这个问题在我秋招已经遇到过无数次了。下面我就来个大概的总结。1）首先在地址栏输入一个url，查找一下有没有历史记录，有没有缓存，如果有就展示页面。2）DNS解析。首先浏览器会查看本地硬盘的hosts文件，看看其中有没有和这个域名对应的规则，如果有就直接使用Hosts文件里面的Ip地址。如果没有找到对应的IP地址，浏览器会发出一个DNS请求到本地DNS服务器。本地DNS服务器会首先查询缓存记录，如果有就直接返回结果，此过程是递归查询，如果没有，本
HTTP状态码200、400、403、500等 1XX：通知1XX系列响应代码仅在与HTTP服务器沟通时使用。• 100 - Continue 初始的请求已经接受，客户应当继续发送请求的其余部分。（HTTP 1.1新）• 101 - Switching Protocols 服务器将遵从客户的请求转换到另外一种协议（HTTP 1.1新）2XX 成功· 200 OK，表示从客户端发来的请求在服务器端被正确处理· 204 No content，表示请求成功，但响应报文不含实体的主体部分· 206 Partial Content，进行范围请求3X
采用javascript编写排序算法及其时间复杂和空间复杂度（冒泡、快排、直接插入、归并排序等） 正值秋招季，对排序算法进行了总结。冒泡排序基本思想：对相邻的元素进行两两比较，顺序相反则交换。冒泡排序的平均时间复杂度为 O(n²) ，最坏时间复杂度为 O(n²) ，最好的时间复杂度是O(n)，空间复杂度为 O(1) ，是稳定排序。function swap(arr, index1, index2) { var temp = arr[index1]; arr[index1] = arr[index2]; arr[index2] = temp;}function bubb
Ajax实现原理及步骤 Ajax实现原理及步骤Ajax有别于传统web开发服务器请求的区别所在：Ajax是异步请求数据。（我当时面试商汤科技竟然没有想到这点，害)ajax所包含的技术1.使用CSS和XHTML来表示。2. 使用DOM模型来交互和动态显示。3.使用XMLHttpRequest来和服务器进行异步通信。(最重要)4.使用javascript来绑定和调用。Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发送异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面。（
面试必备：2020 Vue经典面试题总结（含答案） 前端真的是要学习的太多了觉得不错，转载zi:https://blog.csdn.net/sunhuaqiang1/article/details/89450535?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2alltop_click~default-3-89450535.nonecase&utm_term=vue%E9%9D%A2%E8%AF%95...
58道Vue常见面试题集锦，涵盖入门到精通，自测 Vue 掌握程度 58道Vue常见面试题集锦，涵盖入门到精通，自测 Vue 掌握程度：现在正在秋招，看到一篇不错的文章。文章来源：https://mp.weixin.qq.com/s/TegETQjdrvbzu1rV0a4QKg
关于几种异步编程的方法 异步所谓"异步"，简单说就是一个任务不是连续完成的，可以理解成该任务被人为分成两段，先执行第一段，然后转而执行其他任务，等做好了准备，再回过头执行第二段。连续的执行就叫做同步。异步编程的方法ES6之前的回调函数（会出现回调地狱）事件监听发布/订阅Promise 对象（代码冗余）ES6新增：Generator函数async/await协程有点像函数，又有点像线程。它的运行流程大致如下：第一步，协程A开始执行。第二步，协程A执行到一半，进入暂停，执行权转移到协程B。第三步，（
关于ES6中for...of和for..in得问题 整理了一下关于ES6中for…in和for…of得笔记for…in…循环读取键名，for…of…循环读取键值。如果要通过for…of…循环，获取数组索引，可以借助数据实例的entries方法和keys方法。set 、map也可使用for…of…循环。首先，遍历的顺序是按照各个成员被添加进数据结构的顺序。其次，Set 结构遍历时，返回的是一个值，而 **Map 结构遍历时，返回的是一个数组，**该数组的两个成员分别为当前 Map 成员的键名和键值。计算生成的数据结构：ES6 的数组、Set、Map
什么是模块化开发？模块化开发有哪些方法 前几天面试虾皮问了什么是模块化，没有解答清除。1.什么是模块化？简单地说，模块化就是有组织地把一个大程序拆分成独立并互相依赖的多个小文件（模块）。模块内部有许多私有属性，只向外暴露一部分公开的接口(如可以修改私有属性的方法等)2.为什么要模块化？ES6之前，JavaScript语言一直没有模块（module）体系，无法把大文件有组织地划分成小块，并管理之间地依赖。但是模块化的思想一直存在。因为用Javascript写的代码越来越庞大，而网页也越来越像桌面APP。如此庞杂的代码，如果不进行模块化，就
用友集团前端面经整理及答案 用友集团前端面经1.==和===的区别==用于一般比较,"==="用于严格比较。“==”在比较的时候会进行强制类型转换，“===”严格比较，不会进行强制类型转换，只要类型不匹配就返回false。2.float和定位有什么区别1.float定位关键词是margin/padding,position定位关键词是left/right/top/bottom。2.float脱离文档流，在文中不占位置。3.float是相对定位，会随着浏览器的大小和分辨率的变化而改变，而position就不行。最大的区别
关于前端VUE的一些常见面试题 token机制前端向后端发送请求时，后端随机生成一个token字符串，服务端把这个token发送给前端，前端找一个位置存储起来，前端再次发送登录请求时，携带这个token发送给后端，后端对携带过来的token进行校验，根据校验结果，选择是否响应前端请求的数据WebPack和Grunt以及Gulp相比有什么特性Gulp/Grunt是一种能够优化前端的开发流程的工具，而WebPack是一种模块化的解决方案，不过Webpack的优点使得Webpack可以替代Gulp/Grunt类的工具。Grunt和Gul
浏览器缓存cookie、session、localstorage、sessionstorage的区别 0前言Cookie是服务器保存再浏览器的一小段文本信息，一般来说，单个域名设置的 Cookie 不应超过30个，每个 Cookie 的大小不能超过4KB。浏览器的同源策略规定，两个网址只要域名相同，就可以共享cookie。（不要求协议相同）cookie不是理想的客户端存储机制，容量很小，缺乏操作接口，影响性能。客户端存储应该使用web storage API和IndexedDB。只有那些每次请求都需要让服务器知道的信息才放cookie里面。cookie的设置客户端发送请求到服务端；当服务端收到
浏览器渲染、重流、重绘等操作 0前言javascript:协议的常见用途是书签脚本 Bookmarklet。由于浏览器的书签保存的是一个网址，所以javascript:网址也可以保存在里面，用户选择这个书签的时候，就会在当前页面执行这个脚本。为了防止书签替换掉当前文档，可以在脚本前加上void，或者在脚本最后加上void 0。<a href="javascript: void new Date().toLocaleTimeString();">点击</a><a href="javascript: ne
javaScript事件任务 javaScript是一个单线程执行的语言。指同时只能运行一个任务。程序里面所有的任务，可以分成两类：同步任务（synchronous）和异步任务（asynchronous）。同步任务：指那些没有被引擎挂起，在主线程上排队执行的任务，执行完毕，才能执行后一个任务。异步任务：是那些被引擎放在一边，不进入主线程、而进入任务队列的任务。（一般是以回调函数的形式）事件循环：首先，主线程会去执行所有的同步任务。等到同步任务全部执行完，就会去看任务队列里面的异步任务。如果满足条件，那么异步任务就重新进入主线程
Object对象的相关操作方法 总结一下Object对象的相关操作方法。1.Object.getPrototypeOf()Object.getPrototypeOf方法返回参数对象的原型。这是获取原型对象的标准方法。// 空对象的原型是 Object.prototypeObject.getPrototypeOf({}) === Object.prototype // true// Object.prototype 的原型是 nullObject.getPrototypeOf(Object.prototype) === nul
javascript原型、继承 通过构造函数为实例对象定义属性，虽然很方便，但是有一个缺点：就是同一个构造函数的多个实例之间，无法共享属性，从而造成资源浪费。可以通过Javascript的原型对象(prototype)解决。1.prototype属性的作用JavaScript 继承机制的设计思想就是，原型对象的所有属性和方法，都能被实例对象共享。也就是说，如果属性和方法定义在原型上，那么所有实例对象就能共享，不仅节省了内存，还体现了实例对象之间的联系。JavaScript 规定，每个函数都有一个prototype属性，指向一个对象
关注
