各种代码库及框架
Bootstrap |
UI框架 |
响应式页面、基本排版、表单、常用UI组件、插件 |
jQuery |
脚本库 |
DOM/Ajax/回调函数/Deferred等工具 |
jQuery UI |
桌面UI库 |
jQuery官方推出的,用于桌面网页开发的UI库,有丰富的控件、主题较多且可以自由定制,它可以向页面上添加丰富的功能,而不会对原页面产生影响 |
jQuery Mobile |
移动UI框架 |
jQuery官方推出的,用于移动Web应用开发的UI,控件丰富,动画效果很好。 |
Underscore.js |
脚本库 |
数组/对象/函数类工具,还包含一个HTML模板引擎 |
Require.js |
JS模块化 |
JS模块定义、使用代码异步加载JS、依赖解决、其它各种文件的代码加载。Require.js有很多插件,用来实现各种各样的异步加载功能 |
Sea.js |
JS模块化 |
与Require.js大同小异,来自阿里(作者王保平、阿里昵称玉伯,现供职于支付宝前端技术部)、主要在国内应用 |
Backbone |
应用框架 类似MVC架构 |
非常小(压缩后7K多),但功能完善的前端应用开发框架,支持模型(集合)、视图、路由等,支持RESTful风格的服务端交互,是一种思路比较经典的MVC框架 |
Angular |
应用框架 MVVM架构 MVC架构 MVW(Angular自创词) |
非常好地体现了快速应用开发(RAD)思想的框架,通过对HTML的扩展,借助声明式语言的优势实现快速应用开发。内置大量指令,支持双向绑定,支持表单输入状态管理,表单验证,表单辅助提交,支持路由、动画、RESTful数据模型。广泛使用了依赖注入实现松耦合。Angular有大量插件,逐步形成了一个生态系统 |
APP Framework |
移动UI框架 |
原来叫JqMobi后被Intel收购,简单、支持多种系统主题,有很好的动画效果(侧滑、转场),适合开发小产品,资料较少,应用不多 |
Ext.js/Sencha |
UI框架 应用框架 MVC架构 |
整合了树、列表、面板、布局控制、图表等全部的Windows应用控件。在所有JS的UI框架中,仿Windows风格质量最高,功能最强大的。通常用来开发各种内部使用的管理系统/业务系统。是很多类似UI框架的鼻祖。商业使用是收费的 |
Prototype.js |
脚本库 |
DOM/BOM/Ajax/数组/对象/函数工具,一整套面向对象的实现机制。历史很早的一个脚本库,侵入式的,jQuery产生后逐渐淡出 |
Highchart.js |
统计图库 |
基于SVG技术,支持折线图、曲线图、柱形图、条形图、饼图、环形图、雷达图、极地图、蛛网图、仪表图等,有丰富的动画和交互效果,提供了简单易用、控制能力完善的API。产生时间较早,很成熟。商业使用收费。 |
Chart.js |
统计图库 |
基于Canvas技术,支持折线、曲线、柱、饼等,因为使用Canvas技术,交互性较弱。 |
artTemplate |
HTML模板化 |
性能很高,语法简洁,支持编译,支持浏览器端使用,支持express。来自腾讯 |
EJS |
HTML模板化 |
默认使用<%%>的HTML模板语言,支持浏览器端使用,支持express |
Jade |
HTML模板化 |
非常独特的HTML模板语言,完全取消了标签中的<>和标签配对,过于独特限制了它的应用,支持express |
ionic |
移动UI框架 |
ionic是一个非常漂亮的移动UI框架、并且它集成了Cordova(参看后面的说明)和Angular,可以快速开发出与原生应用相媲美的基于Web技术的App |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构