web开发技术栈(框架)总结

web开发技术栈(框架)总结

2023年6月29日发(作者:)

web开发技术栈(框架)总结原⽂Bootstrap-Layui-Amazeui-jQuery-vue-react-AngularJS-ci-Thinkphp-Yii-Laravel-Node-Django-springMVC-apache-nginx-mysql-redis……天呐,好多……⼩编虽说出⾝⼯业软件,但⼼⾥⼀直藏着⼀个UI梦。近两年,⼩编业余时间从零开始摸索web开发,把web开发常⽤的技术和框架⼤概都摸了摸看了看,趁着五⼀假期有点时间,做个总结。本⽂提到的前端,是指通俗语义下web开发的前端,主要内容是视图层的开发,包括UI布局、⽤户交互及后端数据请求展⽰。本⽂提到的后端,是指web开发的后端,内容包括模块路由和数据库存取。注意,这⾥的后端不是指⼤数据开发领域的Hadoop、Storm那些。前端JavaScript(后⽂统称为js)、css、HTML是前端开发的语⾔基础,如果想能将前端框架⽤好还是需要将⽔平提⾼到⼤概能⽤的程度。html负责⽹页的内容和基本结构,css负责UI样式,js负责将⽤户请求传送到后端并将后端数据在html页⾯中展⽰。前端的框架分两类,UI样式库和js库。有些UI样式为了实现动态效果,会使⽤js库如jQuery。前端开发的编程⼯作JS为主,还有近⼏年出的TypeScript(JS的超集)。奇怪的是,最近各官⽹下载的开发包⾥都不带jQuery库,如有专业⼈⼠路过请稍作指点。UI样式库前端框架中有很⼤⼀部分是UI样式库。这些样式库的关注点是视图。对于纠结(患有强迫症)的开发者,不建议使⽤UI样式框架,真的是哪哪都看着不爽,到最后还不如⾃⼰css造轮⼦来的爽快。⾃⼰css造,不⼀定好看,但可以满⾜强迫症。Bootstrap⽤法⽰例:

⽰例代码可以看出,引⼊类的⽅式来定义控件样式,使⽤⽅便⽽且语义清晰。LayuiAmaze-UIFont Awesomejs库js库是实现功能的主要⼿段。常规的js库中都会包含DOM(或虚拟DOM)操作、ajax异步get和post请求封装实现、页⾯渲染刷新等。相⽐原⽣js,使⽤库优点在于⽅便,缺点在于js库⽂件通常动辄数百kb,在带宽紧张的环境会拖慢页⾯的加载速度。⼩编现在喜欢⽤,轻快⼜⽅便。为啥不⽤vue-cli⽅式呢?讲真,对于php流个⼈业余全菜开发者来说,npm run dev带来的不⽅便⽐⽅便更多些。这年头,不⽤npm都不好意思说⾃⼰是前端框架,不信请看vue、React、AngularJS,全都是这套玩法。jQuery对于传统开发者来说,js为主的前端框架与其说是框架像是库。对C/C++开发者来说,就像是#include ……jQuery最具特⾊的操作是 $(“yixzm”) 等价于 mentById(“yixzm”),以及ajax,就像这样:$.ajax({ url: "/api", context: , success: function(){ ("test");}});DOM操作真的很⽅便。vue只需要⽤⼀下下,就会很爽的库。职业玩家都使⽤npm的⽅式,业余玩家嘛⽤⽤link引⼊也就可以了。vue对开发者最⼤的便利是不⽤频繁的DOM操作,数据只需要赋值给定义的对象元素即可同步刷新页⾯内容。据jsp玩家讲,和jsp差不多?据php玩家讲,和 > C++ >> java >> php >> js?)⼩编说,js主要负责请求交互和动态刷新,但有⼈不讲规矩。⽐如vue中的vue-element,不仅能处理交互,还能⽣成UI的组件模块。vue-cli模式开发,有个叫做模板的东西,⽂件后缀格式如,这玩意将每⼀个独⽴的HTML模块连同CSS和JS代码⼀起封装在⼀个⽂件⾥,⽤的时候直接引⼊,相当⽅便。⽤法⽰例代码:
怎么样?够⽅便吧~v-for 这玩意,⼩编第⼀次看到时被惊呆了,还能这么写页⾯?⽤起来好舒服~React这玩意和vue的类似之处是也能⼯程化的管理js开发项⽬。既能引⼊的⽅式使⽤,也能npm⽅式构建项⽬。⽤法⽰例代码:
通过⽰例代码中的这两句:mentById('example')return

