口味网

一、VueJs 填坑日记之基础概念知识解释

网站:口味网   来源:网络收集

概述 在最开始听说 vuejs 这个词是在 2016 年,当时天真的认为自己是个后端开发工程师不需 要学习太多的前端知识,不过紧接着在 2017 年在公司就用到了 vuejs。

对于初学者(尤其 是干后端的初学者)来说,刚接触时,有好多思路都很难理解。

本来写这一系列博客,只是为了记录自己在这一段时间学习 vuejs 的成果。

如果有何纰漏 请大家多多理解,不喜勿喷… 再说,在目前互联网的调整发展情况下,javascript 更是在快速的更新迭代,如今对前端 工程师来说,需要会的不只有 css+div,js+jq 了。

近年来,javascript 各界大神也发布了 很多优秀的框架,如安哥拉(angularjs),Reactjs 等。

而 vuejs 更是由国神【尤雨 溪(Evan You)】主导开发并得到了业界认可的优秀框架。

因此,综合上述种种,本人决定以该系列博客来记录自己的学习过程及问题,在写作时由 于本人方案功底薄弱,写的不好希望大家多多见谅。

在学习时,参考了另一篇特别好的博 客,以下有些内容也借鉴而来,忠心感谢 FungLeo,是你们无私的奉献,才让我们有了学 习的参考,以下是地址: http://blog.csdn.net/fungleo/article/details/77575077 基本理念 本文将通过 vue-cli+axois+amaze ui+jquery 来搭建一个小型的管理系统,数据来 源使用 cnode.js 的公开 api 接口。

由于该项目属于小型项目,所以不涉及 vuex 等知识。

前后端分离开发模式 在 N 年前,我们开发 web 项目的流程是: 1、设计师设计页面 2、美工将设计稿通过 css+div 切片成 html 的页面 3、后端工程师拿切好的 html 页面 在这种开发模式上有明显的缺点,就是页面出现哪怕只是特别小的问题或是修改很小的功 能,也需要前后端工程互相协调开发。

对后端工程师来说,并不能更专注的去实现业务逻 辑。

所以近年出现在前后端分离开发模式,如下: 1、设计师设计页面 2、前端、后端、测试等其它开发人员约定接口规范(形成接口文档) 3、前端工程师按接口文档来开发前端(前期可模拟接口返回的数据模型)来进行前端的 开发 4、后端工程师按接口文档开开发相应接口 与几年前相比,对前端工程师的要求无疑提高了很多,如如何调用接口等。

对后端工程师 来说却可以更专注的实现业务逻辑。

时代在发展,困难如弹簧,你强它就弱,你弱它就强。

所以为了不被时代所淘汰,努力吧! 单页应用程序(SPA) 单页 Web 应用(single page web application,SPA),就是只有一张 Web 页面的应用, 是加载单个 HTML 页面并在用户与应用程序交互时动态更新该页面的 Web 应用程序。

要想更好的学习 SPA,需要大家先了解一下锚点链接: HTML 中的链接,正确的说法应该称作"锚点",它命名锚点链接(也叫书签链接)常常用 于那些内容庞大繁琐的网页,通过点击命名锚点,不仅让我们能指向文档,还能指向页面 里的特定段落,更能当作"精准链接"的便利工具,让链接对象接近焦点。

便于浏览者查看 网页内容。

类似于我们阅读书籍时的目录页码或章回提示。

在需要指定到页面的特定部分 时,标记锚点是最佳的方法。

更多关于锚点链接的解释请参见: https://baike.baidu.com/item/%E9%94%9A%E7%82%B9%E9%93%BE%E6%8E%A5 /7472012?fr=aladdin 为什么要用锚点链接,原因是锚点链接并不会使页面进行跳转或刷新。

以我们的 vue 项目 为例,它的本地 url 结构一般为以下格式: http://localhost:8080/#/Inbox 可以明显的看到我们所谓的路由地址是在 # 号后面的,也就是利用了锚点的特性。

RESTful 风格接口 URI 表示资源的两种方式:资源集合、单个资源。

如下: 资源集合: /zoos //所有动物园 /zoos/1/animals //id 为 1 的动物园中的所有动物 单个资源: /zoos/1 //id 为 1 的动物园 /zoos/1;2;3 //id 为 1,2,3 的动物园 更多关于 RESTful 风格接口的解释请参见: http://blog.csdn.net/yue7603835/article/details/52536497

VUE 是什么? 目前业界主流的前端三大框架:angular、react、vue,目前 angular 正处于新旧交替所 以不选择,剩下的两个都非常优秀,但是 vue 的学习成本要比 react 低好多。

同样都优秀 的框架,我们选择 vue,只因为两个字“简单”。

vuejs 是一个前端框架,并不只是官网下载下来的一个 vue.js 文件。

