放一下课上的内容
![](https://img-blog.csdnimg.cn/img_convert/7f24eb44ed91d4b55a701cbce08ef16f.png)
![](https://img-blog.csdnimg.cn/img_convert/39b7579638629315c0266b230a96df02.png)
![](https://img-blog.csdnimg.cn/img_convert/3a96fa8d5cf14083e0aee09f6c37da9e.png)
![](https://img-blog.csdnimg.cn/img_convert/a25783e9fc49f851c5472ff953b9a680.png)
![](https://img-blog.csdnimg.cn/img_convert/e8e993c97b3e59ff39034fbfbdb72e08.png)
![](https://img-blog.csdnimg.cn/img_convert/9a06be92817c7663386bf34d8ea2605b.png)
![](https://img-blog.csdnimg.cn/img_convert/4ad47cc46dc873ac88429988cae3d2e9.png)
![](https://img-blog.csdnimg.cn/img_convert/21a476ef23616b2e685d12cb891a9821.png)
![](https://img-blog.csdnimg.cn/img_convert/15bc89626c15ef9d0b4a4324b65ab097.png)
![](https://img-home.csdnimg.cn/images/20230724024159.png)
![](https://img-blog.csdnimg.cn/img_convert/72fcdd20975fce232bbe3dc8733aba48.png)
![](https://img-blog.csdnimg.cn/img_convert/b8117850be7383e0183a18167f812219.png)
![](https://img-blog.csdnimg.cn/img_convert/8cf8fb585a5aaf58db9afa17af947f7f.png)
![](https://img-blog.csdnimg.cn/img_convert/60d02bc7ae1ccb1309a5f0117dc9df22.png)
![](https://img-blog.csdnimg.cn/img_convert/c87273b4e829f0609cd73f76c2dfaa69.png)
![](https://img-blog.csdnimg.cn/img_convert/ddd4f92ebd3d9a58cdca159021219de3.png)
![](https://img-blog.csdnimg.cn/img_convert/7f5191c4c8bf40871b38e366d3059034.png)
![](https://img-blog.csdnimg.cn/img_convert/c6cc5793112e916de98c47cf9e5c0147.png)
![](https://img-blog.csdnimg.cn/img_convert/7574e77dc45f198f2056c48047ce63fc.png)
![](https://img-blog.csdnimg.cn/img_convert/0a0db669204bfe3c9455267a965936db.png)
![](https://img-blog.csdnimg.cn/img_convert/2792e673a431b17f6d88fb242e0db91c.png)
![](https://img-blog.csdnimg.cn/img_convert/99ec53eb3cd581b4738a42a56769f9d2.png)
![](https://img-blog.csdnimg.cn/img_convert/e58e0d7f052b462ef5bdc01c5d178828.png)
![](https://img-blog.csdnimg.cn/img_convert/3ff72a0b5800b7e322399d8fe61aa767.png)
![](https://img-home.csdnimg.cn/images/20230724024159.png)
![](https://img-blog.csdnimg.cn/img_convert/398ce5486c764f432fa810ddef7099f5.png)
![](https://img-blog.csdnimg.cn/img_convert/7e0ff0b2a2e0cfc9f4331f14cf682fc9.png)
![](https://img-blog.csdnimg.cn/img_convert/95ebf1845f344d73a9bad22d3eb699de.png)
![](https://img-blog.csdnimg.cn/img_convert/aec7aa2e9fa2eb15e41a4f23f422a564.png)
![](https://img-blog.csdnimg.cn/img_convert/a9b0c574e99d86006dd6fdc21a3dec63.png)
![](https://img-home.csdnimg.cn/images/20230724024159.png)
![](https://img-blog.csdnimg.cn/img_convert/4e96d39bf540f07521984bb383d4a974.png)
![](https://img-blog.csdnimg.cn/img_convert/d30996b19280d42f726eec2d8c5a260f.png)
![](https://img-blog.csdnimg.cn/img_convert/46c4e461be0cc88f4b667cabebbc20eb.png)
![](https://img-blog.csdnimg.cn/img_convert/4574f7be60949af56ee8ad00fd7ef140.png)
![](https://img-blog.csdnimg.cn/img_convert/27fbac89e4461a64bdc0b69e26d070e8.png)
![](https://img-blog.csdnimg.cn/img_convert/f32d39383fc0f8ba3d5326fd65d8de4f.png)
![](https://img-blog.csdnimg.cn/img_convert/655e09af86f92edd103d935005a0bac3.png)
![](https://img-home.csdnimg.cn/images/20230724024159.png)
![](https://img-blog.csdnimg.cn/img_convert/490079535fc0fb07eccf7625b3061527.png)
![](https://img-blog.csdnimg.cn/img_convert/761bac513d8aa79fb6f619030a4d8749.png)
![](https://img-blog.csdnimg.cn/img_convert/647af0d641d04c0a82990b448eb51998.png)
![](https://img-home.csdnimg.cn/images/20230724024159.png)
![](https://img-blog.csdnimg.cn/img_convert/4ed8bb2b1e7e62af4265221413454cd0.png)
![](https://img-blog.csdnimg.cn/img_convert/cb288f985036b86916b565f42ff850fa.png)
![](https://img-blog.csdnimg.cn/img_convert/cd5bfe2a342f905ffa39124436051cb2.png)
![](https://img-blog.csdnimg.cn/img_convert/11c0aa7907a037c5563b0cb9b545411e.png)
![](https://img-blog.csdnimg.cn/img_convert/b76e14a3092ea11644cf05cb2c5ef5fd.png)
![](https://img-blog.csdnimg.cn/img_convert/72b1bf8a672fbeea52e6c7bffd4c9a8d.png)
![](https://img-blog.csdnimg.cn/img_convert/a604b88ff55e11da58dace5588745933.png)
![](https://img-blog.csdnimg.cn/img_convert/544b13013ca400bd9a1c7eeb83eabcb7.png)
![](https://img-blog.csdnimg.cn/img_convert/bc45a80762e3d1130fadea88656456cd.png)
Vue练习
1、练习要求和实验2的用户注册一样,当用户输入后,能在下方显示用户输入的各项内容(不需要实现【重置】按钮)
2、实验报告中的实验小结部分来谈谈用JS、jQuery和 vue.js来实现用户注册的使用差别
原生 JavaScript
优势:
- 无依赖:不需要额外的库或框架。
- 控制:开发者可以更精确地控制代码行为,不受库或框架的限制。
劣势:
- 代码量:可能需要编写更多的代码来处理DOM操作和状态管理。
- 兼容性:需要手动处理不同浏览器之间的兼容性问题。
jQuery
优势:
- 简化DOM操作:jQuery提供了一套简洁的API来处理DOM操作,使得代码更简洁易读。
- 插件丰富:有大量现成的插件可以使用,可以快速实现复杂功能。
- 跨浏览器兼容性:jQuery处理了大部分的浏览器兼容性问题。
劣势:
- 性能:相对于原生JavaScript,jQuery的操作可能会稍慢。
- 体积:引入jQuery库会增加页面的加载时间。
- 现代化问题:随着前端技术的发展,纯粹依赖jQuery的开发模式已逐渐被现代框架所替代。
Vue.js
优势:
- 数据双向绑定:Vue.js的双向绑定机制可以简化表单输入与数据模型之间的同步。
- 组件化:支持将界面拆分成可重用的组件,有利于代码的组织和复用。
- 现代化工具支持:配合Vue CLI等工具,可以快速搭建项目,支持热重载、代码分割等现代开发实践。
- 生态系统:有丰富的插件和库可以使用,社区活跃。
劣势:
- 学习曲线:相比于jQuery,Vue.js的学习曲线稍陡,需要理解组件化和MVVM模式。
- 依赖:项目需要依赖Vue.js框架本身,可能会有一定的学习和维护成本。
应用场景
- 原生JavaScript:适用于不需要额外库依赖且追求最小化或教育目的的项目。
- jQuery:适合快速开发,特别是在旧项目中已经广泛使用jQuery的情况。
- Vue.js:适用于需要高度组织的代码和前端驱动的复杂应用,例如SPA(单页应用)。