摘要:一、什么是前后端联调? 前后端接口联调就是在我们开发的过程中,发送请求的ajax数据都不是后端返回的真数据,而是我们自己通过接口mock模拟的假数据,当前端的代码编写完成后,后端的接口也写好后,我们就需要把mock数据换点,尝试使用后端提供的数据,进行一个前后端的调试, 二、如何进行联调 公司开发是
阅读全文
摘要:1.使用 vue-cli 脚手架搭建项目时 proxy 解决跨域问题 ,在项目目录下配置vue.config.js文件: module.exports={ // hash: publicPath "" // history: publicPath "/" publicPath:"", assetsD
阅读全文
摘要:1、每个组件都是 Vue 的实例。 2、组件共享 data 属性,当 data 的值是同一个引用类型的值时,改变其中一个会影响其他 3、组件中的 data 写成一个函数,数据以函数返回值形式定义,这样每复用一次组件,就会返 回一份新的 data,类似于给每个组件实例创建一个私有的数据空间,让各个组件
阅读全文
摘要:一、什么是闭包 “闭包就是能够读取其他函数内部变量的函数。例如在 javascript 中,只有函数内部的子函数才能读取局部变量,所以闭包可以理解成“定义在一个函数内部的函数“。在本质上,闭包是将函数内部和函数外部连接起来的桥梁。”举例:创建闭包最常见方式,就是在一个函数内部创建另一个函数。下面例子
阅读全文
摘要:key值:用于 管理可复用的元素,标识数据的唯一性。因为Vue 会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染key的作用主要是为了高效的更新虚拟DOM 当我们修改了某个数据,如果直接渲染到真实dom上会引起整个dom树的重绘和重排,因此采用diff算法来解决上述问题,通过改变局部do
阅读全文
摘要:一个页面从输入URL到页面加载显示完成,这个过程都发生什么? 1.在浏览器中输入url 2.浏览器访问dns服务器,根据域名查找对应的ip 3.通过ip找到服务器,建立tcp连接 4.发送http请求 5.后端服务器接收请求,处理后响应给浏览器 6.浏览器接收后端响应数据,并把数据解析后渲染到页面
阅读全文
摘要:一、为什么会出现跨域? 前端服务和后端服务的协议、Ip、端口这三者中只要有一个不同,就会触发浏览器的同源策略,导致后端响应给浏览器的数据无法被浏览器渲染。 二、如何解决跨域问题? 常用的解决方案有3种: 1.jsonp JSONP实现跨域的原理简单的说,就是动态创建script标签,然后利用scri
阅读全文
摘要:1.区别 axios是通过promise实现对ajax技术的一种封装,就像jQuery实现ajax封装一样。简单来说: ajax技术实现了网页的局部数据刷新,axios实现了对ajax的封装。axios是ajax ajax不止axios。下面列出代码来对比一下:axios: axios({ url:
阅读全文
摘要:理论: 双向数据绑定的原理就是劫持数据结合发布订阅者模式实现的,数据和视图同步,即数据发生变化,视图跟着变化,视图变化,数据也随之发生改变 实现步骤: 第一步:创建一个监听者,Observer,监听属性变化,当属性变化的时候,通知订阅者。 第二步:创建一个订阅者,watcher 用来接收属于变化的通
阅读全文
摘要:vue是渐进式 JavaScript 框架 渐进式 :主张最少。 优点: 1.轻量级的数据框架 2.双向数据绑定 3.提供了指令 4.组件化开发 5.客户端路由 6.状态管理 缺点: 1.Vue 底层基于 Object.defineProperty 实现响应式,而这个 api 本身不支持 IE8 及
阅读全文
摘要:vue的生命周期 vue实例从创建到销毁的过程就是vue的生命周期 一共有八个生命周期 1.beforeCreate 1.创建之前:什么都是undefined 2.实例初始化之后,this指向创建的实例,不能访问到data、computed、watch、methods上的方法和数据 2.create
阅读全文
摘要:hsah和history的区别: 区别一: 生产环境下:两者无区别 开发环境或者测试环境下: hash:前进和后退正常,刷新页面正常 history:前进和后退正常,刷新页面会报错,报错可能有两种结果:一种是404报错,一种是直接把没有处理的数据展示到页面 history报错的原因:刷新页面,就走后
阅读全文