uni-app介绍官方网页 uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。 即使不跨端，uni-app同时也是更好的小程序开发框架。 具有vue和微信小程序的开发经验，可快速上手uni-app 为什么要去学习uni-app？ 相对开发者来说，减少了学习成本，因为只学会uni-app之后，即可开发出iOS、Android、H5、以及各种小程序的应用，不需要再去学习开发其他应用的框架，相对公司而言，也大大减少了开发成本。 环境搭建 安装编辑器HbuilderX下...

菜鸟教程-WebSocket实时通信 一、WebSocket概念 WebSocket是HTML5提供的一种浏览器与服务器进行全双工通讯的网络技术，属于应用层协议。它基于TCP传输协议，并复用HTTP的握手通道。浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。WebSocket的出现就解决了半双工通信的弊端。它最大的特点是：服务器可以向客户端主动推动消息，客户端也可以主动向服务器推送消息。 二、WebSocket原理 客户端向WebSocket服务器通知（notify）一个带有所有接收者ID（recipientsIDs）的事件（event），服...

一、HTTPS协议概念 超文本传输安全协议（HypertextTransferProtocolSecure，简称：HTTPS）是一种通过计算机网络进行安全通信的传输协议。HTTPS经由HTTP进行通信，利用SSL/TLS来加密数据包。HTTPS的主要目的是提供对网站服务器的身份认证，保护交换数据的隐私与完整性。HTTP协议采用明文传输信息，存在信息窃听、信息篡改和信息劫持的风险，而协议TLS/SSL具有身份验证、信息加密和完整性校验的功能，可以避免此类问题发生。安全层的主要职责就是对发起的HTTP请求的数据进行加密操作和对接收到的HTTP的内容进行解密操作。 二、HTTPS通信（握手）过程...

一、HTTP和HTTPS协议的概念及区别 1.HTTP 概念 HTTP即超文本运输协议，是实现网络通信的一种规范，它定义了客户端和服务器之间交换报文的格式和方式，默认使用80端口。它使用TCP作为传输层协议，保证了数据传输的可靠性。 HTTP是一个传输协议，即将数据由A传到B或将B传输到A，并且A与B之间能够存放很多第三方，如：A<=>X<=>Y<=>Z<=>B；传输的数据并不是计算机底层中的二进制包，而是完整的、有意义的数据，如HTML文件,图片文件,查询结果等超文本，能够被上层应用识别；在实际应用中，HTTP常被用于在Web浏览器和网站服...

一、vuex介绍 目标 什么是Vuex 为什么学习Vuex 通信方案 组件关系 数据通信 父子关系 父传子：props；子传父：$emit 非父子关系 vuex(一种组件通信方案) Vuex是什么 概念：专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。 Vuex实现了一个单向数据流，在全局拥有一个State存放数据，当组件要更改State中的数据时，必须通过Mutation提交修改信息，Mutation同时提供了订阅者模式供外部插件调用获取St...

VueRouter 一、对前端路由的理解 路由：路由是url到函数的映射，可以根据不同的url地址展示不同的内容或页面。 服务器端路由（后端路由） 对于服务器来说，当接收到客户端发来的HTTP请求，会根据请求的URL，来找到相应的映射函数，然后执行该函数，并将函数的返回值发送给客户端。 客户端路由（前端路由） 早期的路由都是后端实现的，直接根据url来reload页面，页面变得越来越复杂服务器端压力变大，随着ajax的出现，页面实现非reload就能刷新数据，更新页面内容，使内容的切换更加流畅，可以通过记录url来记录ajax的变化，从而实现前端路由。对于客户端（通常为浏览器）...

官网解释 一、Vue的生命周期 Vue实例有⼀个完整的⽣命周期，也就是从开始创建、初始化数据、编译模版、挂载Dom->渲染、更新->渲染、卸载等⼀系列过程，称这是Vue的⽣命周期。 Vue2生命周期： 1.beforeCreate（创建前） 数据观测和初始化事件还未开始，此时data的响应式追踪、event/watcher都还没有被设置，也就是说不能访问到data、computed、watch、methods上的方法和数据。 2.created（创建后） 实例创建完成，实例上配置的options包括data、computed、watch、methods等都配置完...

