vue介绍

前端发展史
vue介绍
第一个vue项目
补充

前端发展史

# 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看
	-ECMAScript 6 ECMAScript 6（简称ES6）是于2015年6月正式发布的JavaScript语言的标准
	-ES13--->标准
    -js=ecma+bom+dom
    -sass，typescript。。。
# 2 Ajax(异步JavaScript和XML)的出现 -> 后台发送异步请求，Render+Ajax混合
	-$.ajax
    -XMLHttpRequest  原生ajax

# 3 单用Ajax（加载数据，DOM渲染页面）：前后端分离的雏形

# 4 Angular框架的出现（1个JS框架）：出现了“前端工程化”的概念（前端也是1个工程、1个项目）

# 5 React、Vue框架：当下最火的2个前端框架（Vue：国人喜欢用，React：外国人喜欢用）

# 6 移动开发（Android+IOS） + Web（Web+微信小程序+支付宝小程序） + 桌面开发（Windows桌面）：前端 -> 大前端

# 7 一套代码在各个平台运行（大前端）：谷歌Flutter（Dart语言：和Java很像）可以运行在IOS、Android、PC端
	-前端用flutter后端用python写好不好

# 8 在Vue框架的基础性上 uni-app：一套编码 编到10个平台

# 9 在不久的将来 ，前端框架可能会一统天下

vue介绍

# Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架
# Vue  js的框架
 
# M-V-VM 架构思想               MVC    MTV   MVVC   MVP移动端架构
	-M：Model 数据层   js的数据
    -V：View  视图层   html，css
    -VM：ViewModel vue做出来的介于M和V之间的一层，以后不需要手动进行dom操作了
	----作用：以后页面变，js变量就变，js变量变，页面就变

 # 组件化开发、单页面开发
	-组件化开发，以后都是写出一个个组件，组件的组合成页面
    -单页面开发（单页面应用）：spa：single-page application，一个HTML页面

 # 版本
    1.X：使用得较少
    2.X：普遍使用（蛮多）
    3.X：出了很久了，公司里新项目会选择
    	-语法有差距，但是vue3完全兼容vue2
        -你可以在vue3上写vue2，但是官方不建议了

第一个vue项目

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/vue.js"></script>
    <!--    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>-->
</head>
<body>

<div id="app">

    <p>{{name}}</p>

</div>


</body>
<script>
    // 配置项  key：value 传
    var vm = new Vue({
        el: '#app',  // vue管理了这个div，以后在div中就可以写vue的语法了
        data: {
            name: 'hello world winter',
            age: 19
        }
    })
</script>
</html>

补充

# 接口性能指标
	# qps:Queries Per Second，每秒查询率，一台服务器每秒能够响应的查询次数
     # tps:Transactions Per Second，是每秒处理的事务数，包括一条消息入和一条消息出，加上一次用户数据库访问
     #并发量：
        系统同时处理的请求或事务数，可以直接理解为：系统同时处理的请求数量
        QPS = 并发量 / 平均响应时间
        并发量 = QPS * 平均响应时间
        例如当前系统QPS为1w，每个请求的响应时间都是2s，那么并发量就是2w    
    # PV
    PV（Page View）：页面访问量，即页面浏览量或点击量，用户每次刷新即被计算一次。可以统计服务一天的访问日志得到。
    # UV
    UV（Unique Visitor）：独立访客，统计1天内访问某站点的用户数。可以统计服务一天的访问日志并根据用户的唯一标识去重得到。
    # DAU(日活)
    DAU(Daily Active User)，日活跃用户数量。常用于反映网站、app、网游的运营情况。
    DAU通常统计一日（统计日）之内，登录或使用了某个产品的用户数（去除重复登录的用户），与UV概念相似
    # MAU(月活)
    MAU(Month Active User)：月活跃用户数量，指网站、app等去重后的月活跃用户数量

# 你写的接口，qps应该是多少？
	几百


# 解释型语言
	-python解释器
    -js 解释型语言----》浏览器中有---》只能运行在浏览器中
    -于是就有大神---》把谷歌浏览的v8引擎(js解释器)，抠出来---》能够运行在操作系统之上+c写了底层库---》node js

# pycharm中装vue插件
	-setting---》plugins---》下载，重启

# 解释器
# ide：集成开发环境，快速开发
	-pycharm
    -goland
    -vscode
    
# dtl：django template language  djagno的模板语法