前端框架是什么_前端最常用的框架

前端框架是什么_前端最常用的框架

前端技术

前端技术在最近10年的发展非常快,5年前流行的框架可能现在已经没有多少人用了。

Jquery库

AJAX(Asynchronous Javascript And XML)这一技术概念在2005年提出,用来描述与浏览器有关的一类技术,包括: HTML/XHTML, CSS, JavaScript, DOM, XML, XSLT, 以及最重要的XMLHttpRequest。

前端框架是什么_前端最常用的框架

Ajax引擎通过 HTTP 请求加载远程数据。

使用AJAX技术的网页应用能够快速地将增量信息呈现在用户界面上,而不需要刷新整个页面,极大地提升了Web应用的用户体验。Jquery就是AJAX技术发展到一定程度后而产生的集大成者。

Jquery不是一个框架,而是一个Javascript库,可以说极大简化了JS编程,是过去十年间前端开发最常用的库。如果没有 Jquery的话,AJAX 编程还是有些难度的。

现在Web开发多以前后端分离的MVVM框架为主流开发方式,直接使用Jquery的越来越少,一般后端开发人员在开发后台管理系统时可能还会用到。

MVVM框架

MVVM(Model–View–ViewModel) 是一个软件架构设计模式,由微软 WPF 和 Silverlight 的架构师 Ken Cooper 和 Ted Peters 开发,是一种事件驱动的编程方式。MVVM 的出现促进了 GUI 前端开发与后端业务逻辑的分离,极大地提高了前端开发效率。

前端框架是什么_前端最常用的框架

MVVM框架

目前比较常见的MVVM框架包括:Angular、Vue和React。

AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。Angular是AngularJS的重写,Angular2.0以后版本命名为Angular,2.0以前版本为AngualrJS。AngularJS是用JavaScript编写,而Angular采用TypeScript语言编写,是ECMAScript 6的超集。

Vue 可以说是国内开发者使用最多的“框架”,准确来说vue不算是一个MVVM框架,而是一个构建由数据驱动的Web界面的Javascript库。因为vue核心库只聚焦在V(view)视图层,不仅易于上手,还便于与第三方库或既有项目整合。值得一提的是,Vue是来自中国的大神尤雨溪开发的。

React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013年 5 月开源,目前主要是由Facebook在维护,一些React周边库也有开源社区在维护。

前端框架是什么_前端最常用的框架

Angular、React、Vue,谁是大家心目中最好的框架

与Vue相比,React的学习会更加复杂一些,使用React需要有ES6的基础,因为很多React组件都是用ES6的class创建的。此外JSX是React的核心组成部分,它使用XML标记的方式去直接声明界面,界面组件之间可以互相嵌套。对于JSX语法,还是有一定的学习成本的。

对于要想从事前端开发的同学,务必熟练掌握一种框架,建议以vue框架为主,兼修React。除了MVVM框架,也最好熟练掌握一到两种UI框架(以CSS样式文件为主),能够快速开发出展示和交互效果都比较好的应用。

UI框架

前端框架是什么_前端最常用的框架

Bootstrap是早期最流行的UI框架,很多框架都衍生于它

目前主流UI框架基本都是自适应的,不过仍然有适用于PC端和移动端之分。

较早广为流行的PC端UI框架要数bootstrap,很多UI框架都是基于bootstrap基础上进行改造而成。目前比较流行的PC端框架是layui,后端开发人员用得比较多。如果采用前后端分离的话,那PC端框架常用饿了么公司的开源框架elementUI.

常见的移动端框架包括:WeUI、mintUI、VantUI等。对于前端开发者来说,最好PC端和移动端框架各掌握一种。

混合App

前端框架是什么_前端最常用的框架

越来越多原生APP开始引入web开发技术,形成混合APP

随着HTML5+CSS3+JS开发的web应用的性能和用户体验越来越好,很多公司都开始使用web技术开发APP,包括浏览器套壳APP或者混合APP。

用web技术来开发APP的好处是可以用一套代码同时兼容安卓和苹果系统,这样在开发应用的时候就可以节省一半的人工。另外也可以使得安卓和苹果系统的更新进度保持同步,实现快速迭代,节省应用市场的审核时间。

常用的混合APP框架包括:

Cordova:Apache Cordova是一个开源的移动开发框架,允许开发者使用标准的web技术-HTML5,CSS3和JavaScript做跨平台开发。

