初识vue(一):相关知识介绍
2017-11-19 19:04
337 查看
初识Vue.js(一):相关知识介绍
(读音 /vjuː/,类似于 view)
是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue
采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和 Vue
生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。
MVVM模式和MVC模式一样,主要目的是分离视图(View)和模型(Model),有几大优点
1. 低耦合。视图(View)可以独立于Model变化和修改,一个ViewModel可以绑定到不同的"View"上,当View变化的时候Model可以不变,当Model变化的时候View也可以不变。
2. 可重用性。你可以把一些视图逻辑放在一个ViewModel里面,让很多view重用这段视图逻辑。
3. 独立开发。开发人员可以专注于业务逻辑和数据的开发(ViewModel),设计人员可以专注于页面设计,使用Expression Blend可以很容易设计界面并生成xml代码。
4. 可测试。界面素来是比较难于测试的,而现在测试可以针对ViewModel来写。
SCSS即是SASS的新语法,是Sassy CSS的简写,是CSS3语法的超集,也就是说所有有效的CSS3样式也同样适合于SASS。
具体关于SCSS和SASS的介绍可以参考下面这篇博客:
SCSS和SASS介绍
前言
研二狗,之前做过一些项目,对js,H5,CSS,jq都有一定的了解,包括对后台java也相对比较熟悉,但是感觉后台人数实在太多,想从事前端的工作。因此选择了个人觉得上手相对会比较容易的vue.js来学习,希望自己能够坚持的下去。在学习Vue之前需要对js有一定的了解和实践,如果没有推荐去看下JAVASCRIPT权威指南了解学习。Vue.js
Vue.js(读音 /vjuː/,类似于 view)
是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue
采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和 Vue
生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。
MVVM
MVVM是Model-View-ViewModel的简写。MVVM模式和MVC模式一样,主要目的是分离视图(View)和模型(Model),有几大优点
1. 低耦合。视图(View)可以独立于Model变化和修改,一个ViewModel可以绑定到不同的"View"上,当View变化的时候Model可以不变,当Model变化的时候View也可以不变。
2. 可重用性。你可以把一些视图逻辑放在一个ViewModel里面,让很多view重用这段视图逻辑。
3. 独立开发。开发人员可以专注于业务逻辑和数据的开发(ViewModel),设计人员可以专注于页面设计,使用Expression Blend可以很容易设计界面并生成xml代码。
4. 可测试。界面素来是比较难于测试的,而现在测试可以针对ViewModel来写。
SCSS&SASS
SASS是CSS3的一个扩展,增加了规则嵌套、变量、混合、选择器继承等等。通过使用命令行的工具或WEB框架插件把它转换成标准的、格式良好的CSS代码。SCSS即是SASS的新语法,是Sassy CSS的简写,是CSS3语法的超集,也就是说所有有效的CSS3样式也同样适合于SASS。
具体关于SCSS和SASS的介绍可以参考下面这篇博客:
SCSS和SASS介绍
总结
我暂时能想到的技术就这么多,后续有想到的会再补充,在下篇我们会介绍vue.js的一些语法。相关文章推荐
- LOD技术——定义详解及相关知识介绍
- Struts2学习笔记01----初识struts2配置文件和相关基础知识
- 【REST】REST和JAX-RS相关知识介绍
- java相关知识介绍
- shopnc的简单使用及相关知识介绍
- Linux基础知识之linux相关介绍
- 关于LCD分辨率、色素相关知识介绍
- 介绍有关学习C++ STL的预备知识和STL的相关背景知识,适合想对STL做大致了解的初学者
- MTD NANDFLASH驱动相关知识介绍
- Ajax的JSP示例以及相关知识介绍,适合于入门者
- HM编码器代码阅读(1)——介绍以及相关知识
- 音视频编码相关知识介绍
- 对主机名进行IP地址解析(相关知识介绍)
- 从0开始学习ASP.NET(2.0为例)系列——04C#/.NET FrameWork/ASP.NET相关基础知识介绍
- 详细介绍MPLS路由协议的相关概念知识
- vue-router相关知识
- REST和JAX-RS相关知识介绍
- 大数据的一些相关知识介绍
- Vue.js学习系列三——axios和网络传输相关知识的学习实践