简谈Vue

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

vue的基本">Vue的基本

目录

  • Vue的基本
    • 1.0、Vue的出现.
    • 1.1、CSS预处理器
    • 1.2、JS框架
    • 1.3、Vue框架
    • 1.4、Axios框架
    • 1.5、框架知识扩展
    • 1.6、开发相关
  • JS后台开发
    • NodeJs是什么？

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框架

  • Ant-Design:阿里巴巴出品

  • ElementUI、iview、ice：饿了么研发，是基于Vue的框架

  • Bootstrap：Twitter研发的前端开源工具包

  • AmazeUI：上手简单容易操作，一款HTML5跨屏前端框架

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有什么区别吗？

  • 它们各自的全局变量不同。

  • JS通过操作document来操作页面，NodeJS不使用document

npm在NodeJS中的作用？

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

相关知识

  • 对TCP/IP等网络知识的掌握

  • NodeJS层与Java层的高效通信，了解SOAP等高效服务器端通信方式

  • 了解程序的部署、运维

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

以上是 简谈Vue 的全部内容， 来源链接： utcz.com/z/375285.html

回到顶部