什么是vue


什么是VUE?

Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库 (如:vue-router:跳转 vue-resource:通信 vuex:管理 Vue-UI: ice.work) 或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

CSS预处理器

CSS 预处理器是一个能让你通过预处理器自己独有的语法来生成CSS的程序。市面上有很多CSS预处理器可供选择,且绝大多数CSS预处理器会增加一些原生CSS不具备的特性,例如代码混合,嵌套选择器,继承选择器等。这些特性让CSS的结构更加具有可读性且易于维护。

这里是一些最流行的CSS预处理器:

  • Sass
    Sass 是一种 CSS 的预编译语言。它提供了 变量(variables)、嵌套(nested rules)、 混合(mixins)、 函数(functions)等功能,并且完全兼容 CSS 语法。Sass 能够帮助复杂的样式表更有条理, 并且易于在项目内部或跨项目共享设计。需要学习Ruby语言,上手难度较高。
  • LESS
    Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。
    Less 可以运行在 Node 或浏览器端。建议后端开发使用
  • Stylus
  • PostCSS

行为层 javaScript

JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

基本特点:

  • 是一种解释性脚本语言(代码不进行预编译)。
  • 主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为。
  • 可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。
  • 跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等)。
  • JavaScript脚本语言同其他语言一样,有它自身的基本数据类型,表达式和算术运算符及程序的基本程序框架。JavaScript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方,表达式则可以完成较复杂的信息处理。
  • 可以实现web页面的人机交互。

版本:

  • ES5(全浏览器支持)
  • ES6(当前主流版本,通过 webpack 打包成为ES5支持)

javaScript框架

jQuery

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等

jQuery优点是简化了DOM操作,缺点是DOM操作太频繁,影响前端性能。前端使用它仅仅为了兼容 IE6 、7、 8

Angular

是一个基于 TypeScript 的 开源 Web 应用框架, 由 Google 的 Angular 团队以及社区共同领导。Angular 是由 AngularJS 的同一个开发团队完全重写的。
其特点是将后台的MVC模式应用到了前端,并增加了 模块化开发 的理念。对后台友好,对前端不太友好。

React

React(有时叫React.js或ReactJS),是一个为数据提供渲染为HTML视图的开源JavaScript 库。React视图通常采用包含以自定义HTML标记规定的其他组件的组件渲染。React为程序员提供了一种子组件不能直接影响外层组件(”data flows down”)的模型,数据改变时对HTML文档的有效更新,和现代单页应用中组件之间干净的分离。

特点是提出了新概念 虚拟DOM,用于减少真实DOM操作,在内存中模拟DOM操作,有效地提升了前端渲染效率,缺点是使用复杂,需要学习 JSX 语言。

Vue

Vue 是一套用于构建用户界面的渐进式框架。所谓渐进性就是逐步使用新特性的意思,如实现模块化开发、路由、状态管理等,特点是综合了 Angular(模块化开发)和React(虚拟DOM) 的新特性。

Axios

前端通信框架,VUE仅仅处理DOM,不具备通信能力,所以可选择 Axios 进行通信,或者使用 jQuery 的 Ajax 通信功能.

UI框架

  • Ant-Design 阿里出品
  • Element-UI iview ice 饿了么出品
  • BootStrap Twitter 推出
  • AmazeUI 又叫“妹子UI”,一款html5跨屏前端框架

javaScript构建工具

  • Bable: js编译工具,可编译TypeScript
  • WebPack: 模块打包器,主要作用是打包、压缩、合并及按序加载

三段统一

混合开发(Hybrid APP)

实现一套代码三端(PC apk ipa)统一,打包方式以下:

  • 云打包:HBulid –> HBuildX, DCloud出品,API Cloud
  • 本地打包:Cordova

微信小程序

WebUI

后端技术

NodeJS 框架及项目管理工具

  • Express
  • Koa
  • npm 项目综合管理工具,类似于 maven
  • yarn npm 的替代方案,类似于 maven 和 gradle 的关系

主流前端框架

Vue.js

iView

前端主流框架,特点是移动端支持较多

ElementUI

前端主流框架,特点是桌面端支持较多

前后端分离

  • MVC(同步通信为主,会阻塞): model view controller
  • MVP(异步通信为主,非阻塞): model view presenter
  • MVVM(异步通信为主,非阻塞):Model view viewModel

文章作者: Hailong Gao
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Hailong Gao !
评论
  目录