web前端是做什么的?web前端三大主流框架是什么?
web前端是做什么的?
Web前端就是使用HTML、CSS、JavaScript等专业技能和工具将产品的UI设计稿实现成网站产品,涵盖用户PC端、移动端(手机,平板)等网页,处理视觉和交互问题。
Web前端开发是一项很特殊的工作,涵盖的知识面非常广,既有具体的技术,又有抽象的理念。简单地说,它的主要职能就是把网站的界面更好地呈现给用户。使用到的主要技术包括:HTML、CSS、JavaScript,如果能会后台编程语言,当然会更好。
web前端三大主流框架是什么?
web前端三大主流框架是Angular、React、Vue。
1、Angular
AngularJS由Misko Hevery 等人于2009年创建,后来呗谷歌所收购。它是一款优秀的前端JS框架被应用多多种产品中去。它不仅是一个理念先进的前端开发框架,还是一种端对端的解决方案。它遵循架构设计中的MVC模式,提倡数据与逻辑处理组件的松耦合。AngularJS通过指令技术实现了对HTML的自然扩展,以及通过编译技术实现了数据模型与展现视图的双向自动同步,减轻了复杂的DOM操作。另外它也对前端的自动化测试技术提供了良好的支持。
Angular是一种用于创建单一应用程序界面的前端框架,它有许多核心功能例如数据绑定,服务,指令以及依赖注入等等。它具有模块功能强大,拥有自定义命令等优点
特性:
1.良好的应用程序结构
2.双向数据绑定
3.指令
4.HTML模板
5.可嵌入、注入和测试
优点:
1.模板功能强大丰富,自带了极其丰富的angular指令。
2.是一个比较完善的前端框架,包含服务,模板,数据双向绑定,模块化,路由,过滤器,依赖注入等所有功能;
3.自定义指令,自定义指令后可以在项目中多次使用。
4.ng模块化比较大胆的引入了Java的一些东西(依赖注入),能够很容易的写出可复用的代码,对于敏捷开发的团队来说非常有帮助。
5.angularjs是互联网巨人谷歌开发,这也意味着他有一个坚实的基础和社区支持。
缺点:
1.angular入门很容易但深入后概念很多,学习中较难理解。
2.文档例子非常少,官方的文档基本只写了api,一个例子都没有,很多时候具体怎么用都是google来的,或直接问misko,angular的作者。
3.对IE6/7兼容不算特别好,就是可以用jQuery自己手写代码解决一些。
4.指令的应用的最佳实践教程少,angular其实很灵活,如果不看一些作者的使用原则,很容易写出四不像的代码,例如js中还是像jQuery的思想有很多dom操作。
5.DI依赖注入如果代码压缩需要显示声明。
2、React
React,facebook出品,正式版推出是在2013年,比angular晚了4年,但得益于其创新式的VirtualDOM,性能上碾压angularJS,一经推出,火的一塌糊涂。 特点很多,VirtualDOM、JSX、Diff算法等,支持ES6语法,采用函数式编程,门槛稍高,但也更灵活,能让开发具有更多可能性。
特性
1.声明式设计:React采用声明范式,可以轻松描述应用。
2.高效:React通过对DOM的模拟,最大限度地减少与DOM的交互。
3.灵活:React可以与已知的库或框架很好地配合。
优点:
1.速度快:在UI渲染过程中,React通过在虚拟DOM中的微操作来实现对实际DOM的局部更新。
2.跨浏览器兼容:虚拟DOM帮助我们解决了跨浏览器问题,它为我们提供了标准化的API,甚至在IE8中都是没问题的。
3.模块化:为你程序编写独立的模块化UI组件,这样当某个或某些组件出现问题是,可以方便地进行隔离。
4.单向数据流:Flux是一个用于在JavaScript应用中创建单向数据层的架构5.同构、纯粹的javascript:因为搜索引擎的爬虫程序依赖的是服务端响应而不是JavaScript的执行,预渲染你的应用有助于搜索引擎优化。6.兼容性好:比如使用RequireJS来加载和打包,而Browserify和Webpack适用于构建大型应用。它们使得那些艰难的任务不再让人望而生畏。缺点:React本身只是一个V而已,并不是一个完整的框架,所以如果是大型项目想要一套完整的框架的话,基本都需要加上ReactRouter和Flux才能写大型应用。
3、Vue
Vue作为最后推出的框架(2014年),借鉴了前辈angular和react的特点(如VirtualDOM、双向数据绑定、diff算法、响应式属性、组件化开发等)并做了相关优化,使其使用起来更加方便,更容易上手,比较少适合初学者。
特性:
1.轻量级的框架
2.双向数据绑定
3.指令
4.插件化
优点:
1.简单:官方文档很清晰,比Angular简单易学。
2.快速:异步批处理方式更新DOM。
3.组合:用解耦的、可复用的组件组合你的应用程序。
4.紧凑:~18kbmin+gzip,且无依赖。
5.强大:表达式无需声明依赖的可推导属性(computedproperties)。
6.对模块友好:可以通过NPM、Bower或Duo安装,不强迫你所有的代码都遵循Angular的各种规定,使用场景更加灵活。
缺点:
1.新生儿:Vue.js是一个新的项目,没有angular那么成熟。
2.影响度不是很大:google了一下,有关于Vue.js多样性或者说丰富性少于其他一些有名的库
3.不支持IE8。
责任编辑:hnmd003
相关阅读
-
web前端是做什么的?web前端三大主流框架是什么?
web前端是做什么的?Web前端就是使用HTML、CSS、JavaScript等专业技能和工具将产品的UI设计稿实现成网站...
2023-04-12 -
Internet起源于什么?Internet的特点及应用
Internet起源于什么?Internet是一组全球信息资源的总汇。有一种粗略的说法,认为INTERNET是由于许多小的...
2023-04-12 -
wimax是什么意思?wimax和wifi有什么区别?
wimax是什么意思?WiMax全称Worldwide Interoperability for Microwave Access,中文意思为全球微波...
2023-04-12
相关阅读
-
web前端是做什么的?web前端三大主流框架是什么?
web前端是做什么的?Web前端就是使用HTML、CSS、JavaScript等专业技能和工具将产品的UI设计稿实现成网站...
-
华为nfc是什么功能?华为nfc怎么添加门禁卡?
华为nfc是什么功能?nfc是指近距离无线通讯技术,华为nfc的功能:1、读取银行卡数据来绑定银行卡,可实现...
-
Internet起源于什么?Internet的特点及应用
Internet起源于什么?Internet是一组全球信息资源的总汇。有一种粗略的说法,认为INTERNET是由于许多小的...
-
微信小程序用什么语言开发?怎么提取微信小程序的链接?
微信小程序用什么语言开发?微信小程序采用了轻量级的小程序开发语言wxml、wxss和javascript,开发者可以...
-
电商erp系统是什么?电商erp操作流程
电商erp系统是什么?电商ERP系统,就是给电商行业应用的内部管理系统。比如采购、销售、出库、库存管理这...
-
全球热头条丨第三届消博会|从消博会看绿色消费新趋势
全方位绿电覆盖、无纸化展会服务、可循环搭建材料、绿色产品项目征集、可持续消费高峰论坛……
-
环球观天下!广东:创新引领 加速打造产业集群新高地
在广东,鹏城实验室、松山湖材料实验室、粤港澳大湾区(广东)量子科学中心等多个国家级、省级重点实验...
-
【新要闻】97 版三兄弟代言!《天龙八部 2:飞龙战天》4 月 14 日公测:完美世界发行
快科技4月12日消息,《天龙八部2:飞龙战天》官方已宣布,将于2023年4月14日上午9:00正式开启公测。此次...
-
小米成中国市场周销量安卓第一!高端旗舰小米 13 Ultra 本月发布 每日头条
快科技4月12日消息,根据市场调研机构最新公布的数据,2023年第13周中国智能手机市场销量排名,小米以16...
-
wimax是什么意思?wimax和wifi有什么区别?
wimax是什么意思?WiMax全称Worldwide Interoperability for Microwave Access,中文意思为全球微波...
-
网站域名是什么?网站域名过期了怎么办?
网站域名是什么?域名(英文名字叫做domain name),也叫做网域,实际上就是一串在因特网计算机上的名字字...
-
linux修改文件名的命令是什么?linux修改文件名会改变修改时间吗?
linux修改文件名的命令是什么?Linux mv(英文全拼:move file)命令用来为文件或目录改名、或将文件或目...
-
苹果12是哪年上市的?苹果12换电池原装多少钱?
苹果12是哪年上市的?苹果12全称iphone12,是2020年上市的。iphone12美国西部时间2020年10月13日上午10点...
-
移动网络是什么?移动网络信号不好怎么改善?
移动网络是什么?移动网络指的是使用移动设备,如手机、掌上电脑或其它便携式工具连接到公共网络;移动网...
-
环球快消息!众捷汽车IPO:实控人增资价格低于公允值,大客户反映产品存多种质量问题
来源|时代商学院作者|陈丽娜编辑|陈佳鑫3月27日,苏州众捷汽车零部件股份有限公司(以下简称“众捷汽车”...
-
妨碍手机游戏市场竞争,韩国罚谷歌近3200万美元|环球头条
中新经纬4月11日电据路透社报道,韩国反垄断监管机构对谷歌处以421亿韩元的罚款,原因是其阻止在竞争对...
-
快来给ChatGPT找漏洞 OpenAI最高奖励14万-热消息
凤凰网科技讯北京时间4月12日消息,人工智能研究公司OpenAI周二宣布,将开始向帮助公司发现人工智能系统...
-
OpenAI:挑ChatGPT的毛病最高奖励2万美元 全球快看点
每经AI快讯,OpenAI周二在一篇博客文章中写道,它推出了一项漏洞赏金计划,人们可以通过该计划报告他们...
-
如何给压缩文件加密?压缩文件加密文件名有什么用?
如何给压缩文件加密?1、选择需要加密的文件,点击鼠标右键,在弹出的右键菜单中选择添加到压缩文件;2、...
-
快资讯丨美国众议院委员会主席对特斯拉中国新厂计划表示担忧
美国众议院委员会主席对特斯拉中国新厂计划表示担忧美国国会中国问题委员会负责人MikeGallagher表示,他...
-
存款“降息”阵营扩大,中小银行还有揽储优势吗?
继去年9月存款利率降息潮之后,近期,又有多地中小银行加入调降队伍。4月11日,北京商报记者调查发现,...
-
上百名极氪 001 车主发布联合声明维权,公司回应
2023 4 12星期三极氪车主发联合维权声明,公司回应极氪回应老车主联合维权声明称,针对用户反馈此前车...
-
世界滚动:婚介平台“塌房”
婚恋相亲变得商业化,虚拟诈骗、杀猪盘等事件常见于社交网络中。近日,有消费者向北京商报记者报料称,...
-
环球百事通!第八批国家组织药品集采中选结果公布
今天(4月11日),国家组织药品联合采购办公室公布了第八批全国药品集中采购中选结果。与此前3月29日公...
-
山西晋城删除禁止任何露天烧烤通知,城市管理局:允许外摆:焦点日报
海报新闻记者李子骄李硕琳报道4月9日上午,据山西晋城环保发布消息,为进一步改善环境空气质量,守护城...
-
中兴发布中兴 Axon 50 Ultra 5G 背部照片:世界微动态
品玩4月11日讯,中兴官方今天公布了Axon50Ultra手机背面照片后置三摄像头,并宣布该机将采用双操作系统...
-
焦点讯息:欧洲反垄断高潮再来!法国考虑对苹果采取行动
4月11日周二,据媒体报道,预计法国反垄断监管机构将很快对苹果公司展开调查,原因是苹果公司在2021年对...
-
环球热门:IMF 下调 2023 年全球经济增速预期 银行业危机恐产生进一步冲击
财联社4月11日讯(编辑牛占林)当地时间周二,国际货币基金组织(IMF)发布了最新一期的《世界经济展望报...
-
世界速看:去年狂卖160万辆,吊打特斯拉!人民需要降价,五菱汽车就降价?
宣称“人民需要什么,五菱就造什么”的五菱,也加入了降价大军。上汽通用五菱4月10日宣布,即日起至5月3...
-
欢乐家:2022 年实现营利双增,“欢乐”背后竞争力在下降-当前速读
4月10日晚间,欢乐家(300997 SZ)发布2022年年报,报告期内,公司实现营收15 96亿元,同比增长8 37%...
精彩推荐
阅读排行
精彩推送
- 直击成都糖酒会:酒店一房难求,...
- 天天快看点丨iPhone 15 全系「...
- 实探假央企注册地:大门紧锁,无...
- 一季度净利暴跌70%,中远海控“...
- 微动态丨上市13年从未分配利润,...
- 从第三届消博会看全球潮流风向标...
- 直击糖酒会酒店展:有厂家喊出“...
- 低频增强 减少漏音 韶音骨传导...
- 场景时代,显示产业浮现“趋势之...
- 全球微头条丨一图看懂|事关生成...
- 打卡智能中国(四):向着沙漠,...
- 简讯:毫末智行发布业内首个自动...
- 一加 Ace 2 原神定制礼盒发布...
- 天天微资讯!科大讯飞:将于 5...
- 国光电器:2022 年净利润 1.79...
- 现代汽车计划投入 180 亿美元_...
- 每日速讯:葵花药业:2022 年净...
- 住户存款增加 9.9 万亿,58% ...
- 世界消息!降低首付比例、提高公...
- 全球观热点:海南全岛封关前夕,...
- 国家网信办出手 生成式人工智能...
- 成功“摘U”!沪硅产业;归母净...
- 每日精选:包头首届二手车拍卖会...
- “琼”尽好物看消博|春暖花开,...
- 快资讯丨消博会:共享中国机遇 ...
- 今日辟谣(2023年4月11日) 全球资讯
- 飞书将推出 AI 助手 My AI ...
- 今日播报!深耕 17 年,亚马逊...
- 实时:流畅快速:Win11 跑安卓...
- 魅族 20PRO 再次开售依然抢不...