ionic:ionic是一个基于Cordova的轻量级库,在Cordova基础上加上了AngularJS 和一套样式库。Angular JS实现MVVM理念的双向数据绑定,UI样式库具有界面现代化和美观的特点。

React Native:能够在Javascript和React的基础上,在不同平台上获得完全一致的开发体验,理念是仅需学习一次,编写任何平台。但在不同平台下仍然需要写多套代码。

Weex:Weex是2016年6月由阿里巴巴推出的一个跨平台开发解决方案,支持iOS、安卓、YunOS及Web等多端开发部署。

Flutter:Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。

Dcloud:国内厂商开发的框架,对HTML5的性能、工具、能力都做了深入扩展,提供 IDE 、云服务等帮助节省开发时间和提升效率。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 86345@qq.com 举报,一经查实,本站将立刻删除。
(0)
上一篇 2022-05-19 09:37:45
下一篇 2022-05-19 10:20:12

猜你喜欢

  • 石狮市属于哪个省,福建最小的市是哪个

    福建省,简称“闽”,位于中国东南沿海,东北与浙江省毗邻,西、西北与江西省接界,西南与广东省相连。在中国古代历史上,福建省是海上丝绸之路、郑和下西洋的起点,也是海上商贸集散地。福建沿…

    2023-10-27
  • 黄褐斑怎么治疗_黄褐斑形成原因

    如今女性对美的追求已经到了一种不可自拔的状态,人人都开始注意自己的仪表,特别是外在美,有的女性甚至不惜花大钱去整容,但是作为女性,特别是在生完宝宝之后,在额头、鼻子及嘴巴周围会出现…

    2022-06-30
  • 少儿口才的重要性_少儿口才好处多

    一、有利于开发右脑 口才实质是让孩子在用自己的情商和说话的技巧与人交流,同时也是一种对自己声音的欣赏,久而久之,有利于孩子右脑的开发,让孩子变得更聪明。 二、能改变孩子的性格 性格…

    2023-01-19
  • 2023年流行什么色系_神秘而又高贵的蓝紫色穿搭

    紫色一种神秘的颜色,它既有着红色的热情,又有着蓝色的深沉。紫色给人带来的感觉常常是神秘而又高贵的。在日常生活中,紫色的服饰总是让人过目难忘。 很多姐妹日常只穿黑白灰,习惯了这种风格…

    2023-04-14
  • 羊驼毛和羊毛哪个好_羊驼毛和羊毛的保暖性

    羊驼毛是现在秋冬很多衣服都会用到的材质,尤其是大衣上面用的特别多,羊驼毛的大衣穿起来既好看又暖和。下面小编给大家讲讲羊驼毛和羊绒哪个好?羊驼毛和羊绒哪个保暖? 羊驼毛和羊绒哪个好 …

    2023-03-24
  • 流川枫的球衣是几号,灌篮高手累计预售总票房

    4月20日,诸多网友的“童年回忆”《灌篮高手》剧场版上映。据猫眼数据,《灌篮高手》累计预售总票房超1.2亿元,零点场票房超2100万。 当主题曲《直到世界尽头》响起,这场等待20多…

    2023-10-17
  • 向日葵几天开花_向日葵需要几天才能开花

    向日葵是一种可高达3米的大型年生菊科向日葵属植物,明亮大方的花朵非常适合观赏摆饰。下面我们就来看看向日葵什么时候开花,向日葵的花期有多长。 向日葵通常情况下3~4月播种,在7~8月…

    2022-08-03
  • 键盘f1到f12的功能和作用(键盘上f1到f12的功能)

    F1:如果您在选定的程序中需要帮助,请按F1。如果您现在不在任何程序中,而是在资源管理器或桌面中,则按F1,将出现Windows帮助。如果你正在运行一个程序并需要Windows帮助…

    投稿 2022-05-03
  • 别人问优缺点该怎么回答_怎么回答才是最好

    在面试求职者的时候,经常发现求职者有这样的问题,关于个人的优点缺点,普通求职者很难说得出自己具备什么样的优点和缺点,有时候会误以为,优点做得太极致了就是缺点,比如有人认为“太老实”…

    2023-06-15
  • 洗衣机内部主要有什么零件,洗衣机零部件功能介绍

    1、洗衣机电脑板 主要用来控制洗衣的流程。比如设定水量,设定是先浸泡或是先洗涤,再脱水等等是控制系统,如果坏了,洗衣机就不工作了。 2、洗衣机电机 主要用来给洗衣机提供动力,让波轮…

    投稿 2023-11-21

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注