初步了解vue.js

作者: SplendorZhang | 来源:发表于2017-03-30 22:31 被阅读0次
一、开发工具:VSCode, WebStorm, Sublime
二、开发环境:Node.js, Npm, Cnpm, Webpack, ES6
三、框架: Vue.js, Element UI
四、文档:

http://doc.vue-js.com/v2/guide/index.html

五、资源:

开源项目:http://www.cnblogs.com/opendigg/p/6513510.html
VSCode插件:http://www.open-open.com/lib/view/1487752358536

六、基础概念:

1、Node.js:

Node.js是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8引 擎执行Javascript的速度非常快,性能非常好。Node.js对一些特殊用例进行了优化,提供了替代的API,使得V8在非浏览器环境下运行得更好。
Node.js是一个基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞I/O 模型而得以轻量和高效,非常适合在分布式设备上运行数据密集型的实时应用。

Node.js的优点:

  • nodejs作为一个新兴的后台语言,有很多吸引人的地方:
  • RESTful API
  • 单线程
  • Node.js可以在不新增额外线程的情况下,依然可以对任务进行并发处理 —— Node.js是单线程的。它通过事件轮询(event loop)来实现并发操作,对此,我们应该要充分利用这一点 —— 尽可能的避免阻塞操作,取而代之,多使用非阻塞操作。
  • 非阻塞IO
  • V8虚拟机
  • 事件驱动
    ** 官网:**https://nodejs.org/en/

2、Npm:

NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:

  • 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
  • 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
  • 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

npm is the package manager for JavaScript and the world’s largest software registry. Discover packages of reusable code — and assemble them in powerful new ways.
官网:https://www.npmjs.com/

3、CNPM:
CNPM是淘宝的NPM镜像,由于在国内网络环境访问NPM不便,所以用CNPM代替NPM
官网:http://npm.taobao.org/

4、Webpack:

Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等到实际需要的时候再异步加载。通过 loader 的转换,任何形式的资源都可以视作模块,比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。
官网:http://webpack.github.io/

5、ES6:

CMAScript 6(以下简称ES6)是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015。
ES6特性:

  • Default Parameters(默认参数) in ES6
  • Template Literals (模板文本)in ES6
  • Multi-line Strings (多行字符串)in ES6
  • Destructuring Assignment (解构赋值)in ES6
  • Enhanced Object Literals (增强的对象文本)in ES6
  • Arrow Functions (箭头函数)in ES6
  • Promises in ES6z
  • Block-Scoped Constructs Let and Const(块作用域构造Let and Const)
  • Classes(类) in ES6
  • Modules(模块) in ES6

6、Vue.js

vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
官网:http://doc.vue-js.com/v2/guide/index.html

7、Element UI:

由饿了吗开源,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助你的网站快速成型。
官网:http://element.eleme.io/

相关文章

  • 初步了解vue.js

    一、开发工具:VSCode, WebStorm, Sublime 二、开发环境:Node.js, Npm, Cnp...

  • vue.js浅学习之路

    之前初学了 vue.js, 对 vue 有了初步的了解,虽然只是将它作为 js 库来使用,只是用了很小部分功能,但...

  • Vue.js初步

    Vue官网 https://cn.vuejs.org/ Mvvm模式 Model-View-View-Model模...

  • 初步了解

    什么是css语法?CSS (Cascading Style Sheets) 层叠样式表,用来编辑 HTML中元素...

  • vue之Helloworld

    一,vue核心框架为vue.js, 初步学习可不使用vue.cli, 可在本地引入vue.js或vue.min.j...

  • Vue.js框架的理解

    面试官:聊聊对Vue.js框架的理解 分享目标: 了解 Vue.js 的组件化机制 了解 Vue.js 的响应式系...

  • Vue.js初步学习

    1 Vue官网 https://cn.vuejs.org/ 2 Mvvm模式 Model-View-View-Mo...

  • 前端TODO

    Vue.js 等框架原理了解 webpack 原理了解 browserify 插件开发 Vue.js 等框架原理学习

  • Vue.js初步学习(二)--初步使用

    1026--使用需知1、引进方式:(1) 可以直接通过script标签引进: (2)也可以下载js文件到本地,其中...

  • Vue 循环、点击、双向绑定

    一、了解 Vue.js 1 Vue.js是什么? Vue.js是一套用于构建用户界面的渐进式框架。Vue.js通过...

网友评论

    本文标题:初步了解vue.js

    本文链接:https://www.haomeiwen.com/subject/altmottx.html