官方的解释: Vue.js (读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架。

与其他重量级框架 不同的是,Vue 采用自底向上增量开发的设计。

Vue 的核心库只关注视图层,它不仅易于 上手,还便于与第三方库或既有项目整合。

另一方面,当与单文件组件和 Vue 生态系统支 持的库结合使用时,Vue 也完全能够为复杂的单页应用程序驱动。

如果你是有经验的前端开发者,想知道 Vue.js 与其它库/框架的区别,查看对比其它框架。

更多关于 vuejs 的解释请参见: https://cn.vuejs.org/v2/guide/ 在上面提到了 Vue 的核心库,我们来看一下都有哪些核心库,如下: 1、vue.js 核心,不解释。

2、VueRouter2 实现路由组织工具。

3、webpack 项目打包以及编译工具。

4、nodejs 前端开发环境。

5、npm 前端包管理器。

6、axios ajax 接口请求工具。

7、sass-loader 和 node-sass css 预处理。

8、element 基于 vue 的组件库。

9、iview 基于 vue 的另一套组件库。

10、vue-cli vue 项目脚手架。

一键安装 vue 全家桶的工具。

命令行的重要性 在学习 vue 时,我们会经常用到一些命令,如 npm install、npm run dev 等,这是 vuecli 对我们的一些命令,现在的前端,不会点命令出去找工作都不好意思说自己是前端 了。

希望在初学 vue 或其它前端框架时,不要抵触命令行,因为它 1、更好 2、更快 3、更强 4、更装逼 第一篇文章,基本没有代码,接下来我们就要开始慢慢的揭露 vue 神秘的面纱了。

相关内容
  • 解释几个关于SQL日志的概念

    解释几个关于SQL日志的概念

    解释几个关于SQL日志的概念...

  • 二、VueJs 填坑日记之基础项目构建

    二、VueJs 填坑日记之基础项目构建

    二、VueJs 填坑日记之基础项目构建...

  • 网站日志如何分析需要掌握的基础知识点

    网站日志如何分析需要掌握的基础知识点

    网站日志如何分析需要掌握的基础知识点...

  • 摄影基础知识:尼康镜头上字符文字的含义解释

    摄影基础知识:尼康镜头上字符文字的含义解释

    摄影基础知识:尼康镜头上字符文字的含义解释...

  • 全国计算机等级考试(三级网络)基本概念与名词解释(计算机基础知识部分)

    全国计算机等级考试(三级网络)基本概念与名词解释(计算机基础知识部分)

    全国计算机等级考试(三级网络)基本概念与名词解释(计算机基础知识部分)...

  • 七、VueJs 填坑日记之渲染一个列表

    七、VueJs 填坑日记之渲染一个列表

    七、VueJs 填坑日记之渲染一个列表...

  • 08年证券从业资格考试基础知识真题及答案 - 人生的路的日志 - 网易博客

    08年证券从业资格考试基础知识真题及答案 - 人生的路的日志 - 网易博客

    08年证券从业资格考试基础知识真题及答案 - 人生的路的日志 - 网易博客...

  • 2011昆明中原考核基础知识手记

    2011昆明中原考核基础知识手记

    2011昆明中原考核基础知识手记...

  • 液压基础知识(常用液压单位转换,名词概念解释等)

    液压基础知识(常用液压单位转换,名词概念解释等)

    液压基础知识(常用液压单位转换,名词概念解释等)...

  • VDE认证电源线型号的标示含义解释和基础知识

    VDE认证电源线型号的标示含义解释和基础知识

    VDE认证电源线型号的标示含义解释和基础知识...

  • 网友在搜
    毛瑟98式步漫画 xbox one s 充电 2017lol世界总决赛视频 仕途官道狄力第二部 1pondo 121713 716 zuk刷smatisan os 陈粒小半唱法教学 大理自驾一日游攻略 如何分辨玉石原石 欧曼gtl460潍柴轻载型 馨琦鸽苑的主人 asp网站开发教程 swisse葡萄籽 酸 best regards from 南海十三郎mkv百度云 嫩模maxin磁力 伪装者明台回家晚被打 preferencefragment 深圳爱德堡幼儿园 h3c三层交换机配置 db2in有索引吗 google cloud 入门 0~9 teen girl sex 知识产权销售好做吗 西门子开关插座官网 金融帝国2 注册表 ∫e x 2 定积分 晨晖资本 晨晖创投 表外与表表外区别 苹果7关机拔卡能定位嘛 landsat tm8 analpart2 马克西姆郑州2018 www.hyoucai.cn 炫特嘉园 死人 特斯拉 semi truck char p a pmid121 荏原evmg524f5 5.5 golden bull limited disabling xbox dvr one horizon group wonder girls知乎 hotel moven pickdoha kb4022405 spss 信度分析 临海市市委常委胡新民 午睡后头痛怎么缓解 LED moving 挂科 毕业证 学位证

    All Right Reserved 口味网

    声明:本站内容源于网络,出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。文章内容仅供参考,请咨询相关专业人士。

    如果无意之中侵犯了您的版权,或有意见、反馈或投诉等情况 网站地图 网站栏目