一、对虚拟DOM的理解 虚拟DOM就是用来描述真实DOM的javaScript对象，可以将多次修改的DOM一次性渲染到页面上，减少页面的重排重绘，提高渲染性能 虚拟DOM就是用来描述真实DOM的javaScript对象，可以将多次修改的DOM一次性渲染到页面上，减少页面的重排重绘，提高渲染性能。在代码渲染到页面之前，vue会把代码转换成一个对象（虚拟DOM）。在每次数据发生变化前，虚拟DOM都会缓存一份，变化之时，现在的虚拟DOM会与缓存的虚拟DOM进行比较。在vue内部封装了diff算法，通过这个算法来进行比较，渲染时修改改变的变化，原先没有发生改变的通过原先的数据进行渲染。 二、虚...

一、同源政策 跨域问题其实就是浏览器的同源策略造成的。同源策略限制了从同一个源加载的文档或脚本如何与另一个源的资源进行交互。这是浏览器的一个用于隔离潜在恶意文件的重要的安全机制。同源指的是：协议、端口号、域名必须一致。同源策略：protocol（协议）、domain（域名）、port（端口）三者必须一致。同源政策的目的主要是为了保证用户的信息安全，它只是对js脚本的一种限制，并不是对浏览器的限制，对于一般的img、或者script脚本请求都不会有跨域的限制，这是因为这些操作都不会通过响应结果来进行可能出现安全问题的操作。同源政策主要限制了三个方面。 当前域下的js脚本不能够访问其他域下的c...

一、浏览器本地存储方式及使用场景 1.Cookie 概念：Cookie是最早被提出来的本地存储方式，在此之前，服务端是无法判断网络中的两个请求是否是同一用户发起的，为解决这个问题，Cookie就出现了。Cookie的大小只有4kb，它是一种纯文本文件，每次发起HTTP请求都会携带Cookie。 特性： Cookie一旦创建成功，名称就无法修改 Cookie是无法跨域名的，也就是说a域名和b域名下的cookie是无法共享的，这也是由Cookie的隐私安全性决定的，这样就能够阻止非法获取其他网站的Cookie 每个域名下Cookie的数量不能超过20个，每个Cookie的大小不能超过4kb 有...

一、浏览器的渲染过程 注意：这个过程是逐步完成的，为了更好的用户体验，渲染引擎将会尽可能早的将内容呈现到屏幕上，并不会等到所有的html都解析完成之后再去构建和布局render树。它是解析完一部分内容就显示一部分内容，同时，可能还在通过网络下载其余内容。 渲染过程解读如下： 首先解析收到的文档，根据文档定义构建一棵DOM树，DOM树是由DOM元素及属性节点组成的。 然后对CSS进行解析，生成CSSOM规则树。 根据DOM树和CSSOM规则树构建渲染树。渲染树的节点被称为渲染对象，渲染对象是一个包含有颜色和大小等属性的矩形，渲染对象和DOM元素相对应，但这种对应关系不是一对一的，不可见的D...

一、事件委派 1.理解DOM事件流 事件流描述的是从页面中接收事件的顺序。事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程即DOM事件流。 DOM事件流分为三个阶段： 捕获阶段：从上往下 当前目标阶段 冒泡阶段：从下往上 事件流如下图所示： 注意事项： JavaScript代码中只能执行捕获或者冒泡其中的一个阶段。 addEventListener(type,listener[,useCapture])第三个参数如果是true，表示在事件捕获阶段调用事件处理程序；如果是false(不写默认就是false)，表示在事件冒泡阶段调用事件处理程序。 其中有些事件是没有冒泡的，比如o...

一、节点概述 网页中的所有内容都是节点(标签、属性、文本、注释等)，使用node表示。HTML、DOM树中的所有节点均可通过JavaScript进行访问，所有HTML元素(节点)均可被修改，也可以创建或删除。 利用DOM树可以把节点划分为不同的层级关系，常见的是父子兄层级关系。 一般地，节点至少拥有nodeType(节点类型)、nodeName(节点名称)、nodeValue(节点值)这三个基本属性。在实际开发中，节点操作主要操作的是元素节点。 元素节点nodeType为1。 属性节点nodeType为2。 文本节点nodeType为3（文本节点包含文字、空格、换行等）。 二、获取父节...

