Summary
http 和 https http 无状态的协议 【 TCP 双全工】 浏览器 -> 请求(request) -> 服务器 服务器 -> 响应(response) -> 浏览器
restful请求方式 : post \ get \ put \ patch \ delete postman — 前后端开发测试工具 xmlHttpRequest | fetch
node 开发工具集 = JDK V8 = JVM npm = maven
Vue核心–Dom+Form axios–Ajax jquery–动画
JS函数库–jquery UI库–easy-ui、elementUI、element-plus 框架–React、Vue、Angular
1、CDN模式下语法结构
- 需要操作的html需要id属性。
- <script src="......Vue.js">
- <script type='module'>
const vueApp = {setup(){ ........ return { }} }
Vue.createApp(vueApp).mount('#id')
<script>
2、模板语法 : {{msg}} v-html [模板中可以用表达式,计算属性]
3、指令:
- v-bind 绑定html属性值 :
- v-on 绑定html事件 @
- v-modle 绑定表单元素 数据的双向绑定
- v-for 循环操作 显示
- v-if 判断是否输出
4、生命周期钩子函数
mounted(){
Ajax
}
5、watch 监听器
变量的 “副作用“
1、准备managesys.json
2、启动json-server
3、postman测试json-server
4、项目安装axios。"axios": "^0.21.0",
5、页面import axios,事件触发函数提交get方法
6、处理返回结果。