浅析angular,react,vue.js jQuery使用区别
2017-06-08 20:01
1236 查看
转自(http://www.cnblogs.com/leolovexx/p/5691402.html)
前端越来越混乱了,当然也可以美其名曰:繁荣。
当新启动一个前端项目,第一件事就是纠结:使用什么框架,重造什么轮子?
PS:大牛留言讨论
那么,希望看完此篇,能够给你一个清晰的认识,或者让你更加地纠结和无所适从 = =!
本篇拿一注册功能作为样本,使用各种框架去实现功能,从而对比各种方式的优劣。
简单粗暴,用户行为驱动的思考方式,不需要怎么动脑= =!
前端越来越混乱了,当然也可以美其名曰:繁荣。
当新启动一个前端项目,第一件事就是纠结:使用什么框架,重造什么轮子?
PS:大牛留言讨论
那么,希望看完此篇,能够给你一个清晰的认识,或者让你更加地纠结和无所适从 = =!
本篇拿一注册功能作为样本,使用各种框架去实现功能,从而对比各种方式的优劣。
JQuery
<div> <div><input type="text" id="nameIpt"/></div> <div><input type="text" id="statusIpt"/></div> <div><input type="button" value="save" id="saveBtn"/></div> </div> <script> $(function () { $("#saveBtn").click(function () { saveToDB($.trim($("#nameIpt").val()), $.trim($("#statusIpt").val())); }) function saveToDB() { //save to db } }) </script>
简单粗暴,用户行为驱动的思考方式,不需要怎么动脑= =!
Vuejs
<div id="demo"> <div> <input v-model="name"></div> <div> <input v-model="status"></div> <div> <input v-on="click:save()" type="button" value="save"></div> </div> <script> var demo = new Vue({ el: '#demo', data: { name: '', status:'' }, methods: { save: function () { saveToDB(this.name, this.status); } } }) function saveToDB(name, status) { //..
相关文章推荐
- 浅析angular,react,vue.js jQuery使用区别
- 浅析angular,react,vue.js jQuery使用区别
- 浅析angular,react,vue.js jQuery使用区别
- 浅析angular,react,vue.js jQuery-1
- 深入浅析angular和vue还有jquery的区别
- 关于最近流行的vuejs.angularjs,Reactjs等前端框架的简单对比及体验
- react.js,angular.js,vue.js学习哪个好?
- angular js jquery中post请求的一点小区别
- [译]怎样在Vue.js中使用jquery插件
- vue.js和angular.js的区别
- 原生js使用forEach()与jquery使用each遍历数组,return false 的区别
- AngularJs & JQuery 结合使用存在的问题 之 input hidden 问题解决方案
- Angularjs link和compile使用区别
- Vue.js与Angular、React、Ember、Polymer、Riot框架的对比
- Vue.js中v-bind v-model的使用和区别
- Vue.js vs React vs Angular 深度对比
- 使用Jquery与vuejs操作dom比较
- JQuery与js具体使用的区别(不全,初学)
- Vue.js与Angular、React、Ember、Polymer、Riot框架的对比
- Vue.js 很好,但会比 Angular 或 React 更好吗?