随笔分类 - 经典题型
摘要：1、了解MVVM框架吗？ 2、谈谈你对MVVM的认识？ 3、双向绑定是什么原理，可以写出来吗？ 4、使用了什么设计模式？ 5、生命周期是什么？ 6、有看过源码吗？ 1、了解MVVM框架吗？ vue,react,angular都是用的MVVM框架，vue开源协议是MIT,react闹过一出，所以用vu
阅读全文
摘要：错误的捕获方式： 即时运行错误的捕获方式 1）try...catch 2) window.onerror 资源加载错误 1) object.onerror 2) performance.getEntries() 控制台运行： performance.getEntries().forEach(item
阅读全文
摘要：1、提升页面性能都方法有哪些 1）资源压缩合并，减少http请求 2）非核心代码异步加载 － 异步加载的方式 － 异步加载的区别 3）利用浏览器缓存 － 缓存的分类 － 缓存的原理 4）使用CDN 5）预解析 <meta http-equiv="x-dns-prefetch-control" con
阅读全文
摘要：1、 console.log(1); setTimeout(function(){ console.log(2); },0) console.log(3) 打印顺序：132 为什么是1，3，2 js是单线程，同一时间只能做一件事，setTimeout是个异步任务，异步任务要挂起，放到任务队列，不立即
阅读全文
摘要：1、什么是DOCTYPE及作用 2、浏览器渲染过程 3、重排Reflow 4、重绘Repaint 5、布局Layout 1、什么是DOCTYPE及作用 DTD：告诉浏览器我是什么文档类型，浏览器根据这个来判断用什么引擎来解析和渲染 DOCTYPE：直接告诉浏览器当前是哪个文档类型 html5 <!D
阅读全文
摘要：1、什么是同源策略及限制 2、前后端如何通信 3、如何创建Ajax 4、跨域通信的几种方式 1、什么是同源策略及限制 同源策略限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的安全机制。（协议，域名和端口构成一个源，三个中任何一个不一样就是源不一样，就是跨域
阅读全文
摘要：1、类的声明 2、生成实例 3、如何实现继承 4、继承的几种方式 1、类的声明有哪些方式 <script type="text/javascript"> //类的声明 function Animal() { this.name = 'name' } // es6中的class的声明 class An
阅读全文
摘要：1、创建对象有几种方法 2、什么是原型，构造函数，实例，原型链 3、instanceof的原理 4、new运算符 1、创建对象有几种方法 <script type="text/javascript"> // 第一种方式：字面量 var o1 = {name:"o1"}; var o2 = new O
阅读全文
摘要：类型转换 1、数据类型 2、显示类型转换 3、隐示类型转换 1、ECMAScript最新的7中数据类型 原始类型 Number String Boolean Null Undefined Symbol(es6) 对象 Object 2、显示类型转换 1）Number函数 <script type="
阅读全文
摘要：基本概念：DOM事件的级别 DOM事件模型 DOM事件流 描述DOM事件捕获的具体流程 Event对象的常见应用 自定义事件 1、事件级别 DOM0 element.onclick = function(){} DOM2 element.addEventListener('click', funct
阅读全文
摘要：BFC(边距重叠解决方案) 1、BFC的基本概念：块级格式化上下文 2、BFC的原理（说白了就是BFC的渲染规则）： 这个规则是什么呢？我觉得大家能说出4点就够了 第一个就是BFC可以解决这个元素的垂直的边距发生重叠的情况 第二个是BFC的区域不会与浮动元素的box重叠，这个肯定是用来清除浮动的。
阅读全文
摘要：题目：谈谈你对css盒模型的认识 1、基本概念：标准模型＋ie模型 2、标准模型和IE模型的区别 3、css如何设置这两种模型 4、js如何设置获取盒模型对应的宽和高 5、实例题 (根据盒模型解释边距重叠) 6、bfc (边距重叠解决方案) 一、基本概念和区别 如图，看到宽度和高度，他所指的内容，标
阅读全文
摘要：假设高度已知，请写出三栏布局，其中左兰、右栏宽度各为300px，中间自适应。 1、浮动 2、绝对定位 3、flexbox 4、表格布局 5、网格布局 grid 1、浮动 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <m
阅读全文
摘要：值类型 变量a赋值成100，再将a赋值给b，这个时候a的值变了，b的值不会跟着变，这是值类型的特点 引用类型（对象，数组，函数） 变量a赋值成对象，对象里面有age属性，为20，再将a赋值给b，这个时候a对象里面的属性变了，b的属性也跟着变，这是引用类型的特点 从内存上说明值类型和引用类型的区别 值
阅读全文