MissQ_coffee的博客

1. 常用的 loader style-loader：将CSS添加到DOM的内联样式标签style里 css-loader：允许将CSS文件通过require的方式引入，并返回CSS代码 less-loader：处理less sass-loader：处理sass file-loader：分发文件到output目录并返回相对路径 url-loader 和 file-loader 类似，但是当文件小...

1. AJAX相关知识点 AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。 ajax文件上传（提交）： 1.serialize() 方法：序列化表单值，创建 URL 编码文本字符串。 2.封装FormData 对象，直接用$.ajax提交。FormData 对象可以把form中所有表单元素的name与value组成一个queryString，提交到后台，在使用Ajax提交时，使用FormData对象可以减少拼接queryString的工作量。 var form

1.写一个简单的函数，要求返回一个布尔值，指明字符串是否为回文结构。 function isPal(str) { str = str.replace(/\w/g, '').toLowerCase(); return (str == str.split('').reverse().join('')); } 2.数组扁平化（将嵌套的数组展开） 循环递归 function fla...

1.SPA页面 SPA（ single-page application ）仅在 Web 页面初始化时加载相应的 HTML、JavaScript 和 CSS。一旦页面加载完成，SPA 不会因为用户的操作而进行页面的重新加载或跳转；取而代之的是利用路由机制实现 HTML 内容的变换，UI 与用户的交互，避免页面的重新加载。 keep-alive keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，避免重新渲染 。 ...

1. js刷新当前页面 reload() 方法：location.reload(); reload()方法用于刷新当前文档。 reload() 方法类似于你浏览器上的刷新页面按钮。 replace() 方法：window.location.replace("http://www.runoob.com") replace() 方法可用一个新文档取代当前文档。 页面自动刷新:代码加入&lt...

浏览器是多进程的，每打开一个 tab 页，就相当于创建了一个独立的浏览器进程。 注：浏览器应该也有自己的优化机制，有时候打开多个 tab 页，在 Chrome 任务管理器中会看到有些进程被合并了，所以每个 tab页对应一个进程并不一定是绝对的。 浏览器的进程（主要部分）： Browser 进程：浏览器的主进程，只有一个。 负责浏览器界面的显示与交互； 各个页面的管理，创建和销毁其他进程； 网络的资源管理、下载等。 Renderer 进程：也称为浏览器渲染进程或浏览器内核，内部是多线程的。主要负责

大文件上传： 前端部分： 核心是利用 Blob.prototype.slice 方法，和数组的 slice 方法相似，调用的 slice 方法可以返回原文件的某个切片。 根据预先设置好的切片最大数量将文件切分为一个个切片，然后借助 http 的可并发性，同时上传多个切片。 这样从原本传一个大文件，变成了同时传多个小的文件切片，可以大大减少上传时间。 另外由于是并发，传输到服务端的顺序可能会发生变化，所以我们还需要给每个切片记录顺序。 服务端部分： 服务端接收到所有切片后合并切片。 问题1：何时合并切片，

MVVM原理 在 MVVM 中，最核心的也就是数据双向绑定，Vue 中的数据劫持。 Vue 内部使用了 Object.defineProperty() 来实现双向绑定，通过这个函数可以监听到 set 和 get 的事件。 2.vue双向数据绑定的原理 VUE实现双向数据绑定的原理就是利用了 Object.defineProperty() 这个方法重新定义了对象获取属性值(get)和设置属...

今天下午参加了网易互联网的一面，面试官小哥哥人很不错，面试体验也还可以，面试题目难度较简单，都是前端的一些基本问题，但是我还是有两三个问题没有回答到，下面就来记一下这次网易一面，总结一点经验。有些问题可能记不清了，我估计问了得有20道左右。 讲一下CSS盒模型（回答时尽量拓展一下） CSS垂直水平居中方法 CSS浮动清除方法 CSS动画（没回答到） 伪类与伪元素 JS闭包 ES5中Promise...

排序算法复杂度： 冒泡排序 function bubbleSort(arr) { var len = arr.length; for (var i = 0; i < len - 1; i++) { //比较的趟数,每次将最大值放到数组最后 for (var j = 0; j < len - i - 1; j++) { //将相邻的两个元素,两两比较 if (arr[j]>arr[j+1]) { //元素交换值

2. 盒子水平垂直居中方法 方法一： display:flex; justify-content:center; align-items:center; 方法二：（定位） 子绝父相之后，子级的盒子的top和left都设置为50%，然后再移动自己本身的-50% position:absolute; top:50%; left:50%; transform:translate(-50%,-50...

1.对称加密的缺陷 对称加密算法的加密和解密都是用同一个密钥。 首先当通信双方各自持有同一个秘钥且没有人知道也没有被破解，则通信双方的安全通信是可以保证的。但是在服务器端向客户端发送密钥的时候，中途可能被别人劫持，导致泄密。 如果浏览器内部预存了网站A的密钥，且可以确保除了浏览器和网站A，不会有任何外人知道该密钥，那理论上用对称加密是可以的。那么若浏览器只要预存了世界上所有https网址的密钥...

1.箭头和普通函数的区别 2.ES5的继承和ES6 class的继承的区别 3.js的垃圾回收机制 4.AMD和CommonJS的区别 5.ES6中迭代器的使用 6.首屏加载白屏的解决办法 尽量不要首屏加载JS文件（由于<script>标签是阻塞解析的，将脚本放在网页尾部会加速代码渲染。） 7.虚拟DOM的原理 8.generator，promise，async/await底层...

概念 JavaScript 的 模块打包工具 (module bundler)。通过分析模块之间的依赖，最终将所有模块打包成一份或者多份代码包 (bundler)，供 HTML 直接引用。实质上，Webpack 仅仅提供了 打包功能 和一套 文件处理机制，然后通过生态中的各种 Loader 和 Plugin 对代码进行预编译和打包。 Webpack 是基于 Node，因此 Webpack 其实是...

1.对语义化的理解 用正确的标签做正确的事 代码更容易阅读和维护 搜索引擎的爬虫依赖于标记来确定上下文和各个关键字，鲤鱼SEO html语义化可以使页面的内容结构化，便于浏览器搜索引擎解析 2.浏览器内核的理解 渲染引擎：取得网页的内容，整理信息，计算网页的显示方式。内核不同的浏览器对网页的语法解释不同，所以渲染出来的效果也不同。 JS引擎：执行和解析JS代码，实现网页的动...