vuejs在前端开发起到什么作用 认识Vue.js+Vue.js的优缺点+和与其他前端框架的区...
\u524d\u7aef\uff1aVue.js\u6846\u67b6\u662f\u4ec0\u4e48\uff0c\u4e3a\u4ec0\u4e48\u9009\u62e9\u5b83\u901a\u8fc7\u5c3d\u53ef\u80fd\u7b80\u5355\u7684API\u5b9e\u73b0\u54cd\u5e94\u7684\u6570\u636e\u7ed1\u5b9a\u548c\u7ec4\u5408\u7684\u89c6\u56fe\u7ec4\u4ef6 \uff08\u6458\u81eaVue.js\u5b98\u7f51\uff09
Vue\u7684\u6570\u636e\u9a71\u52a8\uff1a\u6570\u636e\u6539\u53d8\u9a71\u52a8\u4e86\u89c6\u56fe\u7684\u81ea\u52a8\u66f4\u65b0\uff0c\u4f20\u7edf\u7684\u505a\u6cd5\u4f60\u5f97\u624b\u52a8\u6539\u53d8DOM\u6765\u6539\u53d8\u89c6\u56fe\uff0cvuejs\u53ea\u9700\u8981\u6539\u53d8\u6570\u636e\uff0c\u5c31\u4f1a\u81ea\u52a8\u6539\u53d8\u89c6\u56fe\uff0c\u4e00\u4e2a\u5b57\uff1a\u723d\u3002\u518d\u4e5f\u4e0d\u7528\u4f60\u53bb\u64cd\u5fc3DOM\u7684\u66f4\u65b0\u4e86\uff0c\u8fd9\u5c31\u662fMVVM\u601d\u60f3\u7684\u5b9e\u73b0\u3002
\u9002\u7528\u573a\u666f
\u5982\u679c\u4f60\u8fd8\u5728\u7528jquery\u9891\u7e41\u64cd\u4f5c\u4f60\u7684DOM\u6765\u66f4\u65b0\u9875\u9762\u7684\u8bdd\uff0c\u90a3\u4e48\uff0c\u4f60\u53ef\u4ee5\u7528Vue.js\u6765\u89e3\u653e\u4f60\u7684DOM\u64cd\u4f5c\u4e86\u3002
\u5982\u679c\u4f60\u7684\u9879\u76ee\u4e2d\u6709\u591a\u4e2a\u90e8\u5206\u662f\u76f8\u540c\u7684\uff0c\u5e76\u53ef\u4ee5\u5c01\u88c5\u6210\u4e00\u4e2a\u7ec4\u4ef6\uff0c\u90a3\u4e48\uff0c\u4f60\u53ef\u4ee5\u8bd5\u8bd5\u7528Vue.js\u3002
\u6b64\u5916\uff0cVue.js\u7684\u6838\u5fc3\u5b9e\u73b0\u4e2d\u4f7f\u7528\u4e86ES5\u7684Object.defineProperty\u7279\u6027\uff0cIE8\u53ca\u4ee5\u4e0b\u7248\u672c\u6d4f\u89c8\u5668\u662f\u4e0d\u517c\u5bb9\u7684\uff0c\u6240\u4ee5\uff0c\u4f60\u7684\u9879\u76ee\u9700\u8981\u517c\u5bb9\u8fd9\u4e9b\u8f83\u4f4e\u7248\u672c\u7684\u6d4f\u89c8\u5668\u7684\u8bdd\uff0c\u90a3\u4e48\uff0cVue.js\u5c31\u4e0d\u9002\u7528\u4e86\u3002
\u6bd5\u7adf\uff0c\u5f00\u53d1\u4e00\u4e2a\u9879\u76ee\u7684\u76ee\u7684\u4e0d\u662f\u4e3a\u4e86\u4f7f\u7528\u67d0\u4e2a\u6846\u67b6\u3002
\u5e0c\u671b\u5bf9\u60a8\u6709\u6240\u5e2e\u52a9
\u9996\u5148\uff0c\u6211\u4eec\u5148\u4e86\u89e3\u4ec0\u4e48\u662fMVX\u6846\u67b6\u6a21\u5f0f\uff1f
MVX\u6846\u67b6\u6a21\u5f0f\uff1aMVC+MVP+MVVM
1.MVC\uff1aModel(\u6a21\u578b)+View(\u89c6\u56fe)+controller(\u63a7\u5236\u5668)\uff0c\u4e3b\u8981\u662f\u57fa\u4e8e\u5206\u5c42\u7684\u76ee\u7684\uff0c\u8ba9\u5f7c\u6b64\u7684\u804c\u8d23\u5206\u5f00\u3002
View\u901a\u8fc7Controller\u6765\u548cModel\u8054\u7cfb\uff0cController\u662fView\u548cModel\u7684\u534f\u8c03\u8005\uff0cView\u548cModel\u4e0d\u76f4\u63a5\u8054\u7cfb\uff0c\u57fa\u672c\u8054\u7cfb\u90fd\u662f\u5355\u5411\u7684\u3002
\u7528\u6237User\u901a\u8fc7\u63a7\u5236\u5668Controller\u6765\u64cd\u4f5c\u6a21\u677fModel\u4ece\u800c\u8fbe\u5230\u89c6\u56feView\u7684\u53d8\u5316\u3002
2.MVP\uff1a\u662f\u4eceMVC\u6a21\u5f0f\u6f14\u53d8\u800c\u6765\u7684\uff0c\u90fd\u662f\u901a\u8fc7Controller/Presenter\u8d1f\u8d23\u903b\u8f91\u7684\u5904\u7406+Model\u63d0\u4f9b\u6570\u636e+View\u8d1f\u8d23\u663e\u793a\u3002
\u5728MVP\u4e2d\uff0cPresenter\u5b8c\u5168\u628aView\u548cModel\u8fdb\u884c\u4e86\u5206\u79bb\uff0c\u4e3b\u8981\u7684\u7a0b\u5e8f\u903b\u8f91\u5728Presenter\u91cc\u5b9e\u73b0\u3002
\u5e76\u4e14\uff0cPresenter\u548cView\u662f\u6ca1\u6709\u76f4\u63a5\u5173\u8054\u7684\uff0c\u662f\u901a\u8fc7\u5b9a\u4e49\u597d\u7684\u63a5\u53e3\u8fdb\u884c\u4ea4\u4e92\uff0c\u4ece\u800c\u4f7f\u5f97\u5728\u53d8\u66f4View\u7684\u65f6\u5019\u53ef\u4ee5\u4fdd\u6301Presenter\u4e0d\u53d8\u3002
MVP\u6a21\u5f0f\u7684\u6846\u67b6\uff1aRiot,js\u3002
3.MVVM\uff1aMVVM\u662f\u628aMVC\u91cc\u7684Controller\u548cMVP\u91cc\u7684Presenter\u6539\u6210\u4e86ViewModel\u3002Model+View+ViewModel\u3002
View\u7684\u53d8\u5316\u4f1a\u81ea\u52a8\u66f4\u65b0\u5230ViewModel,ViewModel\u7684\u53d8\u5316\u4e5f\u4f1a\u81ea\u52a8\u540c\u6b65\u5230View\u4e0a\u663e\u793a\u3002
\u8fd9\u79cd\u81ea\u52a8\u540c\u6b65\u662f\u56e0\u4e3aViewModel\u4e2d\u7684\u5c5e\u6027\u5b9e\u73b0\u4e86Observer\uff0c\u5f53\u5c5e\u6027\u53d8\u66f4\u65f6\u90fd\u80fd\u89e6\u53d1\u5bf9\u5e94\u7684\u64cd\u4f5c\u3002
MVVM\u6a21\u5f0f\u7684\u6846\u67b6\u6709\uff1aAngularJS+Vue.js\u548cKnockout+Ember.js\u540e\u4e24\u79cd\u77e5\u540d\u5ea6\u8f83\u4f4e\u4ee5\u53ca\u662f\u65e9\u8d77\u7684\u6846\u67b6\u6a21\u5f0f\u3002
Vue.js\u662f\u4ec0\u4e48\uff1f
\u770b\u5230\u4e86\u4e0a\u9762\u7684\u6846\u67b6\u6a21\u5f0f\u4ecb\u7ecd\uff0c\u6211\u4eec\u53ef\u4ee5\u77e5\u9053\u5b83\u662f\u5c5e\u4e8eMVVM\u6a21\u5f0f\u7684\u6846\u67b6\u3002\u90a3\u5b83\u6709\u54ea\u4e9b\u7279\u6027\u5462\uff1f
\u5176\u5b9eVue.js\u4e0d\u662f\u4e00\u4e2a\u6846\u67b6\uff0c\u56e0\u4e3a\u5b83\u53ea\u805a\u7126\u89c6\u56fe\u5c42\uff0c\u662f\u4e00\u4e2a\u6784\u5efa\u6570\u636e\u9a71\u52a8\u7684Web\u754c\u9762\u7684\u5e93\u3002
Vue.js\u901a\u8fc7\u7b80\u5355\u7684API\uff08\u5e94\u7528\u7a0b\u5e8f\u7f16\u7a0b\u63a5\u53e3\uff09\u63d0\u4f9b\u9ad8\u6548\u7684\u6570\u636e\u7ed1\u5b9a\u548c\u7075\u6d3b\u7684\u7ec4\u4ef6\u7cfb\u7edf\u3002
Vue.js\u7684\u7279\u6027\u5982\u4e0b\uff1a
1.\u8f7b\u91cf\u7ea7\u7684\u6846\u67b6
2.\u53cc\u5411\u6570\u636e\u7ed1\u5b9a
3.\u6307\u4ee4
4.\u63d2\u4ef6\u5316
Vue.js\u4e0e\u5176\u4ed6\u6846\u67b6\u7684\u533a\u522b\uff1f
1.\u4e0eAngularJS\u7684\u533a\u522b
\u76f8\u540c\u70b9\uff1a
\u90fd\u652f\u6301\u6307\u4ee4\uff1a\u5185\u7f6e\u6307\u4ee4\u548c\u81ea\u5b9a\u4e49\u6307\u4ee4\u3002
\u90fd\u652f\u6301\u8fc7\u6ee4\u5668\uff1a\u5185\u7f6e\u8fc7\u6ee4\u5668\u548c\u81ea\u5b9a\u4e49\u8fc7\u6ee4\u5668\u3002
\u90fd\u652f\u6301\u53cc\u5411\u6570\u636e\u7ed1\u5b9a\u3002
\u90fd\u4e0d\u652f\u6301\u4f4e\u7aef\u6d4f\u89c8\u5668\u3002
\u4e0d\u540c\u70b9\uff1a
1.AngularJS\u7684\u5b66\u4e60\u6210\u672c\u9ad8\uff0c\u6bd4\u5982\u589e\u52a0\u4e86Dependency Injection\u7279\u6027\uff0c\u800cVue.js\u672c\u8eab\u63d0\u4f9b\u7684API\u90fd\u6bd4\u8f83\u7b80\u5355\u3001\u76f4\u89c2\u3002
2.\u5728\u6027\u80fd\u4e0a\uff0cAngularJS\u4f9d\u8d56\u5bf9\u6570\u636e\u505a\u810f\u68c0\u67e5\uff0c\u6240\u4ee5Watcher\u8d8a\u591a\u8d8a\u6162\u3002
Vue.js\u4f7f\u7528\u57fa\u4e8e\u4f9d\u8d56\u8ffd\u8e2a\u7684\u89c2\u5bdf\u5e76\u4e14\u4f7f\u7528\u5f02\u6b65\u961f\u5217\u66f4\u65b0\u3002\u6240\u6709\u7684\u6570\u636e\u90fd\u662f\u72ec\u7acb\u89e6\u53d1\u7684\u3002
\u5bf9\u4e8e\u5e9e\u5927\u7684\u5e94\u7528\u6765\u8bf4\uff0c\u8fd9\u4e2a\u4f18\u5316\u5dee\u5f02\u8fd8\u662f\u6bd4\u8f83\u660e\u663e\u7684\u3002
2.\u4e0eReact\u7684\u533a\u522b
\u76f8\u540c\u70b9\uff1a
React\u91c7\u7528\u7279\u6b8a\u7684JSX\u8bed\u6cd5\uff0cVue.js\u5728\u7ec4\u4ef6\u5f00\u53d1\u4e2d\u4e5f\u63a8\u5d07\u7f16\u5199.vue\u7279\u6b8a\u6587\u4ef6\u683c\u5f0f\uff0c\u5bf9\u6587\u4ef6\u5185\u5bb9\u90fd\u6709\u4e00\u4e9b\u7ea6\u5b9a\uff0c\u4e24\u8005\u90fd\u9700\u8981\u7f16\u8bd1\u540e\u4f7f\u7528\u3002
\u4e2d\u5fc3\u601d\u60f3\u76f8\u540c\uff1a\u4e00\u5207\u90fd\u662f\u7ec4\u4ef6\uff0c\u7ec4\u4ef6\u5b9e\u4f8b\u4e4b\u95f4\u53ef\u4ee5\u5d4c\u5957\u3002
\u90fd\u63d0\u4f9b\u5408\u7406\u7684\u94a9\u5b50\u51fd\u6570\uff0c\u53ef\u4ee5\u8ba9\u5f00\u53d1\u8005\u5b9a\u5236\u5316\u5730\u53bb\u5904\u7406\u9700\u6c42\u3002
\u90fd\u4e0d\u5185\u7f6e\u5217\u6570AJAX\uff0cRoute\u7b49\u529f\u80fd\u5230\u6838\u5fc3\u5305\uff0c\u800c\u662f\u4ee5\u63d2\u4ef6\u7684\u65b9\u5f0f\u52a0\u8f7d\u3002
\u5728\u7ec4\u4ef6\u5f00\u53d1\u4e2d\u90fd\u652f\u6301mixins\u7684\u7279\u6027\u3002
\u4e0d\u540c\u70b9\uff1a
React\u4f9d\u8d56Virtual DOM,\u800cVue.js\u4f7f\u7528\u7684\u662fDOM\u6a21\u677f\u3002React\u91c7\u7528\u7684Virtual DOM\u4f1a\u5bf9\u6e32\u67d3\u51fa\u6765\u7684\u7ed3\u679c\u505a\u810f\u68c0\u67e5\u3002
Vue.js\u5728\u6a21\u677f\u4e2d\u63d0\u4f9b\u4e86\u6307\u4ee4\uff0c\u8fc7\u6ee4\u5668\u7b49\uff0c\u53ef\u4ee5\u975e\u5e38\u65b9\u4fbf\uff0c\u5feb\u6377\u5730\u64cd\u4f5cDOM\u3002
\u5982\u4f55\u4f7f\u7528Vue.js?
1.\u5b89\u88c5
\uff081\uff09script
\u5982\u679c\u9879\u76ee\u76f4\u63a5\u901a\u8fc7script\u52a0\u8f7dCDN\u6587\u4ef6\uff0c\u4ee3\u7801\u793a\u4f8b\u5982\u4e0b\uff1a
(2)npm
\u5982\u679c\u9879\u76ee\u7ed9\u4e88npm\u7ba1\u7406\u4f9d\u8d56\uff0c\u5219\u53ef\u4ee5\u4f7f\u7528npm\u6765\u5b89\u88c5Vue,\u6267\u884c\u5982\u4e0b\u547d\u4ee4\uff1a
$npm i vue --save-dev
(3)bower
\u5982\u679c\u9879\u76ee\u57fa\u4e8ebower\u7ba1\u7406\u4f9d\u8d56\uff0c\u5219\u53ef\u4ee5\u4f7f\u7528bower\u6765\u5b89\u88c5Vue\uff0c\u6267\u884c\u5982\u4e0b\u547d\u4ee4\uff1a
$bower i vue --save-dev
jQuery的诸多局限性导致前端工程师的发展受到了很多的限制，只能做一些表面性的工作，并不能实现前后端分离开发。
而近期出现的Vue，它给前端带来了无限的可能和改变。
改变一：真正意义上的前端工程师
之前开发都是前端做静态页面，把页面给到后台程序员改成jsp、php、asp等等...一顿乱改，一顿塞变量，做完以后页面样式乱七八糟，最后你再调整css。说白了你会html，css就行了，基本没什么门槛，可以这么说。
有了Vue和Node的前端工程化以后，前端工程师能做的事情越来越多，后台人员只需要抛过来一个Api，剩下的就可以都交给前端了。
改变二：服务端渲染VS客户端渲染
传统的jsp、php或是模板渲染也好，都是服务端渲染，就是客户端一个请求，服务器直接把整个页面返回给你，简单粗暴。（Spring Boot是通过模板引擎，由服务端完成的渲染工作）
但是vue开发是前后端分离开发，通过api进行交互，客户端请求服务器返回json数据，由客户端进行渲染。
不仅减轻了服务器的压力速度更快而且渲染更加优雅，代码更容易维护。
改变三：渲染优雅，代码易维护
jQuery是通过DOM来控制数据，不仅笨重而且渲染数据特别麻烦，而 Vue是通过数据来控制状态，通过控制数据来控制渲染，变量可以直接写在标签中，渲染更加优雅。
因为前端代码和后台代码都是分开的，所以项目更容易维护，开发效率更高。
改变四：项目工程化，结合npm直接安装第三方库
Vue让前端项目更加工程化，同时也规范了前端工程师的代码，而node和npm的加入才是vue能蓬勃发展的重要原因。
Node为Vue提供了本地server和模块化开发的思路，npm更能安装Vue项目需要的模块，配合Vue使用，比如Moment.js Element ui vuex等等，这些第三方库让Vue有了无限的可能。
敲黑板（补充下）：传统开发jQuery是命令式编程，现代框架开发是函数式编程。现代框架开发，可以使用Webpack（当然使用jQuery也可以使用Webpack），可以使用人家提供的现成的脚手架，比方说create-react-app，vue-cli。极大提高了开发的效率，并且可以使用最新的ES6、ES7语法进行开发，在编码体验上，就提高了一个档次。
总结
知其然，知其所以然，没有最好的框架，只有最合适的框架！
vue就是数据驱动,简单理解就是你数据变了界面随着变化 而这个变化你是不需要写任何代码来人为干预的,只要你一开始把dom对象和vue对象做了绑定,dom和vue之间 无论谁变化都会触发另一方的变化
绛旓細浣嗘槸涓嶅缓璁垵瀛﹁呭幓娣卞叆浜嗚ВVue鐨勭敓鍛藉懆鏈熴傜瓑浣犲瀹屽熀纭锛屽仛寮鍙锛屼綘浼氬彂鐜癡ue鐨勭敓鍛藉懆鏈燂紝寰堝煎緱浣犲幓鐮旂┒銆 鏈鍚庯紝鎴戞兂璇达紝闄や簡瀛﹀ソVue.js銆備綘鍦ㄥ悗闈㈠繀椤诲涔燰ue鐨勫叏瀹舵《锛岀壒鍒槸璺敱(鐩稿杈冮毦)銆傚叾浠栫殑锛屽儚vue-cli锛屼釜浜鸿涓哄緢绠鍗曘 杩樻湁涓鐐癸紝Vue涓鑸敤鏉ユ搷浣滃崟椤甸潰銆鍓嶇锛歏ue.js妗嗘灦鏄粈涔堬紝...
绛旓細鍓嶇鍓嶇鎶鏈竴鑸垎涓哄墠绔璁″拰鍓嶇寮鍙戯紝鍓嶇璁捐涓鑸彲浠ョ悊瑙ｄ负缃戠珯涓婇潰鐨勮瑙夎璁★紝鍓嶇寮鍙戝垯鏄綉绔欑殑鍓嶅彴浠ｇ爜瀹炵幇銆傚墠绔紑鍙戝張鏈鍩烘湰鐨勪笁涓牳蹇冿紝杩欎篃鏄繀椤绘帉鎻＄殑涓変釜閲嶈鐨勬牳蹇冿紝鍒嗗埆鏄疕TML銆丆SS銆丣avaScript杩欎笁涓紝鍦ㄦ棩甯哥殑鐢熸椿涓垜浠帴瑙﹀埌鐨勪篃寰堝锛屾帉鎻′簡杩欎笁涓紝鍦ㄥ墠绔紑鍙搴斾粯涔熶細寰堣交鏉俱
绛旓細2銆丷eact 鏄疐acebook 寮鍙鐨勬鏋讹紝鐢ㄤ簬鏋勫缓椤甸潰銆乯avascript搴撱備富瑕佸姛鑳芥槸瀵笵OM鎿嶄綔锛屽０鏄庡紡璁捐锛屾洿蹇殑寮鍙戝嚭web搴旂敤绯荤粺 瀹樼綉鍦板潃锛歨ttp://react-china.org/ 3銆丼emantic UI鏄竴涓畬鍏ㄨ涔夊寲鐨鍓嶇CSS鐣岄潰寮鍙戞鏋讹紝璺 Bootstrap 姣旇捣鏉ユ洿鍔犱赴瀵屼簺锛屼笉閭ｄ箞鍗曚竴锛屽湪鐢ㄦ埛浣撻獙銆佹牱寮忛兘寰堜赴瀵 瀹樼綉鍦板潃锛...
绛旓細1 寮鍙戝墠绔椤甸潰 杩欐槸JS鏈鏈亴宸ヤ綔锛岄殢鐫React锛Vue锛孉ngelajs绛夊墠绔鏋剁殑鐏垎锛屽緢澶氱綉绔欎负浜嗘洿濂界殑浣撻獙鍜屽姛鑳戒氦浜掗兘杞悜鍗曢〉搴旂敤浜嗐2 鍚庣寮鍙 Node鎶鏈殑鐏儹浣垮師鏈粎浠呰兘鍋氬墠绔〉闈㈢殑JavaScript鎽囪韩涓鍙樺紑鍙戝悗绔篃姣笉閫婅壊銆侼ode閲囩敤Google V8寮曟搸鎵цjs锛孨ode鐨勪簨浠堕┍鍔紝闈為樆濉炵殑寮傛I/O妯″瀷锛屼娇寰...
绛旓細4銆佺粍浠跺寲 鍦ㄥ墠绔搴旂敤锛屾垜浠槸鍚︿篃鍙互鍍忕紪绋嬩竴鏍锋妸妯″潡灏佽鍛紵杩欏氨寮曞叆浜嗙粍浠跺寲寮鍙鐨勬濇兂锛Vue.js閫氳繃缁勪欢锛屾妸涓涓崟椤靛簲鐢ㄤ腑鐨勫悇绉嶆ā鍧楁媶鍒嗗埌涓涓竴涓崟鐙殑缁勪欢涓紝鎴戜滑鍙鍏堝湪鐖剁骇搴旂敤涓啓濂藉悇绉嶇粍浠舵爣绛俱傚苟涓斿湪缁勪欢鏍囩涓啓濂借浼犲叆缁勪欢鐨勫弬鏁帮紝灏卞儚缁欏嚱鏁颁紶鍏ュ弬鏁颁竴鏍凤紝杩欎釜鍙傛暟鍙綔缁勪欢鐨...
绛旓細1銆佸涔爃tml銆傝繖涓槸鏈绠鍗曠殑,涔熸槸鏈鍩虹鐨.瑕佺啛缁冩帉鎻iv銆乫orm table銆乽l li 銆乸銆乻pan銆乫ont杩欎簺鏍囩,杩欎簺閮芥槸鏈甯哥敤鐨,鐗瑰埆鏄痙iv鍜宼able,div鐢ㄤ簬甯冨眬銆乼able涔熷彲浠ョ敤浜庡竷灞,浣嗘槸涓嶇伒娲,鍩烘湰table鏄敤鏉ュ拰鏁版嵁鎵撲氦閬.2銆佸涔燾ss銆傝繖閲岃鐨刢ss涓嶅寘鎷琧ss3,涓鑸垜浠湅鍒皐eb鍓嶇寮鍙宸ョ▼甯堢殑瑕佹眰閲岄潰,...
绛旓細杩欎釜闂鐨勭瓟妗堝彲鑳藉洜浜鸿屽紓锛屼絾鏄湁涓浜涘父瑙佺殑鍘熷洜銆傞鍏堬紝Vue.js 鏄竴涓潪甯告祦琛岀殑妗嗘灦锛屼絾鏄畠骞朵笉鏄敮涓鐨勯夋嫨銆傚鏋滀綘鍙細 Vue.js锛岄偅涔堜綘鍙兘浼氶敊杩囧叾浠栨洿濂界殑鏈轰細銆傚叾娆★紝鍓嶇寮鍙闇瑕佹帉鎻″緢澶氭妧鑳斤紝渚嬪 HTML銆丆SS銆丣avaScript銆丯ode.js 绛夌瓑銆傚鏋滀綘鍙帉鎻′簡 Vue.js锛岄偅涔堜綘鍙兘闇瑕佹洿澶氱殑鏃堕棿...
绛旓細鎰熻阿鎮ㄥ鍓嶇瀛︿範鐨勫叧娉ㄣ傚湪瀛︿範鍓嶇寮鍙鏃讹紝鎴戝缓璁偍鍏堝涔燡avaScript锛JS锛夛紝鑰屽悗鍐嶅涔爅Query銆傝繖鏄洜涓篔avaScript鏄墠绔紑鍙戠殑鏍稿績璇█锛岃宩Query鏄竴涓熀浜嶫avaScript鐨勫簱锛屽畠绠鍖栦簡JavaScript鐨勬搷浣滃拰寮鍙戙傛洿绯荤粺鍏ㄩ潰鐨勫涔犺祫鏂欙紝鐐瑰嚮鏌ョ湅瀛︿範JavaScript鏄墠绔紑鍙戠殑閲嶈鍩虹銆侸avaScript鏄竴闂ㄥ己澶х殑鑴氭湰璇█...
绛旓細2銆佹妧鏈疄鐜 鍓嶇寮鍙鐢ㄥ埌鐨勬妧鏈寘鎷絾涓嶉檺浜巋tml5銆乧ss3銆乯avascript銆乯query銆丅ootstrap銆丯ode.js 銆乄ebpack锛孉ngularJs锛孯eactJs锛VueJs绛夋妧鏈紱鍚庣寮鍙戜互java涓轰緥涓昏鐢ㄥ埌鐨勬槸鍖呮嫭浣嗕笉闄愪簬Struts spring springmvc Hibernate Http鍗忚 Servlet Tomcat鏈嶅姟鍣ㄧ瓑鎶鏈3銆佸伐浣滃唴瀹 鍓嶇宸ョ▼甯堣礋璐eb鍓嶇...
绛旓細鏈夊叧浜庡墠绔殑妗嗘灦涔嬩簤涓鐩存病鏈夋柇杩囷紝鍓嶇寮鍙瀵逛簬鎺ュ埌涓涓柊鐨勯」鐩潰瀵瑰墠鍚庣鍒嗙鐨勬灦鏋勶紝鍦ㄦ鏋堕夋嫨涓婇兘浼氱籂缁撱傛洿涓嶈璇村墠绔嚜瀛﹁咃紝鍦ㄥ涔犺繃绋嬩腑鏇存槸涓嶇煡閬撳簲璇ュ厛瀛︿粈涔堜簡銆Vue锛氭槸娓愯繘寮忕殑妗嗘灦锛屽涔犳洸绾跨浉瀵规潵璇村钩绋筹紝鑰屼笖鏂囨。闈炲父鐨勮缁嗐傝繖涔熸槸鍦ㄧ伀鐖嗙殑鍘熷洜锛屾渶浣冲疄璺垫垜浠兘鍙互鐭ラ亾鐨勬竻娓呮妤氱殑...
