Vue.js测试指南：编写可靠且可维护的测试 (vue.js 菜鸟教程)

WEB前端学习路线图

学习是以兴趣为前提的，你要对你所要学的内容产生兴趣，这样你才会花心思去学习。 对于小白而言，在学习过程中就需要更努力，多花时间和心思没有什么是学不会的。

我推荐给你一套学习方法和路线，可以参考一下：

1、你必须明确系统的学习方案

我建议一定有一个指导的人，全靠自己学，放弃的几率非常大，在你对于web前端还没有任何概念的时候，需要一个人领进门，之后就都靠自己钻研，第一步就是确定web前端都需要哪些内容，并且在多少时间内学完，建议时间6个月保底。

2、视频为主，书为辅

很多初学者在学习前端的时候非常喜欢去买书，但是最后的结果是什么？看来看去什么都不会写，所以在这里给大家提醒，书可以看，但是是在建立于你已经对于某个知识点有了具体操作的执行后，在用书去巩固概念，这样更加利于你对于知识的理解。

3、对于学习技术来讲，掌握一个学习方法是非常重要的

其实对于学习web前端来讲，学习方法确实很多都是相通的，一旦学习方法不对，可能就会造成“方法不对，努力白费”。 其实关于这方面还是很多的，我就简单说个例子，有的人边听课边跟着敲代码，这样就不对，听课的时候就专心听，做题的时候就专心做题，这都是过来人的经验，一定要听。 根据每个人的不同，可能学习方法也会有所出路，找到适合你自己的学习法方法是学习的前提。

自学路线：

第1阶段：前端页面重构(4周)

内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)

第2阶段：JavaScript高级程序设计(5周)

内容包含：(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)

第3阶段：PC端全栈项目开发(3周)

内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)

第4阶段：移动端项目开发(6周)

内容包含：(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用开发WebApp项目、应用开发WebApp项目)

第5阶段：混合(Hybrid,ReactNative)开发(1周)

内容包含：(微信小程序开发、ReactNative、各类混合应用开发)

第6阶段：NodeJS全栈开发(1周)

内容包括：(WebApp后端系统开发、NodeJS基础与NodeJS核心模块、Express、MySQL数据库)

基础书籍推荐：

1、《headfirstHTML与CSS(第2版)》，入门真的是经典书籍，手把手教学，丰富的案例让你从0开始学前端。

2、《CSS权威指南(第三版)》，这本书作为CSS的经典著作，把原理讲得非常的通透，除了w3c标准，算最权威的一本了，毕竟权威指南。

3、《CSS揭秘》神书，47个css技巧让你在面对各种css问题的时候游刃有余。 是css书籍中评分最高的了，css进阶必备。

4、《javascript语言精粹》，这本书可以在入门之前了解一下基本语法，以及在学习之前可以了解下JS里面的精粹以及糟粕，虽然这本书很薄很薄，但是值得反复去读的一本书。

5、《JavaScriptDOM编程艺术(第2版)》，本书在简洁明快地讲述JavaScript和DOM的基本知识之后，通过几个实例演示了专业水准的网页开发技术，透彻阐述了平稳退化等一批至关重要的JavaScript编程原则和最佳实践。

6、《JavaScript权威指南》：犀牛书是每个FE都绕不过的一本书，可以先大致通读几遍，也可以把其当作工具书，时时翻阅。

PS：温馨提示，光看不练假把式，跟着视频教程练项目也是必不可少的！相关教程指路B站尚学堂官方号！都是免费滴！

基础性的学习网站：

MDN网站：

菜鸟教程网：

易百教程：

脚本之家：

视频类的学习网站：

尚学堂：

慕课网：

扣丁课堂：

极客学院：

腾讯课堂：

实验楼：

网易云课堂：

我要自学网：

个人博客类的学习网站：

张鑫旭：

阮一峰：

廖雪峰：

辰辰：

轩枫阁：

社区类的学习网站：

segmentfault：

掘金：

简书：

WEB前端-伯乐在线：

StackOverflow:

博客园：

开发者头条：

网站搭建框架之vue

Vue是web前端快速搭建网站的框架之一。 它与jQuery有所不同，是以数据驱动web界面（以操作数据改变页面，而jQuery是以操作节点来改变页面），同时，vue还实现了数据的双向绑定，可及时响应用户的输入。 最主要的是vue的写法简单，容易掌握，组件形式可以大大提高工作效率。

对于vue的使用可以分为两种使用形式：1.引入文件，在js中将vue实例化；2.通过node安装第三方包--vue，搭建脚手架，用脚手架将页面分成几个组件编写，从而利用组件来搭建页面。

引入的写法

Vue分为V层（视图层）和M层（数据层），一般都是由M层的数据来驱动V层的改变。 而vue的常用指令数量不多且写法简单。 常用的有v-html、v-text、v-show、v-if、v-else、v-for、v-bind:、v-model。 v-html和v-text都是将数据写进标签内，但它们的不同之处在于v-text会将标签当做文本内容写入

，而v-html则会对标签进行编译，只显示标签内的内容。

至于v-show、v-if、v-else这三个指令都是通过布尔值的判断来执行的，当布尔值为真时，设置了v-show、v-if指令的标签会显示出来，当布尔值为假时，标签隐藏；而v-else与这两个指令相反。 除此之外，v-show和v-if、v-else之间也有差别，v-show是改变标签的display属性来使标签显示或隐藏；而v-if、v-else是通过添加或删除节点，来显示或隐藏标签的。

