用户工具

站点工具


技术:前端

https://www.jianshu.com/p/6ffc887d7cd7

1、Bootstrap Bootstrap是简洁、直观、强悍的前端开发框架,让web开发更迅速、简单,甚至连非前端工程师人员也能开发出优美的页面,让所有开发人员更加快捷、方便的开发web页面和移动端应用,同时也能开发响应式web页面,上手也非常快。

便利 由@mdo 和 @fat 在Twitter工作时创建,Bootstrap使用 LESS CSS 并用 Node 编译,托管在 GitHub 上,方便大家使用这一框架构建更好的web应用。

任何人都可以使用 Bootstrap不光为了看起来好看,而且在现代的桌面浏览器上有极佳的表现(包括IE7!)。在平板电脑和智能手机上面还有 响应式CSS 可以使用。

丰富的特色 12列的响应式栅格结构、丰富的组件、JavaScript插件、排版、表单控件,还有 基于web的定制工具。

2、React react是Facebook 开发的框架,用于构建页面、javascript库。主要功能是对DOM操作,声明式设计,更快的开发出web应用系统。

特点:

声明式设计:React采用声明范式,可以轻松描述应用。 高效:React通过对DOM的模拟,最大限度地减少与DOM的交互。 灵活:React可以与已知的库或框架很好地配合。 3、Angular Angualr 是一款来自谷歌的开源的 web 前端框架,诞生于 2009 年,由 Misko Hevery 等 人创建,后为 Google 所收购。是一款优秀的前端 JS 框架,已经被用于 Google 的多款产品当中。

优点

模板功能强大丰富 比较完善的前端MVC框架 引入了Java的一些概念 Angular与React对比

速度差不多 FLUX架构 服务器端渲染 4、vue Vue是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。

优点

简洁 轻量 快速 数据驱动 模块友好 组件化Vue Vue的两大核心

Vue的数据驱动:数据改变驱动了视图的自动更新,传统的做法你得手动改变DOM来改变视图,vuejs只需要改变数据,就会自动改变视图。 视图组件化:可以把整一个网页的拆分成一个个区块,每个区块我们可以看作成一个组件。网页由多个组件拼接或者嵌套组成。

5、Amaze UI Amaze UI是轻量级的前端应用框架,比较适用于移动端响应式开发框架,可以按照项目要求生成专属的UI框架库进行使用,组件非常丰富,可以构建出漂亮的web页面。

优点

以移动优先为理念,移动跨屏适配较好 文档说明较好,集成控件比较丰富,大大提高开发效率 国内首个开源跨屏前端架构,更好的实现中文排版效果 6、作者心得 在了解了几个前端架构后,对网页开发产生了进一步的憧憬,原本的我以为,开发网页的过程,是全过程脑补画面和代码的长征旅途,现在看来,其实未然,有这么多架构的出现,能够进一步减轻代码工作量和提高开发效率。Bootstrap看似是比较容易上手,并且比较简洁的一个架构,感觉比较适合我这样的新手,Angular和react提供了丰富的功能设置,技术含量较大,以后慢慢再接触适应吧,vue的话,使用简单,比较灵活,适合有想法的人。Amaze UI是中国的,支持一下吧!希望以后与这些前端架构接触后能熟练地使用它们。

作者:萌萌哒的作者 链接:https://www.jianshu.com/p/6ffc887d7cd7 来源:简书 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

技术/前端.txt · 最后更改: 2022/05/10 18:09 (外部编辑)