分支其实就是一个指针，指向某个commit提交，每进行一次提交，指针都会移到最新提交的位置。类似于串珠子，每次提交就像是一个一个的珠子，通过分支这个指针串联起来。如下图所示

① 工作区所谓工作区，就是你在电脑里能看到的目录，可以简单地理解为我们的项目根目录就是工作区。② 版本库所谓版本库，就是在项目根目录下执行git init命令之后，会在项目根目录下生成一个.git目录，正常情况下，这个.git目录是隐藏的，这个.git目录就是版本库。③ 暂存区所谓暂存区，就是.git版本库目录中存放的index文...

git是一种分布式版本控制系统。而与之相对就是集中式版本控制系统。集中式版本控制系统的代表是CVS和Subversion，其版本库集中存放在中央服务器上，干活的时候，要先从中央服务器取得最新的版本，然后开始干活，干完活了，再把自己的活推送给中央服务器。每个开发者之间无法进行版本的传递。所以集中式版本控制系统最大...

React是用于构建用户界面的 JavaScript 库。其有着许多优秀的特性，使其受到大众的欢迎。① 声明式渲染:所谓声明式，就是关注结果，而不是关注过程。比如我们常用的html标记语言就是一种声明式的，我们只需要在.html文件上，写上声明式的标记如<h1>这是一个标题</h1>，浏览器就能自动帮我们渲染出一个标题元...

我们用TypeScript开发项目的时候，编写的源文件都是以".ts"结尾的文件，而".ts"文件是无法直接被浏览器或node环境下直接运行的，所以必须进行编译，将".ts"的文件编译成".js"文件后才能直接运行。要想编译TypeScript文件，那么必须使用tsc编译工具，需要注意的是，我们并不是直接去安装tsc，而是全局安装typescript，全...

我们通过vue的脚手架工具，执行vue create vue-demo 可以生成最初项目。从最初的脚手架初始化项目中，我们可以看到项目根目录下主要有一个public目录和src目录，其中public目录下主要就是一个index.html文件，这个index.html文件的作用就是为当前vue项目提供一个html模板，因为Vue实例要想挂载，即要想显示到html模板上...

Vue实现数据双向绑定主要利用的就是: 数据劫持和发布订阅模式。所谓发布订阅模式就是，定义了对象间的一种一对多的关系，让多个观察者对象同时监听某一个主题对象，当一个对象发生改变时，所有依赖于它的对象都将得到通知。所谓数据劫持，就是利用JavaScript的访问器属性，即Object.defineProperty()方法，当对对象的属...

所谓单线程，就是同一个时间只能做一件事。JavaScript从诞生之初就是作为浏览器的一种脚本语言，其主要用途是与用户互动，以及操作DOM，而这就决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程删除了这个节点，这个时候浏览器就不...

日历组件主要是由一个文本输入框组成，点击文本输入框后会在文本框下方显示日历面板，日历面板包含三部分: 头部区(主要显示当面日历面板对应的年月以及四个年月上下切换按钮)、内容区(显示星期、以及42天)、底部区(今天快捷按钮，点击可以直接跳转到今天)，同时点击日历面板外部可以关闭日历面板。

所谓虚拟DOM，就是用JavaScript对象的方式去描述真实DOM。由于真实DOM的创建、修改、删除会造成页面的重排和重绘，频繁操作真实DOM会影响页面的性能，页面中会有数据、样式的更新，操作真实DOM是不可避免的，而虚拟DOM的产生是为了最大限度的减少对真实DOM的操作，因为虚拟DOM可以将真实DOM操作映射为JavaScript对象操作...

uni-app默认会提供一个导航栏，即小程序的导航栏，我们不需要进行任何的配置就会显示，默认导航栏的配置同微信小程序，只不过微信小程序的组件是分为.wxml、.wxss、.js、.json四个文件组成，而uni-app的组件则只有一个.vue文件(其中包含了html、css、js)，其中并未包含.json的相关内容，那么.json配置写在哪里呢？.json...

