1. WebRTC简介

1.1 WebRTC介绍

WebRTC全称web实时通信技术（Web Real-Time Communication），可以使浏览器和其他浏览器直接交互，多媒体功能是非常先进的，有很多新的特性。目前由W3C和IETF组织负责WebRTC的标准化工作。

经常看到，常用的框架react、vue设计原理是用到了virtual dom及diff算法，那么究竟什么是virtual dom？virtual dom有什么优势和缺点？如何实现？diff算法的核心又是什么？

之前做的一个小程序，用到了 wepy 小程序开发框架，小程序上线也有一段时间了，在此对使用 wepy 作一个小小的总结。

1. 支持组件化的 wepy

wepy官网 对 wepy 的描述是让小程序支持组件化开发的框架。原生小程序组件化支持能力太弱，wepy 借鉴了 Vue 的语法风格，提供了类似用 Vue 开发微信小程序的体验。

最近一直在写小程序，需求上有好些地方用到了图片上传。项目是用了wepy这个小程序框架，跟Vue非常类似，很自然的将这块写成一个公共组件。主要涉及图片选择，实时显示上传的进度，上传到服务器，上传成功后的预览以及从服务器删除图片。

我们在Vue中可以有3种不同的层面来实现应用的延迟加载和代码分离：

• 组件，也称为异步组件
• 路由
• Vuex模块

它们都有一个共同的地方：都使用从Webpack 2开始就支持的动态加载的方式。

1. 前言

对于一个网站来说，网页加载的快慢是关乎用户体验的一个很重要的指标。一般在项目上线前，我们要利用打包工具对整个项目进行打包，将代码进行合理的编译，产生一份生产环境的代码。刚开始，为了减少资源的请求数量，通常我们将项目代码打包成一个js文件；但是如果这个js文件很大的话，就会导致加载的时间较长，影响体验。这时候我们就需要将代码进行分离（Code Splitting），变成很多块，在需要的时候在去加载，同时结合浏览器的缓存，可以明显的加快网页的加载速度。

1. 安装

先去官网下载mac版安装包，点击下载好的dmg文件，然后一路next，完成安装。

1. 概念

说到数据库，应该大家都熟悉，可以用来存储大量数据。比如，我们在淘宝上面搜索一本书，就回从淘宝巨大的数据库中查找。一直以来，数据库相关的都是服务端的工作。IndexDB的出现，让浏览器具备了创建本地数据库的能力。

1. 概述

在ES6之前，模块加载的方案主要有CommonJS和AMD。前者用于服务器，后者用于浏览器。ES6在语言规格层面上实现了模块化，直接用import和export在浏览器中导入和导出各个模块，一个js文件代表一个js模块，相当简洁，可以完全取代现有的CommonJS和AMD规范。

1. 前言

使用 Vue 时，当多个组件共享状态，组件之间的状态传递非常繁琐，Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式（官网）。Vuex 将组件的共享状态抽离出来，集中管理，使得组件可以直接获取状态和触发某些变化，并且 Vuex 的状态数据是响应式的，即一个组件触发了 Vuex 的状态数据改变，其他使用到该状态数据的组件也会响应式的发生变化。