没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
试读
73页
Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。 vue是轻量级的,它有很多独立的功能或库,我们会根据我们的项目来选用vue的一些功能。就像我们开发项目时如果只用到vue的声明式渲染,我就只用vue的声明渲染,而我们要用他的组件系统,我们可以引用它的组件系统。文章来源地址:https://www.yii666.com/blog/413382.html
资源推荐
资源详情
资源评论
VUE
学习目标
前端知识体系
前端三要素
HTML(结构):超文本标记语言(Hyper Text Markup Language),决定网页的结构和内容
CSS(表现):层叠样式表(Cascading Style Sheets),设定网页的表现样式
JavaScript(行为):是一种弱类型脚本语言,其源代码不需经过编译,而是由浏览器解释运行,
用于控制网页的行为
结构层(HTML)
略表现层(CSS)
CSS 层叠样式表是一门标记语言,并不是编程语言,因此不可以自定义变量,不可以引用等,换句
话说
就是不具备任何语法支持,它主要缺陷如下:
语法不够强大,比如无法嵌套书写,导致模块化开发中需要书写很多重复的选择器;
没有变量和合理的样式复用机制,使得逻辑上相关的属性值必须以字面量的形式重复输出,导致难
以维护;
这就导致了我们在工作中无端增加了许多工作量。为了解决这个问题,前端开发人员会使用一种称之
为
【CSS 预处理器】 的工具,提供 CSS 缺失的样式层复用机制、减少冗余代码,提高样式代码的可
维护
性。大大提高了前端在样式上的开发效率。
什么是 CSS 预处理器
CSS 预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为 CSS 增加了一些
编程的
特性,将 CSS 作为目标生成文件,然后开发者就只要使用这种语言进行 CSS 的编码工作。转化成
通俗易
懂的话来说就是“用一种专门的编程语言,进行 Web 页面样式设计,再通过编译器转化为正常的
CSS 文
件,以供项目使用”。
常用的 CSS 预处理器有哪些
SASS:基于 Ruby,通过服务端处理,功能强大。解析效率高。需要学习 Ruby 语言,上手难度
高
于 LESS。
LESS:基于 NodeJS,通过客户端处理,使用简单。功能比 SASS 简单,解析效率也低于
SASS,但
在实际开发中足够了,所以我们后台人员如果需要的话,建议使用 LESS。
行为层(JavaScript)
JavaScript 一门弱类型脚本语言,其源代码在发往客户端运行之前不需经过编译,而是将文本格式
的字
符代码发送给浏览器由浏览器解释运行。
Native 原生 JS 开发
原生 JS 开发,也就是让我们按照 【ECMAScript】 标准的开发方式,简称是 ES,特点是所有浏
览器都
支持。截止到目前,ES 标准已发布如下版本:
ES3
ES4(内部,未正式发布)
ES5(全浏览器支持)
ES6(常用,当前主流版本)
ES7
ES8
ES9(草案阶段)
区别就是逐步增加新特性。
TypeScript 微软的标准
TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集,而且本
质上向这
个语言添加了可选的静态类型和基于类的面向对象编程。由安德斯·海尔斯伯格(C#、Delphi、
TypeScript 之父;.NET 创立者)主导。
该语言的特点就是除了具备 ES 的特性之外还纳入了许多不在标准范围内的新特性,所以会导致很
多浏
览器不能直接支持 TypeScript 语法,需要编译后(编译成 JS)才能被浏览器正确执行。
JavaScript 框架
jQuery:大家熟知的 JavaScript 框架,优点是简化了 DOM 操作,缺点是 DOM 操作太频繁,
影响
前端性能;在前端眼里使用它仅仅是为了兼容 IE6、7、8;Angular:Google 收购的前端框架,
由一群 Java 程序员开发,其特点是将后台的 MVC 模式搬到了
前端并增加了模块化开发的理念,与微软合作,采用 TypeScript 语法开发;对后台程序员友好,
对前端程序员不太友好;最大的缺点是版本迭代不合理(如:1 代 -> 2 代,除了名字,基本就是两
个东西)
React:Facebook 出品,一款高性能的 JS 前端框架;特点是提出了新概念 【虚拟 DOM】 用于
减
少真实 DOM 操作,在内存中模拟 DOM 操作,有效的提升了前端渲染效率;缺点是使用复杂,因
为需要额外学习一门 【JSX】 语言;
Vue :一款渐进式 JavaScript 框架,所谓渐进式就是逐步实现新特性的意思,如实现模块化开发、
路由、状态管理等新特性。其特点是综合了 Angular(模块化) 和 React(虚拟 DOM) 的优点;
Axios :前端通信框架;因为 Vue 的边界很明确,就是为了处理 DOM,所以并不具备通信能
力,此时就需要额外使用一个通信框架与服务器交互;当然也可以直接选择使用 jQuery 提供的
AJAX 通信功能;
UI 框架
Ant-Design:阿里巴巴出品,基于 React 的 UI 框架
ElementUI:饿了么出品,基于 Vue 的 UI 框架
Bootstrap:Twitter 推出的一个用于前端开发的开源工具包
AmazeUI:又叫“妹子 UI”,一款 HTML5 跨屏前端框架
JavaScript 构建工具
Babel:JS 编译工具,主要用于浏览器不支持的 ES 新特性,比如用于编译 TypeScript
WebPack:模块打包器,主要作用是打包、压缩、合并及按序加载
前后分离的演变史
后端为主的 MVC 时代
为了降低开发的复杂度,以后端为出发点,比如:Struts2、SpringMVC 等框架的使用,就是后端
的
MVC 时代;
以 SpringMVC 流程为例:
发起请求到前端控制器( DispatcherServlet )
前端控制器请求 HandlerMapping 查找 Handler ,可以根据 xml 配置、注解进行查找
处理器映射器 HandlerMapping 向前端控制器返回 Handler
前端控制器调用处理器适配器去执行 Handler
处理器适配器去执行 Handler
Handler 执行完成给适配器返回 ModelAndView
处理器适配器向前端控制器返回 ModelAndView , ModelAndView 是 SpringMVC 框架的一个底
层对象,包括 Model 和 View 前端控制器请求视图解析器去进行视图解析,根据逻辑视图名解析成
真正的视图( JSP )
视图解析器向前端控制器返回 View
前端控制器进行视图渲染,视图渲染将模型数据(在 ModelAndView 对象中)填充到 request 域
前端控制器向用户响应结果
优点
MVC 是一个非常好的协作模式,能够有效降低代码的耦合度,从架构上能够让开发者明白代码应该
写在
哪里。为了让 View 更纯粹,还可以使用 Thymeleaf、Freemarker 等模板引擎,使模板里无法
写入
Java 代码,让前后端分工更加清晰。
缺点
剩余72页未读,继续阅读
资源评论
Java毕设王
- 粉丝: 6342
- 资源: 1076
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 蓝桥杯2024年第十五届省赛真题-前缀总分
- com.qihoo.appstore_300101305-1.apk
- tensorflow-gpu-2.7.1-cp37-cp37m-manylinux2010-x86-64.whl
- tensorflow-2.7.2-cp37-cp37m-manylinux2010-x86-64.whl
- tensorflow-2.7.1-cp39-cp39-manylinux2010-x86-64.whl
- 蓝桥杯2024年第十五届省赛真题-传送阵
- com.qihoo.appstore_300101305.apk
- linux之线程同步一.doc
- keil5配色方案10种
- python烟花代码.doc
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功