首页导航栏上有一个城市选择页面，点击会切换到城市页面，切换到城市页面的过程中并没有路由的跳转，而只是tab的切换，所以需要将城市页面设置为tabBar页面，即将城市页面添加到tabBar的list数组中。

上篇文章，我们已经实现了首页的头部导航栏组件、底部的tabBar导航栏组件、中间的视频列表组件以及视频列表组件中的视频播放组件，传入视频列表渲染后已经可以上下滑动进行视频切换和播放，接下来我们将完成首页的剩余部分，左侧信息栏组件、右侧图标栏组件，以及完善视频切换动画、播放控制等功能。

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，是一种终极的跨平台解决方案，这里的平台，主要指的是App平台(android、ios)、小程序平台、H5平台。开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。uni-app将常用的组件和api进行了跨平台封装，并且保...

v-if 是条件渲染指令，控制的是组件是否创建(渲染)，值为true则渲染该组件，值为false则不渲染该组件，对应Html元素则不会存在于浏览器的html文档中，即打开浏览器调试工具找不到该组件对应的渲染结果。v-show控制的是组件是否可见，并且是通过css样式的display属性来控制组件的显示与隐藏，所以其值无论是true还是false...

mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。mp 即 mini program 的缩写。

本文主要讲述的是webpack的工作原理，及其打包流程，一步步分析其打包过程，然后模拟实现一个简单的webpack，主要是为了更深刻地了解其打包流程，为了充分体现其山寨的意义，故名称定为web-pack。

所谓打包多页面，就是同时打包出多个html页面，打包多页面也是使用html-webpack-plugin，只不过，在引入插件的时候是创建多个插件对象，因为一个html-webpack-plugin插件对象只能打包出一个html页面。如:

要想自己实现一个vue-router插件，就必须先了解一下vue-router插件的基本使用，我们在使用vue-router的时候，通常会定义一个router.js文件，里面主要就是干了以下几件事:

JSON Web Token（JWT）是目前最流行的跨域身份验证解决方案，相较于session机制，服务器就不需要保存任何 session 数据了，也就是说，服务器变成无状态了，从而比较容易实现扩展。JWT 实际上是一个令牌（Token），服务器会将一些元数据、指定的secret进行签名并生成token，并返回给客户端，客户端得到这个服务器返回的令...

使用typescript构建Vue应用和使用js一样，都是通过vue-cli去初始化并创建一个vue项目，只不过使用typescript构建的时候要在脚手架问卷操作的时候勾选上typescript选项。

本文实现的是一个省、市、县...多级联动组件，当组件渲染完成后默认会加载出所有的省名称，当用户点击某个省的名称后，右边会自动添加一列显示该省下对应的市名称列表，当用户点击某个市后，右边又会自动添加一列显示该市下对应的县名称列表，同时支持级联列表的打开和关闭。

Vue指令主要用于需要进行一些DOM操作的时候，通过Vue指令将DOM操作进行封装。使用指令的时候分为左右两部分，等号左边是指令名(v-model)和修饰符(.lazy)，等号右边是指令表达式(age)，指令表达式虽然是一个单纯的字符串，但是指令表达式的值却是当前组件上的同名属性对应的值，上面input输入框中显示的将是this.age的值

vue cli 3.0之前安装的是vue-cli模块，vue cli 3.0之后安装的是@vue/cli模块。如果已经全局安装了旧版本的 vue-cli ， 那么需要先卸载vue-cli，再全局安装@vue/cli虽然安装的是vue cli，但是执行的命令仍然是vue

本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。

一、服务端渲染 - 简介所谓服务端渲染就是将代码的渲染交给服务器，服务器将渲染好的html字符串返回给客户端，再由客户端进行显示。服务器端渲染的优点有利于SEO搜索引擎优化，因为服务端渲染是将渲染好的html字符串返回给了客户端，所以其可以被爬虫爬取到；加快首屏渲染时间，不会出现白屏；服务器端渲染的缺点SSR会占...