前端web框架

前端三大框架

vue

vuejs/vue

官网

react

facebook/react

官网

angular

angular/angular.js

官网

注:官网需翻墙

vuereactangular
124K119K59K

基于vue的UI框架:

饿了么 : element

github

官网

iview

github

官网

elementiview
34K19K

vue常见相关库

vue

//官网
https://cn.vuejs.org/v2/guide/installation.html

//安装
npm install vue

//cdn
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></script>

element-ui:

// 官网
http://element-cn.eleme.io/#/zh-CN/component/installation

// 安装
npm i element-ui -S

//cdn
<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

axios:

//axio中文说明
https://www.kancloud.cn/yunye/axios/234845

// 安装
npm install --save axios

// cdn
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

vue-resource:

npm install --save vue-resource

//cdn
<script src="https://cdn.jsdelivr.net/vue.resource/1.3.1/vue-resource.min.js"></script>

vue-router:

// 官网
https://router.vuejs.org/zh/installation.html

//安装
npm install vue-router

//cdn
https://unpkg.com/vue-router/dist/vue-router.js
https://unpkg.com/vue-router@2.0.0/dist/vue-router.js

font-awesome

http://fontawesome.dashgame.com/
//一套绝佳的图标字体库和CSS框架

nprogress

https://github.com/rstacruz/nprogress/
//前端轻量级web进度条 

echarts

https://echarts.baidu.com/examples/
//ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,
//兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),
//底层依赖轻量级的矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Angular 是一款十分流行且好用的 Web 前端框架,目前由 Google 维护。这个条目收录的是 Angular 2 及其后面的版本。由于官方已将 Angular 2 和之前的版本 Angular.js 分开维护(两者的 GitHub 地址和项目主页皆不相同),所以就有了这个页面。传送门:Angular.js 特性 跨平台 渐进式 Web 应用 借助现代化 Web 平台的力量,交付 app 式体验。高性能、离线化、零安装。 原生 借助来自 Ionic、NativeScript 和 React Native 中的技术与思想,构建原生移动应用。 桌面 借助你已经在 Web 开发中学过的能力,结合访问原生操作系统 API 的能力,创造能在桌面环境下安装的应用,横跨 Mac、Windows 和 Linux 平台。 速度与性能 代码生成 Angular 会把你的模板转换成代码,针对现代 JavaScript 虚拟机进行高度优化,轻松获得框架提供的高生产率,同时又能保留所有手写代码的优点。 统一 在服务端渲染应用的首屏,像只有 HTML 和 CSS 的页面那样几乎瞬间展现,支持 node.js、.NET、PHP,以及其它服务器,为通过 SEO 来优化站点铺平了道路。 代码拆分 Angular 应用通过新的组件路由(Component Router)模块实现快速加载,提供了自动拆分代码的功能,为用户单独加载它们请求的视图中需要的那部分代码。 生产率 模板 通过简单而强大的模板语法,快速创建 UI 视图。 Angular 命令行工具 命令行工具:快速进入构建环节、添加组件和测试,然后立即部署。 各种 IDE 在常用 IDE 和编辑器中获得智能代码补全、实时错误反馈及其它反馈等特性。 完整开发故事 测试 使用 Karma 进行单元测试,让你在每次存盘时都能立即知道是否弄坏了什么。Protractor 则让你的场景测试运行得又快又稳定。 动画 通过 Angular 中直观简便的 API 创建高性能复杂编排和动画时间线 —— 只要非常少的代码。 可访问性 通过支持 ARIA 的组件、开发者指南和内置的一体化测试基础设施,创建具有完备可访问性的应用。 标签:Angular

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值