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

这 5 个前端组件库，可以让你放弃 jQuery UI

虽然jQuery UI能起到很好的作用，但是还有其它的一些框架，拥有很好的高品质控件。在这篇文章中，将会分析其中的几个框架并做比较。...Wijmo支持一系列控件，其中大多数都集中在数据可视化和输入方面，如图表，仪表，输入控件和网格控件。虽然其它框架提供了一系列基本控件，如对话或布局控件，但Wijmo更加专注于数据。...有趣的一点是，Wijmo 5构建在更现代化的标准之上，因此在IE8上不起作用，此时就需要Wijmo的旧版本。Wijmo 3是基于jQuery，所以它支持直到在IE6上使用。...它包含了一系列数据可视化、布局、导航和编辑控件。虽然这个框架与jQuery UI共享一些组件，但Webix扩展了jQuery UI并提供了一些不同于jQuery UI中常用的组件。...JQWidgets是一个jQuery驱动的框架，用于为网站建立响应式、快速、强大的UI组件。JQWidget的组件主要是使用jQuery，并提供了交互式，动态和高度可定制的小部件。

6.9K20

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

trianglify - 低聚风格背景发生器与d3.js. d3-cloud - 在JavaScript中创建单词云。 d4 - D3的友好可重用图表DSL。...滑动和滑动 - 可与touchSwipe库配合使用的滑动滑动菜单。 表/网格 jTable - 一个用于创建基于AJAX的CRUD表的jQuery插件。...floatThead - （jQuery插件）在正文中滚动时锁定任何表的标题。适用于任何表，不需要自定义html或CSS。 Masonry - 级联网格布局库。...Packery - 使用bin-packing算法的网格布局库。可用于可拖动布局。 Isotope- 可过滤，可排序的网格布局库。可以实现Masonry，Packery和其他布局。...flexboxgrid - 基于CSS3 flexbox的网格。 构架 语义UI - 具有许多主题和元素的UI工具包。 w2ui - 一组用于数据驱动的Web应用程序前端开发的jQuery插件。

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

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

    trianglify - 低聚风格背景发生器与d3.js. d3-cloud - 在JavaScript中创建单词云。 d4 - D3的友好可重用图表DSL。...滑动和滑动 - 可与touchSwipe库配合使用的滑动滑动菜单。 表/网格 jTable - 一个用于创建基于AJAX的CRUD表的jQuery插件。...floatThead - （jQuery插件）在正文中滚动时锁定任何表的标题。适用于任何表，不需要自定义html或CSS。 Masonry - 级联网格布局库。...Packery - 使用bin-packing算法的网格布局库。可用于可拖动布局。 Isotope- 可过滤，可排序的网格布局库。可以实现Masonry，Packery和其他布局。...flexboxgrid - 基于CSS3 flexbox的网格。 构架 语义UI - 具有许多主题和元素的UI工具包。 w2ui - 一组用于数据驱动的Web应用程序前端开发的jQuery插件。

    9.1K21

    Bootstrap运用终极指南

    只需要在CSS中省略viewport元标记，覆盖每个网格层容器的宽度，删除导航栏上所有折叠和展开行为，并在使用网格布局时对它们进行一些调整就可以了。关于操作详情，你可以阅读入门文档中的说明。...X-editable 插件支持在Bootstrap中的页面上创建可编辑元素。 32. Bootstrap Tree View 插件可以为显示分层树结构提供简单解决方案。 33....Gridmanager.js 支持在Bootstrap之类的框架中创建和编辑网格布局。 39. Slider for Bootstrap 是Bootstrap的滑块控件。 40....WATable 是一个jQuery插件，它支持开发人员快速、轻松地对数据进行过滤、格式化、分页和排序。 41. Bootstrap Datagrid 是一个简单强大的jQuery插件，可以完全定制。...45.Bootstrap Video Player 是一个可定制的HTML5视频播放器jQuery插件。

    5.9K11

    0853-7.1.6-如何在CDP集群上安装DAS

    修改浏览器配置，使浏览器可以访问启用Kerberos认证的web界面 目前只实现如何配置火狐Firefox浏览器，在火狐浏览器上访问DAS的Web UI。...，ip的话会失效，不起作用。...6.DAS功能介绍 DAS 可帮助您对 Hive 表执行操作并提供优化查询性能的建议。您可以使用 DAS 来： •搜索查询：您可以搜索在Hive数据库中上执行的查询。...您可以查看建议并编辑您的查询。 •编写和执行查询：您可以使用直观的查询编写器来编写查询。它具有基于上下文的自动完成功能，可帮助您更快地编辑查询。您还可以在执行查询后查看查询的可视化解释。...您可以在 DAS 中创建新表或上传 CSV、JSON 和 XML 格式的现有表。您可以编辑表中的列，还可以查看分区建议并实施这些建议。

    2.4K20

    基于SSM框架的迷你天猫商城

    2.项目数据库为MySQL 5.7版本，请在码云附件上下载SQL文件并导入到数据库中。 3.使用IDEA打开项目后，在maven面板刷新项目，下载依赖包。...4.在IDEA中配置tomcat服务器，并启动项目即可。 注意事项：后台管理界面的订单图表没有数据为正常现象，该图表显示的为近7天的交易额。...采用面向声明的开发模式， 基于泛型编写极少代码即可实现复杂的数据展示、数据编辑、表单处理等功能，在不使用代码生成器的情况下，也只需要很少的代码就能实现基础的CURD操作，再配合在线开发与代码生成器的使用...中 友好的代码结构及注释，便于阅读及二次开发 引入quartz定时任务，可动态完成任务的添加、修改、删除、暂停、恢复及日志查看等功能 引入swagger文档支持，方便编写API接口文档 国际化（支持多语言...（Inspinia风格|ACE风格） 数据统计报表：丰富的报表统计功能 支持多种浏览器: Google, 火狐, IE,360 等 支持数据库: Mysql,Oracle10g,SqlServer等 基础权限

    4.6K50

    【Wordpress】Crayon Syntax Highlighter 与主题不兼容

    推荐理由： 集成主题编辑器 切换行号 复制 / 粘贴代码 在新窗口中打开代码 自动获取博客文章 / 评论中的… 进行高亮 远程请求缓存 可以在一个代码框内混合语言高亮显示 可以在行内调用代码高亮...安装完成并启用，然后点击后台菜单栏的设置，找到 Crayon 进行自定义编辑。 遇到问题： 问题1、显示出来的代码块无法点击，右上角的复制/粘贴、展开等功能button点击不起作用： ?...这个说明某些主题的代码中有可能就做了上面的这种不自动加载 jQuery 改动。 这样就导致了某些依赖js文件的插件不起作用。看到这里，我们就不防去验证一下。...打开我们一篇有代码的博客，右键检查元素，在 element 中搜索 crayon.min ，果不其然网页元素中只加载了css文件 crayon.min.css : ?...handle 1 wp_deregister_script('jquery');  // JS $handle 果然，我们看到在 cu/info.php 这个文件中，有这样一行，找到他，先注释调： ?

    6.9K10

    最新的15 个有趣的前端库（December 2016）

    Deck.gl Deck.gl是由Uber开源的数据可视化库，基于WebGL的可视化图层。能够支持大规模数据的2D和3D可视化。 可以在React中使用，也可以单独使用； ?...通过直接在图形处理器中执行进程，可以并行运行多个复杂计算，大大减少JavaScript等待时间。 兼容大部分浏览器。 ?...它提供了丰富的组件库，大量的可定制选项与Sass或Less，并且拥有详细的的文档。 ?...Medium-draft 基于Facebook文本编辑器框架draft-js之上的React富文本编辑器。 支持Markdown, 丰富的快捷键,友好的用户界面，用于编写和编辑内容。...需要编辑器的朋友可以试试 Eg.js 基于jQuery实现的包括UI交互，动画效果和各种其他实用程序的组件。 可用于网格生成，动画，风景/人像检测，提供设备和浏览器信息。

    1.3K30

    React中使用ajax获取数据在移动浏览器中不显示问题

    在做的一个小项目，页面加载后使用ajax读取本地REST数据，保存在状态中，稍后在form的选择下拉框中显示，代码如下： 150 componentDidMount() { 151...、火狐浏览器访问，数据都能加载，在手机端使用谷歌浏览器访问，选择下拉框始终为空，这说明手机端浏览器ajax获取数据时出了问题。...，即在页面加载完成后才执行某个函数，如果函数中要操作 DOM，在页面加载完成后再执行会更安全，所以在使用 jQuery 时这样的写法很常见。...$(document).ready(function(){})可以简写成$(function(){}); 可参考jquery此处的官方文档。...可能的原因是手机端刘览器与电脑端浏览器页面加载中处理脚本时间不同，前者是未等页面加载结束即执行jquery脚本，后者则相反，所以后者不需$(function(){}也可正常显示。

    8.1K20

    轻量级jQuery网格插件——ParamQuery

    ParamQuery是一种轻量级的jQuery网格插件，基于用于用户界面控制、具有一致API的优秀设计模式jQueryUI Widget factory创建，能够在网页上展示各种类似于Excel和Google...Spreadsheet效果的网格。...使用ParamQuery，开发者可以轻松地实现以下特性： 排序 分页浏览 可以调整数据栏的大小 可以调整表格的高度和宽度 自定义主题 隐藏或显示列 像Excel那样冻结任意多列 显示任意数据源格式...、Chrome、Opera等等）上拥有一致的外观和功能 …… 在ParamQuery的网站上对各种各样的特性都做了示例展示，你可以浏览各种效果，以确定它是否能够满足你的具体需要。...原文地址：轻量级jQuery网格插件——ParamQuery An Example to Use jQuery Grid Plugin in MVC - Part 1

    2.3K60

    初学html常见问题总结

    默认值都为1px2、“border”引起注意：这三个属性的宽度都包含在表格宽度之内，在IE浏览器中是这样。可能不同的浏览器有不同的默认包含关系。...默认值都为1px2、“border”引起注意：这三个属性的宽度都包含在表格宽度之内，在IE浏览器中是这样。可能不同的浏览器有不同的默认包含关系。...默认值都为1px2、“border”引起注意：这三个属性的宽度都包含在表格宽度之内，在IE浏览器中是这样。可能不同的浏览器有不同的默认包含关系。...默认值都为1px2、“border”引起注意：这三个属性的宽度都包含在表格宽度之内，在IE浏览器中是这样。可能不同的浏览器有不同的默认包含关系。...默认值都为1px2、“border”引起注意：这三个属性的宽度都包含在表格宽度之内，在IE浏览器中是这样。可能不同的浏览器有不同的默认包含关系。

    4.2K41

    day60_BOS项目_12

    消息提示框 2、show 消息提示框（在屏幕的右下角显示一个消息窗口） 3、confirm 消息确认框 4、prompt 带有输入功能的消息确认框 5、progress 显示进度提示框 jQuery...EasyUI 的 datagrid 数据网格控件 的使用方式 1、将静态HTML代码渲染成datagrid样式 2、由datagrid发送ajax请求获取服务端json数据，构造datagrid 3...实现区域的分页查询，重构分页代码（将Action中的属性和方法统一提取到BaseAction中） 实现分区的添加功能 1、jQuery EasyUI 的combobox下拉框 使用（2种方式）...datagrid的编辑功能的使用 onAfterEdit:function(rowIndex,rowData,changes) { // 数据网格的事件：当前行结束编辑状态时触发 } 基于数据网格datagrid...中实现流程定义管理 1.11、项目第十一天 流程实例管理（查询流程、查看流程实例运行状态（查询部署id、图片名称、查询坐标）） 数据同步（将用户和角色数据同步到activiti对应的用户表和组表中去）

    2.2K20

    visual studio code适合什么语言_将当前运行的配置备份成初始配置

    VSCode是一款非常好用的编辑器（或者IDE），具有很好的可扩展性，功能比较强大，占用的系统资源也适中，启动速度较快，而且支持全平台，比较适合作为Python开发用的IDE。...一、VSCode与其他编辑器（或IDE）的比较 （1）VSCode与Atom的比较： Atom是一款由github打造的支持全平台的可扩展性非常好的编辑器，基本上VSCode能做的事情，Atom都可以做到...1）IntelliJ IDEA Keybindings：可以提供和Pycharm一样的快捷键绑定的插件，也就不用担心从Pycharm转VSCode的时候要重新记忆快捷键了； （2）各种颜色主题（可以在商店中搜索...（2）JQuery Code Snippets：JQuery代码片段插件； （3）Bootstrap 4：前端框架bootstrap相关的插件； （4）Path Autocomplete：路径补全插件...（5）open in browser：快速用浏览器打开html，支持火狐和谷歌浏览器；VSCode是一款非常好用的编辑器（或者IDE），具有很好的可扩展性，功能比较强大，占用的系统资源也适中，启动速度较快

    1.2K20

    如何正确学习JavaScript（写给非JavaScript程序员和编程新手）

    目录 不要这样学习JavaScript 本课程资源 1～2周(简介，数据类型，表达式和操作符) 3~4周(对象，数组，函数，DOM，jQuery) JavaScript终极编辑器：WebStorm 第一个项目...有一点需要注意，几年前我们需要知道一个真正的服务器端语言（比如PHP，Rails，Java，Python 或者 Perl）去开发可扩展，动态的，数据库驱动的web应用，而现在只用JavaScript就可以实现了...十分重要：在书中遇到的每个样例代码都要动手敲出来并且在火狐或Chrome浏览器控制台中跑起来、尽量蹂躏它（做各种试验）。也可以用jsfiddle，但不要用Safari浏览器。...用WebStorm最爽的地方是JSHint会自动在错误的代码下显示红线，就像文字处理程序中的拼写检查。...你的JavaScript代码中不应该再出现HTML代码了。我们的问答应用现在越来越高级啦。 记录参加问答的用户成绩，展示用户在问答应用中与其他用户的排名比较。

    1.7K70

    JS实现复制截图，自动显示图片，并上传图片到后端，源码自取

    写博客的时候，很多作者会用到截图上传的功能，通过微信截图，QQ截图，直接将截取的图片通过Ctrl+v 复制到编辑器里。编辑器自动将图片上传，并返回图片地址，将图片渲染到页面上。... 页面图片如下 我们将123 复制到输入域中， 打印的是event是一个叫做ClipboardEvent的对象， 内部存在着一个叫做clipboardData的属性，这便是我们在复制时存储数据的对象...70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1971621943,955938305&fm=26&gp=0.jpg" /> jquery.../1.11.3/jquery.min.js"> document.querySelector("#mytextarea...因为上传图片必须要用FormData来传数据。 介绍的这种方法已在最新版谷歌，火狐，360，Edge 测试通过。请尽情使用

    8.1K10

    springboot 入门教程（5） 基于ssm框架的crud操作（前端部分-附源码）

    这个版本里面加了分页，service中的方法有的些变化，我也贴出来供大家参考，分页的类在源码中有这里就不贴了。 UserController.java ? ?...2、整合前端Bootstap Table + jquery 前端其实很简单，只有一个核心的html页面和一个js，有很多细节这里就不做过多介绍，比如表单中包括附件，处理方式肯定不同了哈。.../js/jquery-1.12.0.js"> <script type="text/javascript" src="...../ valign : "middle"// 垂直 // }, { title : "用户名",// 标题 field : "name"// 键名 // sortable: true,//是否可排序...中设置编码（参见源码） 2、实体属性和数据库属性对应不上的时候要注意了，比如数据库用的下划线隔开，实体类中用的驼峰。

    1.9K80

    01_Bootstrap基础组件01

    -- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 --> 网格阵列来指导和规范网页中的版面布局以及信息分布。网页栅格系统是从平面栅格系统中发展而来。 对于网页设计来说，栅格系统的使用，不仅可以让网页的信息呈现更加美观易读，更具可用性。...，会查找带有 col-xs-* 的类，在小屏幕设备中，会查找带有 col-sm-* 的类，在中等屏幕设备中，会查找带有 col-md-* 的类，并使用它们。...在 Bootstrap 网格系统中是通过添加类名。...（row）容器，然后在这个行容器中插入列，在列容器中的行容器（row），宽度为100%时，就是当前外部列的宽度，被嵌套的行（row）所包含的列（column）的个数不能超过12。

    1.3K00
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

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

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

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

      领券