开发技能前端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、处理返回结果。
Built with LogoFlowershow