Vue.js 01

单页面应用程序

  • Single Page Application（SPA）
  • Single Page Application（SPA）
  • 从字面意义来看就是一个网站就一个页面
    • coding
    • 网易云音乐
    • 极致用户体验，就像 native app 一样。

  • 优点

    • 分离前后端关注点，前端负责界面显示，后端负责数据存储和计算，各司其职，不会把前后端的逻辑混杂在一起

    • 1、具有桌面应用的即时性、网站的可移植性和可访问性。
      2、用户体验好、快，内容的改变不需要重新加载整个页面，web应用更具响应性和更令人着迷。
      3、基于上面一点，SPA相对对服务器压力小。
      4、良好的前后端分离。SPA和RESTful架构一起使用，后端不再负责模板渲染、输出页面工作，web前端和各种移动终端地位对等，后端API通用化。
      5、对前端人员javascript技能要求更高，促使团队技能提升。作者：洞妖洞妖我系洞两链接：https://www.zhihu.com/question/20792064/answer/37808081

  • 缺点
    • 致命缺点：SEO 问题，搜索引擎优化
    • 目前也有一些对应的解决方案：但是都不够完美
    • 1、不利于SEO。
      2、初次加载耗时相对增多。
      3、导航不可用，如果一定要导航需要自行实现前进、后退。
      4、对开发人员技能水平、开发成本高。

简单模拟单页面应用程序的效果

  • hash
  • window.onhashchange 事件
  • 当 hash 改变的时候，根据不同的 hash 做不同处理

主流前端 JavaScript 框架

  • Angular
    • 09年 原来是个人开发的，后来被 Google 给收购了
  • React
    • 诞生于 Facebook 公司内部
  • Vue.js
    • 尤雨溪（中国江苏无锡人，12 年左右）

Vue.js 介绍

  • 是什么
    • 前端 JavaScript 框架
  • 为什么用它
    • 它能帮助提升网站应用程序开发效率

  • 一般什么情况下使用它

    • 一般是需要开发 SPA 应用程序的时候去用

    • 但是 Vue 是渐进式的，Vue 其实可以融入到不同的项目中

      可以和传统的网站开发架构融合在一起，例如可以简单的把它当作一个类似 jQUery 的库来使用

      也可以使用它开发大型的 SPA 单页面应用程序

  • 发展历史

    • 作者：尤雨溪（微博：尤小右）。

      个人网站 知乎 新浪微博

      • 作者尤雨溪最初在 2013 年 12 月 8号在 GitHub 上发布了 0.6 版

        • 2015 年 10 月份正式发布了 1.0 版本

          Vue 真正的火起来就是在 15 年的 1.0 版发布之后才简陋头角

        • 2016 年 10 月份正式发布了 2.0 版
        • 截止到 2017-11-9 16:24:15 最新版是 2.5.3
赏

谢谢你请我吃糖果

支付宝

扫一扫，分享到微信

微信分享二维码

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

热爱计算机<br><br>迷恋计算机<br><br>学习计算机