Vue.js 极简教程

JavaScript011

Vue.js 极简教程,第1张

https://unpkg.com/[email protected]/dist/vue.js

来,直接开始:

创建一个 .html 文件,然后通过如下方式引入 Vue:

https://jsfiddle.net/chrisvfritz/50wL7mdz/

Vue.js 文档: https://cn.vuejs.org/v2/guide/

https://www.w3cplus.com/blog/vue

Vue 以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。

如果你之前已经习惯了用jQuery操作DOM,学习Vue.js时请先抛开手动操作DOM的思维,因为Vue.js是数据驱动的,你无需手动操作DOM。它通过一些特殊的HTML语法,将DOM和数据绑定起来。一旦你创建了绑定,DOM将和数据保持同步,每当变更了数据,DOM也会相应地更新。

当然了,在使用Vue.js时,你也可以结合其他库一起使用,比如jQuery。

一款基于 vue.js 的轻量级的视频播放器插件插件

NPM

或者使用 yarn

默认英语,你如果想成中文就加一个 lang

en: 英语

zh-CN: 简体中文

jp: 日本

Use custom language data

外部路径:

非常简单!就是直接上!

本地路径:

不能直接 ./assets/1.mp4 ,无效的。需要使用 require("...")

组件保持了和原生 HTML Video 属性配置的对接

案例

VueCoreVideoPlayer 遵循 W3C 标准的媒体事件 API ,你可以前往 MDN 获取这些细节,下面罗列一些非常常用的事件:

原文地址:vue-core-video-player-基于vue.js的视频播放器组件 - Iron_Man-super - 博客园

前端工程师一般都比较喜欢的网站,推荐如下:

w3cschool  

只要是学习者,学习跟电脑软件,语言相关的知识,肯定要知道的一个网站,该网站由浅入深,非常基础的给出了很多知识的概括。没事的时候,经常去看看总能有意外的收获。

runoob

这个叫菜鸟教程网的,虽然叫“菜鸟”,其实很多知识点都已经达到了中等水平,和w3cschool差不多,做了一些整合,相对来说翻译的中文比较多,可以结合着w3cschool一起看。

javascript中文网

前端开发工程师都知道,对于前端开发来说想,学习最重要语言之一就是javascript,所以要想让自己提升一个等级,javascript是必须精通的,这个网站非常基础的介绍了javascript的语言使用方式。强烈建议新手观看。

Bootstrap

一个最主流的前端主流框架之一,目前认可度最高的一个前端框架,可以用来做移动端设计。非常的适用。最主要该网站上还提供了其他很多的相关连接地址。在学习的同时也可以扩展个人见识。

如果你看到了这,那我接下来就不用介绍了,可以这么说 bootstrap这个网站里的很多东西,都是作为一个前端开发工程师学习的未来之路,例如React,Jquery,vue.js,webpack,angular.js等等等等。。。。

总结:其实前端开发是一个很广的范畴,所谓的前端开发工程师也要看你的领域,有的只做网站页面设计;有的制作web单页设计,有的专门做手机端交互等等,上面我们没提到的node.js就是前端开发的一个新领域,与其说是前端开发不如说是全端开发的新领域。知识真的是你学的越多,越发现,自己越渺小。