目录
前端发展历史
# 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，但是官方不建议了
# 先基于vue2学习
vue快速使用之helloworld
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/vue.js"></script>
</head>
<body>
<div id="d1">
<p>{{name}}</p>
<p>{{age}}</p>
</div>
</body>
<script>
// 配置项 key:value vm就是一个变量
var vm = new Vue({
el: '#d1', // el固定的格式 传你管理的那个标签 以后在这个标签里就可以写vue的语法了 在div里就可以Vue的指令 语法
data:{ //添加数据
name: 'hello world',
age: 18
}
})
// 传达的意思就是 页面中id为d1的div标签就被vue托管了
</script>
</html>
引入方式：
1.CDN的方式引入:
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
2.下载后导入
<script src="js/vue.js"></script>
HTMl中简单使用：
pycharm配置中安装vue插件，这样在敲写代码的时候才支持提示哟~
效果：
