文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

开发人员必须了解的 10 大前端开发工具

React 的可扩展性很值得注意，开发人员能很容易地完成需要修改大量数据的大型项目。React 适应性很强，除了用于应用开发，用户也可将其应用于其他项目场景。...Bootstrap 也有一个强大的开发者社区，能帮助开发者解决各种问题。优势功能Bootstrap 是一个简单且有吸引力的前端开发框架，为开发者简化了开发过程。...在 Bootstrap 上搭建一个应用程序相当容易，而且不会很费时。Bootstrap 有一套现成的模板，为开发者和商业用户的应用开发提供了便利。...Bootstrap 包括预设的应用开发组件，如按钮、下拉菜单、导航、进度条和徽章。Vue.js图片最受欢迎的前端开发工具之一 Vue.js 由作者尤雨溪于 2014 年发布。...与多个 API 集成，用 HTML、CSS 代码定制应用程序。Glide图片Glide 可以成为你创建强大的应用程序的首选之地，只需最少的代码即可。

2.6K51
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    awesome-javascript-cn

    官网 JSLint ：高标准、严格和固执的代码质量工具，旨在只保持语言的优良部分。官网 MVC 框架和库 angular.js：为网络应用增强 HTML。...官网 sigma.js：一个致力于图形绘画的 JavaScript 库。官网 arbor：一个使用 web workers 和 jQuery 的图形可视化库。...官网 bootstrap-wysiwyg：小巧的、兼容 bootstrap 的所见即所得的富文本编辑器。官网 ckeditor-releases：适用于每个人的 web 文本编辑器。...官网 progressbar.js：用 SVG path 动画制作的、漂亮和响应式的进度条。官网 pace：自动向你的网站添加一个进度条。官网 topbar：小巧漂亮的、与网站同宽的进度指示器。...官网 bootstrap-tour：应用 Twitter Bootstrap 弹出框对产品进行快速简单的引导。官网 tourist：简单、灵活的应用引导介绍库。

    12.4K80

    概览 - 框架 - 集成 - 构建文档 - ckeditor5中文文档

    在检查如何将CKEditor 5与您的框架集成时，您可以按照以下步骤操作： 官方WYSIWYG编辑器集成 到目前为止，有三个官方集成： Angular 2+ React Vue.js 请参阅他们的文档以了解如何使用它们...与Bootstrap的兼容性 要在Bootstrap模式中显示CKEditor 5，您需要按以下步骤操作： 配置CKEditor 5浮动气球的z-index，使它们显示在Bootstrap叠加层上方。...配置Bootstrap以不从富文本编辑器字段中窃取焦点。...CKEditor 5提供了现成的构建，可以公开丰富的JavaScript API，您可以使用它来创建编辑器并控制它们。 如果不存在，请自行将CKEditor 5与您的框架集成。...如果没有，请搜索社区驱动的集成。其中大部分都是在npm上提供的。 到目前为止，有三种官方集成：React，Angular 2+和Vue.js. 检查是否存在官方集成。

    3.8K30

    基于 qiankun 的微前端最佳实践（万字长文） - 从 0 到 1 篇

    本教程采用 Vue 作为主应用基座，接入不同技术栈的微应用。如果你不懂 Vue 也没关系，我们在搭建主应用基座的教程尽量不涉及 Vue 的 API，涉及到 API 的地方都会给出解释。...注意，下面的内容对相关技术栈 API 不会再有过多介绍啦，如果你要接入不同技术栈的微应用，最好要对该技术栈有一些基础了解。...接入 Angular 微应用 Angular 与 qiankun 目前的兼容性并不太好，接入 Angular 微应用需要一定的耐心与技巧。...的项目，在命令行运行如下命令： ng new micro-app-angular 本文的 @angular/cli 选项如下图所示，你也可以根据自己的喜好选择配置。...", }, ]; export default apps; 通过上面的代码，我们就在主应用中注册了我们的 Angular 微应用，进入 /angular 路由时将加载我们的 Angular 微应用

    8.8K41

    干货丨常用JS前端开发框架有哪些？

    底层的前端框架领域中，早先是jquery称霸互联网，近些年，MVVM类型的框架成为主流，Vue、React和Angular三大框架并驾齐驱。目前这四种是开发者使用较广的底层框架。...1.Foundation框架 Foundation框架总体来看要比Bootstrap略显高大上一点，但他们俩的设计理念都是非常清楚的，Bootstrap有引导的意思，尝试处理你项目中的一切所需。...2.Bootstrap Bootstrap在业界非常受欢迎，以致于有很多前端框架都在其基础上开发，如WeX5就是在Bootstrap源码基础上优化而来的。...兼容大部分jQuery插件，并包含了丰富的Web组件，如下拉菜单、按钮式下拉菜单、导航条、按钮组、分页、缩略图、进度条和媒体对象等。...9.FrozenUI FrozenUI是一款开源简单易用，轻量敏捷的移动端框架。基于手Q样式规范，目前全面应用于企鹅手Q增值业务中。基础样式效果简单色调清爽，社区活跃，组件自然不少。

    5.9K20

    Angular 5 快速入门与提高

    如果你从事过C/S图形化应用的开发，应该 知道组件这个词的含义。基本上，组件代表着一些具有图形界面，并且具有内在逻辑能力的 程序单元。下图列出了三种用于实现乒乓切换的组件： ?...加入到这个元数据中的组件才会被编译 bootstrap：声明启动引导哪个组件，必须是编译过的组件 需要强调的是，bootstrap元数据声明的组件必须是编译过的组件：它要么属于 使用imports元数据引入的外部...平台对象的bootstrapModule()方法用来启动指定的NG模块，启动的绝大部分 工作，在于利用JIT编译器编译NG模块和组件，当这些编译工作都完成后，则根据启动模块的 bootstrap元信息，...七、理解Angular的初衷 除了框架本身的功能强大导致的复杂性，Angular的另一个复杂性来源在于 其高度封装的声明式API，让开发者难以揣摩、洞察框架的实现机制，因此使用 起来就很心虚，一旦出现问题则难以分析排错...不能把Angular当作黑盒来使用。 一方面原因在于，Angular是以其声明式的模板语法为核心提供API 开发接口的，开发者书写的模板，经过框架相当复杂的编译处理，才渲染出最终的 视图对象。

    2.5K20

    JS前端开发框架常用的有哪些？

    JS前端开发框架常用的有哪些？在底层的前端框架领域中，早先是jquery称霸互联网，近两年MVVM类型的框架成为主流，Vue、React和Angular三大框架并驾齐驱。...小编搜集了Web界比较常用的web前端框架分享给大家： 1、Foundation框架 Foundation框架总体来看要比Bootstrap略显高大上一点，但他们俩的设计理念都是非常清楚的，Bootstrap...2、、Bootstrap Bootstrap在业界非常受欢迎，以致于有很多前端框架都在其基础上开发，如WeX5就是在Bootstrap源码基础上优化而来的。...兼容大部分jQuery插件，并包含了丰富的Web组件，如下拉菜单、按钮式下拉菜单、导航条、按钮组、分页、缩略图、进度条和媒体对象等。...9、FrozenUI FrozenUI是一款开源简单易用，轻量敏捷的移动端框架。基于手Q样式规范，目前全面应用于企鹅手Q增值业务中。基础样式效果简单色调清爽，社区活跃，组件自然不少。

    4.8K20

    前端开发工程化之angular打造spa应用

    然而所谓的spa单页面应用如何工程化开发，他的开放方式如何呢，请继续看下文，使用angular打造spa应用 1.相关的关键字（yeoman，node,npm,bower,grunt,gulp,ruby...（spring boot+angular微服务应用）当然还有今天要分享的generator-angular（angular的spa应用） 4.分析yeoman生成的骨架，四个重要的点 （1）app目录...url和resource（Controller，view）的关系 还有很多诸如（事件监听注册，拦截器）等概念，angular内容远不止这些，而且还有很多第三方扩展，这些都有待我们开发的时候去发现 6....7.angular 拓展整理 图表数据展示：angular morris chart https://angular-morris-chart.stpa.co/ http请求进度条 angular-loading-bar...://github.com/angular-ui 其中 http://angular-ui.github.io/bootstrap/ 项目基本能解决90%以上的问题

    91440

    无需框架，就能实现微前端，理解起来通俗易懂

    在网页上实现子应用程序有两种方法: 每个页面上有一个应用程序 所有的子应用程序在一个页面上 准备 由于每个微前端将被放置在特定的位置，并将有自己的API，我们需要有一个将在特定位置呈现应用程序的基础。...、React中的子应用和Angular中的子应用。...子应用程序中的实现: 要将一个模块导出为一个子应用程序，我们必须导出以下生命周期函数: bootstrap——它将被调用一次，就在注册的应用程序第一次挂载之前。...: platformBrowserDynamic(), template: ``, }); export const bootstrap = [ ng2Lifecycles.bootstrap...你可以将较小的应用组合起来，使用微前端创建大型前端应用，但将其应用于所有类型的应用是不明智的。理解您的应用程序可以让你更清楚地了解实现微前端的场景，以便以最好的方式利用它们的好处。

    2.8K20

    Ionic2 Rest 认证1、创建Ionic 2 APP2、创建服务3、创建登陆和注册页面4、登出和token检查

    Ionic应用界面 2、创建服务 我们需要创建一个服务来访问REST Api，命令如下： ionic g provider AuthService 我们创建对应的方法来访问注册、登陆、登出REST。...} from '@angular/http'; import 'rxjs/add/operator/map'; let apiUrl = 'http://localhost:8080/api/';...TabsPage, LoginPage, RegisterPage ], imports: [ IonicModule.forRoot(MyApp) ], bootstrap...使用照片倾斜浏览组件 总结 Ionic 2 中实现一个简单的进度条 理解 自定义组件中的 Input 和 output 1.创建一个新的应用 2.创建组件 修改src/components/...progress-bar/progress-bar.ts如下： 3.使用这个组件 总结 使用VS Code在Chrome中调试Ionic 2 优化你的Ionic2应用 打开Angular产品模式

    4.8K30

    「首席架构师推荐」一系列很棒的的浏览器端JavaScript库资源

    JavaScript标准样式 - 意见，无配置样式指南，样式检查器和格式化程序 MVC框架和库 angular.js - 针对网络应用增强的HTML。...sigma.js - 专用于图形绘制的JavaScript库。 arbor - 使用Web worker和jQuery的图形可视化库。 cubism - 用于可视化时间序列的D3插件。...GraphicsJS - 一个轻量级JavaScript图形库，具有基于SVG / VML技术的直观API。...NProgress - 用于Ajax'y应用程序的超薄进度条。 Spin.js - 旋转活动指标。 progress.js - 为页面上的每个对象创建和管理进度条。...progressbar.js - 具有动画SVG路径的美丽且响应迅速的进度条。 pace - 自动为您的网站添加进度条。 topbar - Tiny＆beautiful全站点进度指示器。

    9.1K21

    「沙里淘金」精选浏览器端JavaScript库资源推荐

    JavaScript标准样式 - 意见，无配置样式指南，样式检查器和格式化程序 MVC框架和库 angular.js - 针对网络应用增强的HTML。...sigma.js - 专用于图形绘制的JavaScript库。 arbor - 使用Web worker和jQuery的图形可视化库。 cubism - 用于可视化时间序列的D3插件。...GraphicsJS - 一个轻量级JavaScript图形库，具有基于SVG / VML技术的直观API。...NProgress - 用于Ajax'y应用程序的超薄进度条。 Spin.js - 旋转活动指标。 progress.js - 为页面上的每个对象创建和管理进度条。...progressbar.js - 具有动画SVG路径的美丽且响应迅速的进度条。 pace - 自动为您的网站添加进度条。 topbar - Tiny＆beautiful全站点进度指示器。

    8.2K20

    网站建设（一）进度条（二）

    本例使用的 js 插件地址是： http://geersch.github.io/bootstrap-progressbar/js/bootstrap-progressbar.js API : http...它的一个优点是：网上有关于它的 API 详解以及 DEMO演示。 ---- 该插件与上一个插件的最大区别是：增加了不同色块的进度显示： 或许有用，获取没用，视情况而定。 二、源码分析： 1....基础配置项： 该进度条主要分为三个不同的颜色区域，分别为success，warning，danger。...该插件内部可以调用的方法，即插件参数可以是哪些字符串 设置配置属性的那四个方法就不再放出代码，其他方法有： 3.1 进度增加 一； 3.2 重置进度条 3.3 设置进度条到某一个值，由于涉及到多种颜色...（源码见上面截图） 例如：网站给出的示例代码（API参考上面提供的链接） $('#progressbar').progressbar('setPosition', 85); 对照源码： 1. args

    45320

    【码云周刊第 10 期】放码过来，四个男人的带头冲锋！！

    RESTful API 设计指南——最佳实践 SequoiaDB 技术总监郝大为谈分布式数据库对非结构化数据管理和应用 重新认识前端开发利器 Angular 独家译文 RESTful API 设计指南...即使你不是写 API 的专业人士，拥有精美的 API 也对你的应用程序有好处。...高手问答 重新认识前端开发利器 Angular Angular 目前在前端圈子的火热程度也是有目共睹，因此本期的高手问答我们邀请了 @大漠穷秋 和我们一起探讨关于 Angular 的问题。...与其他框架相比，Angular 有什么优势？ Angular 有什么缺点？ 既然 Angular 2 已正式发布，是否还有必要选择之前的版本？...可应用于文件服务器等需要时常进行备份的环境中。备份同时会记录源文件路径和修改时间，以用于差异备份和增量备份。数据库使用 access。

    1.8K70
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券