请先注册。

;可以发现,React的开发渲染风格和原⽣JS相似度很⾼,和vue区别很⼤。AngularJSAngularJS和vue代码相似度很⾼。

名字 :

Hello {{name}}

和vue相⽐,⼏乎就是换了各变量名…… 当然,hello world 只是表象,更多区别还需要深⼊使⽤才能感受到。后端除了专注视图活跃在⽤户⾯前的前端框架,还有⼀些默默在后台奉献的后端框架。web后端框架做的事⼀般来说,是提供http请求服务接⼝,实现请求路由、数据存取、模块后台功能实现等。新时代的前端框架如vue和React,本⾝⾃带路由功能,⼤家将其叫做前端路由。前端路由⼀般使⽤在开发SPA(单页应⽤)的场景,路由时会异步加载数据渲染⾄页⾯但不会重新加载整个页⾯。⽽后端路由会重新向服务端提交请求。后端框架⼀句话总结:存取数据分模块,各种语⾔都能⽤。Php有ci、tp、Yii和laveral,java有springMVC,Python有Django,JS有node,可谓百家争鸣、百花齐放。这时候,C/C++出⾝的⼩编秉着不靠天不靠地轮⼦⾃⼰造的精神,对各框架普遍采取读源码试⽤⽽不⽤的态度。了解、学习,但写写东西还是喜欢⾃⼰撸。强撸和借鉴(抄袭)有益理解别⼈的闪光点。php框架ci和tp上⼿极快,Yii和Laravel稍微有点学习成本。cici即优雅的CodeIgniter,很mini的⼀款框架,相对容易⼊门。thinkphp传说中的培训班神器,据说上⼿极快?Yii没啥好说的,看起来和ci、tp貌似差不多…… 好久没翻Yii源码,记得貌似是传统的的⽅式写模板?没啥特别的映象。Laravel本菜感觉上⼿好⿇烦,夹杂的东西太多。(正在使⽤laravel的⼤神请尝试理解⼩编着重提到的“菜”字)Composer安装模块效率很⾼,据说是冲锋枪?学习成本还是蛮⾼的。Python框架DjangoPython版的Laravel……Django⼩编写⾃动化、爬⾍的时候也会⽤到,但拿来写web总感觉不习惯…… 谁让Php是世界上最好的语⾔呢~Java框架Spring MVC,额,没写过Java,⼩编如果说这是Java的web开发框架,不知是否有专家会留⾔批评呢?HTTP服务以上后端框架关注应⽤和数据,对HTTP服务监听关注的并不多。服务监听⼯作⼀般由Apache或者Nginx来承担,负责请求响应、并发和数据返回。关于HTTP服务,⼩编除了Apache⽤的⽐较多,Nginx搭过⼏个系统外,了解的并不多。所以,⼩编暂且总结接触过的这三个。对于apache和nginx的⽐较,⽹上有很多帖⼦有讲⽽且很详细。⽐如这篇: 就讲的很好后端流的JSapache⽼牌的HTTP服务提供者。在⼩编写C++的时代,传说中的LAMP、WAMP犹如迷雾中的灯塔⼀般,在知识的海洋⾥引领着⼩编。apache动态请求响应效率⾼,配置也极其⽅便。nginx据说更擅长静态⽂件响应?需要配置反向代理才能正常使⽤Php、Python等语⾔开发的⼯程,⼩编个⼈感觉有些⿇烦,不怎么喜欢⽤。数据库存数据,mysql很⽅便。redis在内存⾥,数据请求时加载超级快!mysql VS redis?关系型和⾮关系型,索引⽅便和响应快速……⼀起⽤吧,就像硬盘和内存。开发环境及⼯具vscode这玩意写前端代码还不错,良⼼⼯具。……还有很多,⼩编这次先总结这些。#写在最后web开发内容很多,也很有趣。⼩编将求索以图成长。

发布者:admin,转转请注明出处:http://www.yc00.com/web/1687981472a63387.html

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信