Vue重点知识总结—基础篇(二)
1.Vue 组件 data 为什么必须是函数 因为js本身的特性带来的，Vue组件可能会有多个实例，如果 data 是一个对象，那么由于对象本身属于引用类型，当我们修改其中的一个属性时，会影响到当前组件所有实例的数据。如果将 data 作为一个工厂函数，那么每一个组件实例的 data 属性都是全新独立的，不会相互影响了，有效规避了...
1.Vue 组件 data 为什么必须是函数 因为js本身的特性带来的，Vue组件可能会有多个实例，如果 data 是一个对象，那么由于对象本身属于引用类型，当我们修改其中的一个属性时，会影响到当前组件所有实例的数据。如果将 data 作为一个工厂函数，那么每一个组件实例的 data 属性都是全新独立的，不会相互影响了，有效规避了...
浏览器对象模型（Browser Object Model），不同浏览器提供了可以对浏览器窗口进行访问和操作的方法。 1.常用的Bom属性 ① location对象 location.href-- 返回或设置当前文档的URL location.search -- 返回URL中的查询字符串部分。例如 http://www.xxx.com/dreamdu.php?id=5&name=dreamdu 返回包括(?)后面的内容?id=5...
JavaScript 的核心是支持面向对象的，同时它也提供了强大灵活的 OOP 语言能力。面向对象编程是用抽象方式创建基于现实世界模型的一种编程模式。面向对象程序设计的目的是在编程中促进更好的灵活性和可维护性。 1.面向对象三要素 封装：一种把数据和相关的方法绑定在一起使用的方法。 继承：一个类可以继承另一个类的特...
1. HTML5新增了哪些新特性? 新元素： 用于媒介的 video 和 audio 元素 语意化更好的内容元素,比如 article、footer、header、nav、section 新的表单控件,calendar、date、time、email、url、search、color 本地存储 localStorage和sessionStorage JS绘图 canvas 2.WebSocket的实现和应用 ① 什么是WebSocket WebSocket...
1.http和https的基本概念 http: 超文本传输协议，是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。 https: 是以安全为目标的HTTP通道，简单讲是HTTP的安全版，即HTTP下加入SSL层，HT...
1.rem布局的优缺点 rem本质是等比缩放。子元素尺寸设置rem单位，通过更改html元素的字体大小，就可以让子元素实际大小发生变化。 缺点： pc页面来讲使用次数不多，一般移动端可能会用；全适配方案可以使用媒体查询@media 数据量大：所有的图片，盒子都需要我们去给一个准确的值，才能保证不同机型的适配 2.常用的响应...
1.重绘与重排 重排（也叫回流）reflow/Relayout 当元素的尺寸、结构或触发某些属性时，浏览器会重新渲染页面，称为回流。此时，浏览器需要重新经过计算，计算后还需要重新页面布局，因此是较重的操作。 浏览器渲染页面：浏览器渲染是基于“流式布局”的模型，流实际就使我们常说的文档流。浏览器根据渲染树中每个渲染对象...
1.变量提升，且提升的是申明，赋值不会提升 变量提升是js的预解析过程，在代码块执行前会进行隐性操作。 提升只针对var申明的变量和function具名函数。 console.log(a) // undefined，如果后面没有申明变量a，这里就不是undefined而是直接报错：is not defined var a = 1 // 同理如下 var a1 = a2+1 var a2 = 10 co...
跨域访问的项目常在过滤器或者拦截器中添加Access-Control-Allow-（访问权限控制，access-访问）前缀的响应头配置…
懒加载原理 当浏览器滚动到相应的位置时再渲染相应的图片。主要利用图片src属性的重新赋值来实现。 将img标签中的src的路径设置为空或默认图片(空白图片、Loading图），缓存真正的图片路径，当浏览器滚动到相应的位置时，再给src属性重新赋值。 懒加载目的 优化前端压力，减少首屏请求数，延迟请求。对服务器压力有一定...