V-for是vue的一种遍历方法，这个方法极大的简化了数组或对象的遍历并显示到页面的步骤

而v-bind：是对html属性或自定义属性的数据驱动方式，格式为v-bind:href，可简写为：href。 对于类（class）的操作是通过布尔值来判断增加或者隐藏类，同时。 类和样式（style）所接受的数据类型为对象。

V-model指令的作用是将数据进行双向绑定，仅限于输入类型标签。 当用户在页面输入时，数据层的数据会跟着改变。 这是VM模式。 由v驱动m。

除了这些普通的指令之外，还有事件指令v-on:，可简写为@+事件名，例如：@click，并将执行函数写到vue的methods中

通过脚手架来写项目的话，可用通过写组件，再将组件引入（注册）到另一个vue文件里拼接在一起，从而构建出一个页面。

（组件书写格式）

（组件整合）

（注册路由）

路由是通过vue-router来实现的，在注册路由的时候要将router实例化。 不同的路由跳转不同的页面，这是搭建单页面应用的优势。

而父组件与子组件之间的通讯可以通过props将父组件的信息传递给子组件，改变子组件的内容，这样子组件的复用就不会有障碍了，而子组件传递信息给父组件或者其他组件的通讯则需vuex。

通过引入vuex并实例化一个作为一个公共平台，将数据进行传输。 通过vue的computed方法接收数据，通过methods方法改变数据。 而这个公用平台可以实现组件与组件之间的信息传递，从而实现组件之间的交互。

通过一个星期的实战，深深的体会到了vue的优势，在构建移动端这方面的效率很高。 但在搭建的过程中，还是少不了与jQuery结合，毕竟每个工具都有其优点，择其优而用是明智的选择。

打包TS流

IP转TS流是指将IP码流转换成传输流，这个转换过程其实就是将IP码流依据一定的协议打包成TS流。 TS流能够保证更好的码流质量，并且能够有效的加快数据传输的速度，使得IP视频可以在用户之间在线传输。

首先将要合成的ts文件放在同一个文件夹下，ts文件的排序要有一定的规则，最简单的就是：ts、ts、ts等。 在电脑桌面点按Win+R打开运行窗口。 输入“cmd”，点击“确定”，打开下面窗口。

TS流是将视频、音频、PSI等数据打包成传输包进行传送。 主要用于节目传输。 TS的传输包长度固定，通常为188字节。 TS流和PS流是MPEG-2标准中规定的两种输出码流。

DVB标准选定ISOJIECMPEG-2标准作为音频及视频的编码压缩方式，信源编码进行了统一，随后对MPEG-2码流进行打包形成TS流(transportstream)，进行多个传输流复用，最后通过卫星、有线电视等不同媒介传输方式进行传输。

1、首先要登录自己的YY，如图。 接下来，点击下面YY图标，选择创建频道选项，如图，特别提示：在YY里面，建立公会就是建立自己的频道，二者是同一个意思。 然后会弹出一个对话框，根据对话框提示可以输入频道信息，如图。

2、一，建立商会固定的网页和TS（语音聊天）这点放在第一条，是因为它真的很重要，因为目前限制下的商会多如牛毛，分会也遍地开花，因此引发的人员分散，管理和通知下达不方便，还有商会组织的活动也不能很好的指挥和安排等等。

3、ts收费，一般一个公会一个，音质好，不卡麦，比较保证团队活动顺利。 ut免费的大家一起来，你自己也可以建房间的简单方便，不过有时候会现卡麦情况。

4、创建公会的前提条件：玩家背包里至少要有的金币。 金币可以通过刷图和卖东西获得。 可以说，创建公会的成本一点不高，只需你花上30W游戏币，就可以创建属于自己的工会。

5、地点部落的在奥格瑞玛(44，75)；地点联盟的在暴风城(57，68)；找到公会注册员之后选择购买公会申请表，输入想要的公会名称即可得到公会申请表；只是拿到申请表并不能直接创建公会，还需要获得9个玩家的签名。

首先把格式的视频添加到软件中，添加时可以点击“添加文件”或“添加文件夹”按钮也可以直接把文件拖拽到软件中。 设置“输出格式”，由于要把格式转换成mkv，所以要把输出格式设置为“mkv同原文件”格式。

是可以，直接把TS的文件直接弄到MKV里面封装，不过，我建议还是先把TS视频流压制成其它格式再封装。

1，首先将下载完，已分割的TS文件重新合并为一个大文件TS，使用的软件是TSSplitterV01版（支持无损合并）分离出视频和音频，我一般是用GraphEdit分离的，（终极解码完美解码都自带）主要是简单直观。

不过、对电脑配置有点要求。 并且对个人技术也有点要求网上搜教程去吧~！都行。 你想要提取音频再压缩，还是整体压缩！是可以，直接把TS的文件直接弄到MKV里面封装，不过，我建议还是先把TS视频流压制成其它格式再封装。

视频编码选H.264，编码器选x264（具体x264参数资料自己找），容器选mp4，音频不要压缩（也就是取消“转换音频流”），这样先压出一个mp4文件。