一、this的指向分类 分类 this指向 普通函数 window 构造函数 实例对象，原型对象里面的方法也指向实例对象 对象方法 该方法所属对象。若对象中的方法为普通函数写法吗，则this指向该方法所属对象，若为箭头函数，则this指向为window 事件绑定函数 绑定事件对象 定时器 window 立即执行函数 window 箭头函数 外层作用域中的this（且this指向不可改变） 二、改变函数内部this指向 1.函数名称.call（this要指向的，传递的参数1，...） 调用函数，并改变this指向。varobj={ name:'zs'...

一、作用域 JavaScript作用域：分为全局作用域、局部作用域。变量在某个范围内起作用和效果，目的是为了提高程序的可靠性和减少命名冲突。 变量的作用域：根据作用域的不同我们变量分为全局变量和局部变量。两种变量其主要区别是函数内部可以直接读取全局变量，但是在函数外部无法读取函数内部的局部变量。 作用域链： 根据内部函数可以访问外部函数变量的这种机制，用链式查找决定哪些数据能被内部函数访问，就称为作用域链。 只要是代码，就至少有一个作用域。 写在函数内部的局部作用域。 如果函数中还有函数，那么在这个作用域中就又可以诞生一个作用域。 1.全局变量 概念：在全局作用域下的变量，在全局下都...

一、数据类型存储 在JavaScript中存在两大数据类型：基本类型、引用类型。 基本数据类型存放在栈中，是一段简单的数据段，数据大小确定，内存空间大小可以分配，是直接按值存放的，可以按值访问。 引用数据类型存放在堆中，变量在栈中保存的是指向堆内存的地址值，这个地址值指向对应的对象类型，访问堆内存中的对象是通过地址值访问的。 二、浅拷贝 浅拷贝，指的是创建新的数据，这个数据有着原始数据属性值的一份精确拷贝。 如果属性是基本类型，拷贝的就是基本类型的值。如果属性是引用类型，拷贝的就是内存地址。 即浅拷贝是拷贝一层。 下面简单实现一个浅拷贝：functionshallowClone(ob...

一、理解面向对象 面向对象程序设计以对象为核心，该方法认为程序由一系列对象组成。类是对现实世界的抽象，包括表示静态属性的数据和对数据的操作，对象是类的实例化。面向对象有三个特点：封装性、继承性、多态性。 封装性 将描述每一个对象的属性以及其行为的程序代码组装到一起，一并封装在一个有机的实体中，把它们封装在一个“模块”中，也就是一个类中。 继承性 继承性是面向对象技术中的另外一个重要特点，继承在面向对象技术是指一个对象针对于另一个对象的某些独有的特点、能力进行复制或者延续。 多态性 从宏观的角度来讲，多态性是指在面向对象技术中，当不同的多个对象同时接收到同一个完全相同的消息之后，所表...

一、什么是回调函数？回调函数有什么缺点？如何解决回调地狱问题？ 回调函数概念 回调函数是一个作为变量传递给另一个函数的函数，它在主体函数执行完之后再执行 回调函数特点 你定义的 你没有调用 但是最终执行了 回调函数可能的缺点 层层嵌套的异步函数的操作叫做回调地狱 容易写出回调地狱 不能使用trycatch捕获错误 不能直接return 常见的回调函数 DOM事件回调函数 定时器回调函数 ajax请求回调函数 生命周期回调函数 如何解决回调地狱 promise async/await generator 二、异步编程的实现方式 1.回调函数的方式 使用回调函数的方式...

一、JS执行机制 JS语言有个特点是单线程，即同一时间只能做一件事。单线程就意味着，所有的任务需要排队，前一个任务结束，才会执行后一个任务，可能造成页面渲染不连贯。 为了解决这个问题，利用多核CPU的计算能力，允许JS脚本创建多个线程，即同步和异步。 同步任务： 同步任务都在主线程上执行，形成一个执行栈。 前一个任务结束后再去执行下一个任务，程序的执行顺序与任务的排列顺序是一致的同步的。 比如做饭的同步做法，我们要烧水煮饭，等水开了，再去切菜，炒菜。 异步任务： 通过回调函数实现的，异步任务相关回调函数添加到任务队列中(任务队列也称为消息队列)。 在做一件事的同时，还可以去处理其他的事...

1、模块化的发展过程 varmoduleObj={ userName:'zhangsan', fn:function(){ console.log('helloworld') } } 使用方式 <html> <head> </head> <body> <scriptsrc="a.js"></script> <script> moduleObj.fn() </script> </body> </html> 立即执行函数的方式 通过立即执行函数的方式为模块提供私有空间 ;(f...