其他分享
首页 > 其他分享> > 简谈Vue

简谈Vue

作者：互联网

Vue的基本

目录

1.0、Vue的出现.

创建者:尤雨溪

Vue自底向上逐层应用，注重视图层（HTML结构层+CSS表现层+JS行为层）

网络通信：axios

页面跳转：vue-router

状态管理：vuex

vue-UI：ICE

前端三大框架：Angular、React、Vue

1.1、CSS预处理器

作用：css预处理器的作用是提高开发效率，减少冗余代码，提高代码的可维护性。

什么是CSS预处理器？

CSS预处理器是一种语言，对Web页面样式设计后，再通过编译器转换成正常的CSS文件。

常用的CSS预处理器有哪些？

SASS：基于Ruby

通过服务端处理，功能强大，解析效率高

LESS：基于NodeJS，通过客户端处理，使用简单，适合小中型网页开发使用，在大型项目开发中效率低于SASS

1.2、JS框架

什么是JS框架？

JS框架是以JavaScript语言为基础搭建的框架，框架可以提高开发效率。

通俗来讲，框架，就像使用模具制作饼干一样，节省时间，解决代码冗余，提高复用性。

有哪些JS框架？

JSP和PHP已经过时（稍作了解）

JQuery：JS框架，简化DOM操作，可同时兼容IE6、IE7、IE8

Angular：Google前端框架，将MVC搬到了前端（M：模型V视图C控制器），增加了模块化的概念，采用TypeScript语法开发，缺点是版本迭代不合理，功能不统一。

MVC的原理（了解）

React： Facebook研发，主打虚拟DOM（利用内存缓存一些dom元素），缺点是使用复杂，需要学习[JSX]

Vue（主流框架）:综合了Angular（模块化）与React（虚拟化）的优点

1.3、Vue框架

Vue：渐进式框架

什么是渐进式？

渐进式框架是逐步实现新特性，如模块开发、路由、状态管理等。

就像一个人学习，你可以先学骑车也可以先学修车，不断的慢慢学习相关的功能

1.4、Axios框架

前端通信框架

Vue的边界明确，负责处理DOM，不具备通信能力，需要使用通信框架与服务器交互，也可以用JQuery提供的AJAX通信功能。

1.5、框架知识扩展

UI框架

iView

主流前端框架，是一个强大的基于Vue的库，主要服务于PC界面对的后台，使用单文件的Vue组件化开发模式，基于npm+webpack+babel开发，友好的API

ElementUI

主流前端框架，组件齐全，基本涵盖后台所需的所有组件，文档讲解详细，例子丰富，主要用于开发PC端界面，是一个质量较高的Vue UI组件库

1.6、开发相关

实现代码移植-混合开发（Hybrid App）

打包方式（了解）：云打包|本地打包

目的是实现三端统一「PC-exe、Android-apk、IOS-ipa」

云打包：HBulid->HBulidX、API Cloud

本地打包：Cordova（前身是PhoneGap）

Webpack：模块打包器，主要作用是打包、压缩、合并、按序加载

大前端时代的五个阶段

1、 同步通信

2、MVC模式： Model、VIew、Controller

3、异步通信

4、MVP模式:Model、 View、Presenter

5、MVVM模式（异步通用）：Model、View、ViewModel

JS后台开发

NodeJs是什么？

2009年由ryan dahl开发，Node.js是一个运行环境，负责对JS进行翻译。

传统的Web开发是前端用JS，写服务器端代码还需要用另外一种语言（如Ruby/Java、PHP）。从前的JS只能运行在浏览器中，NodeJS的出现使前端可以用一种语言同时编写前端代码和后端服务器代码。

Nodejs可以使电脑上、服务器上也可以成功运行JS代码。也正是Nodejs促进了React/vuejs的诞生。

NodeJS的环境和浏览器JS有什么区别吗？

npm在NodeJS中的作用？

NPM（Node Package Manager）是Node的包管理系统，每一个npm包对应Github的项目，npm是NodeJS的仓库。

相关知识

如果有帮助到您可以收藏订阅哦~!

标签：Vue,框架,简谈,JS,开发,前端,CSS
来源： https://www.cnblogs.com/emria/p/15257489.html