首页
学习
活动
专区
圈层
工具
发布

WEB入门之十九 UI

本章简介 jQuery本身注重于​​后台​​,没有漂亮的界面,而jQuery UI的出现则补充了前者的不足,它提供了诸多的组件和华丽的界面,使用方便、灵活。...> 上述代码加粗部分是我们实现选项卡组件必须要导入的文件,其中jquery.ui.tabs.js是实现选项卡组件的js文件。...上述代码给我们展示的是jQuery中选项卡的默认效果,我们还可以通过该组件的相关参数来定制多种多样的选项卡。...Tabs参数主要用来设置选项卡的外观,常用的参数下所示: Ø selected : 用来设置选项卡默认显示的tab,默认值是0,即第一个选项卡。...前面我们写的示例没有应用任何主题,例如下面的代码: //其他代码省略 ​<link rel="stylesheet" href="../..

1.4K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    后台管理UI的选择

    一次次反复纠结的选择开始了,给大家介绍下我考虑过的UI,也给大家一个参考。 一、EasyUI easyui是一种基于jQuery的用户界面插件集合。...18个插件与3个自定义插件 轻量、快速 兼容主流浏览器,IE8不兼容 支持Glyphicons, Fontawesome和Ion图标 整体感觉与Metronic类似、功能强大,UI精致,被许多公司使用...UI(去年我去一家公司培训他们就使用该UI,后面上头说要换漂亮些的,他们纠结好久),但整合感觉比不上EasyUI,与DotNet亲一点感觉,DWZ则与Java新一些。...下载地址(没有积分请留下您的邮箱,我发给大家),因为好多人喜欢 1. ...十三、总结下下载 没有形式就没有内容、UI重要,特别是当客户与老板不懂太多关于代码、功能、性能的时候。 上面的UI你也许可以通过各种途径获得,但商业应用请慎重。

    5.8K21

    前端项目里常见报错

    ,按F5刷新如下 对于这种莫名其妙,上一秒还能正常显示,这一秒就出现了错误的bug,我通常重启一下编辑器,重启一下浏览器,就正常了,不要问我为什么,我拿这种蜜汁bug也没有办法 ###错误四:最常见...are already in use 8080端口被占用 将配置文件里面被占用的端口名改掉: 做一个项目的时候 ,控制台总是会出现各种bug,其实不用慌张,终结起来也就几种类型的错误,在开发中每次遇到错误都善于总结...is not defined 错误原因:文件加载的顺序不对,jQuery文件的顺序要在前面 方法:把jQuery文件写在所有script文件前面 #报错七:jsp页面相对路径和绝对路径的问题...UI。...像这样使用它,解决了我的问题!

    21400

    目前比较火的前端框架及UI组件

    如果你会用jquery,那么你也会用zepto。关于Zepto认知我也是通过与一位腾讯朋友聊天的时候知道的,只作了些基础的了解。...jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。...这些模板都是响应式的,并且没有使用任何JavaScript。 用途:真的是很精美的一个样式框架,便于我们快事构建一些个人产品,当然也可以服务于工作中的一些项目。...2.tableau(收费) 地址:点击打开链接 描述:Tableau 是桌面系统中最简单的商业智能工具软件,Tableau 没有强迫用户编写自定义代码,新的控制台也可完全自定义配置。...在控制台上,不仅能够监测信息,而且还提供完整的分析能力。Tableau控制台灵活,具有高度的动态性。

    5.4K40

    前端项目里常见的十种报错及其解决办法

    network,按F5刷新如下 图片.png 对于这种莫名其妙,上一秒还能正常显示,这一秒就出现了错误的bug,我通常重启一下编辑器,重启一下浏览器,就正常了,不要问我为什么,我拿这种蜜汁bug也没有办法...,终结起来也就几种类型的错误,在开发中每次遇到错误都善于总结,下次在看到就会胸有成竹知道是什么情况了,以下是在开发过程中总结的一些错误以及错误的解决方法。...is not defined 图片.png 错误原因:文件加载的顺序不对,jQuery文件的顺序要在前面 图片.png 方法:把jQuery文件写在所有script文件前面 图片.png 报错七:jsp...jQuery UI。...像这样使用它,解决了我的问题!

    43010

    Wijmo 更优美的jQuery UI部件集:爱上 ThemeRoller

    Wijmo 是一个基于jQuery UI的UI部件的套件。Wijmo最方便使用的特点之一就是兼容ThemeRoller。...ThemeRoller 是一个创建独特的jQuery UI web 部件主题皮肤的web应用程序。...Roll Your Own选项卡 Roll Your Own是一个魔术般的功能,通过该选项卡,我们有完整的权限调整并完美你的主题。要改变一个元素,我们所要做的就是展开一个节点并开始工作。...步骤 2: 调整ThemeRoller主题 Hot Sneaks是一个漂亮的主题,但是活动的可点击区域上的粉红色不太适合专业站点的配色风格。我确信-让我们将它替换为浓重的黄褐色。...现在我们要做的是通过添加下面的应用表达是将在该工程的HTML文件链接到主题的CSS中: jquery-ui-1.8.13.custom.css

    1.4K70

    The jQuery UI CSS Framework

    jQuery UI是 jquery官方推出的配合jquery使用的用户界面组件集合!...包含了许多的界面操作功能,如我们常用的表格排序,拖拽,TAB选项卡,滚动条,相册浏 览,日历控件,对话框等 JS插件~~可以很方便的开发用户界面上的功能,使得您的开发工作事半功倍~~不用写繁琐的JS代码...jQuery UI提供了一个强大的CSS Framework,为用户定义使用jQuery widgets。其中的ThemeRoller更是让你随心所欲地操作设计不同风格的网页界面。...jQuery UI是一套基于jquery构建具有皮肤更换功能的UI控件和鼠标交互组件。用于帮助开发人员构建具有良好用户体验的Web应用程序。...filamentgroup 创建的一个jQuery日期排列插件,使用jquery UI 和 jQuery UI CSS Framework创建而成.并且支持ThemeRoller来方便的进行样式化。

    2.7K60

    前端Js框架汇总

    如果你会用jquery,那么你也会用zepto。关于Zepto认知我也是通过与一位腾讯朋友聊天的时候知道的,只作了些基础的了解。 2....jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。...这些模板都是响应式的,并且没有使用任何JavaScript。 用途:真的是很精美的一个样式框架,便于我们快事构建一些个人产品,当然也可以服务于工作中的一些项目。...没有强迫用户编写自定义代码,新的控制台也可完全自定义配置。...在控制台上,不仅能够监测信息,而且还提供完整的分析能力。Tableau控制台灵活,具有高度的动态性。

    7.6K30

    支持Ajax跨域访问ASP.NET Web Api 2(Cors)的简单示例教程演示

    下面我们在CorsDemo.UI的网站项目中通过Nuget程序包管理工具来添加我们需要的jQuery和Bootstrap包(引入 Bootstrap主要是为了美化我们的界面的,只需要一两个css class...以下是添加jQuery包的界面 按照上图方法引用Bootstrap。到这里,我们的准备工作就完成了。...“在浏览器中查看”,Visual Studio会自动在默认的浏览器(我这里的浏览器是Firefox)中打开cors-demo.html这个页面。...为了测试,我们先点击一下这个页面中 的“跨域获取数据”这个按钮(为了查看此时Web Api是否支持跨域访问,我们需先打开Firefox的firebug插件,并定位到“控制台”选项卡)。...,其中存在安全验证等问题并没有提及。

    1.3K90

    Web开发在过去20多年时间里如何改变了我

    HTML和JavaScript仍然参与其中,但多多少少被封装在第三方控件中,并且jQuery当时是JavaScript的别名。JavaScript的一切都是jQuery。...第一个单页应用程序框架(对不起,我不想提蹩脚的ASP.NET AJAX…)出现了,UI逻辑从服务器转移到了客户端。...我用JavaScript编写代码大概有20年时间,但我从来没有在单个项目中写过这么多的JavaScript代码。之后,在过去几年时间里我开始使用AngularJS。...当然类型化的语言在很多情况下也是有用的,但是——使用JS工作了20年——我喜欢隐式的类型JavaScript语言的灵活性,并且我对它很熟。...现今启动一个IDE意味着启动cmder(Windows上我最喜爱的控制台),改变项目文件夹,启动控制台命令,从而查看typescript文件,保存后编译。

    1.8K60

    如何使用浏览器工具调试PWA

    你可能比较熟悉其中的一些面板,比如控制台(Console)、元素面板(Elements)、网络(Network),因为你在构建网站和网络应用程序的时候天天都在用。...清单提供了很多应用被安装到到设备该如何表现的细节说明。任何的错误定义清单将会报告问题。 ? 清单中可以看到应用的名字(首屏上的简短名字),图表预览,以及一些展现的细节。...缓存 忽略应用程序缓存选项卡 - 这是一种不推荐的技术 - 缓存存储选项卡是Service Worker的关键。...它使用Cache API(Service Workers规范的一部分)显示存储的资源内容。 Service Worker使用缓存没有限制。...我希望,在Firefox这很快将变成可能,以便有更容易的测试体验。

    4.6K40

    最新Tampermonkey 中文文档解析(附基础案例和高级案例)

    如果给定了多个散列(用逗号或分号分隔),则TM将使用当前支持的最后一个散列。如果外部资源的内容与所选哈希不匹配,则资源不会传递到用户脚本。所有散列都需要以十六进制或base64格式编码。...因此,不同浏览器选项卡的脚本可以使用此功能相互通信。..., value) 设置‘name‘ 的值到storage中 GM_getValue(name, defaultValue) 从storage中获取‘name’的值 GM_log(message) 在控制台打印日志...cookies,详细请看fetch 注释 fetch (beta) 使用一个fetch来代替xhr请求, 在chrome中,这会导致xhr.abort、details.timeout和xhr.onprogress不工作...details可以提供更多的信息 details - 错误的详细情况 返回一个对象包含以下属性 abort - 取消下载的函数 根据下载模式,gm_u info提供一个名为download mode的属性

    6.1K11

    Edge2AI之使用 SQL 查询流

    单击SQLStreamBuilder 控制台链接以打开 SSB UI。 在登录屏幕上,使用用户admin和密码进行身份验证supersecret1。...在 SMM UI 上,单击主题选项卡 ( )。 单击Add New按钮。...通过单击控制台(左侧栏)> SQL 作业选项卡检查作业执行详细信息和日志。探索此屏幕上的选项: 点击Sensor6Stats作业。 单击“详细信息”选项卡以查看作业详细信息。...带参数的物化视图 您在上面创建的 MV 没有参数;当您调用 REST 端点时,它总是返回 MV 的完整内容。可以为 MV 指定参数,以便在查询时过滤内容。...验证sensorAverageMV 中字段的值是否都必须在您指定的范围内。 尝试更改值范围以验证过滤器是否按预期工作。 完成实验后,单击SQL Jobs选项卡并停止所有作业以释放集群资源。

    1.3K60

    AJAX常见面试问题

    大家好,又见面了,我是你们的朋友全栈君 1.工作当中会和后台交互吗? 那你能说说封装好的 ajax里的几个参数吗 ? url: 发送请求的地址。...2.json数据 如果怎么处理 他的格式 你以前工作中有没有固定格式 如果我发送一个请求 删除数据里的一条数据 我怎么知道删除成功了 或者说 删除后 会在哪里显示 JSON.parse() 转换为...(2) jQuery UI则是在jQuery的基础上,利用jQuery的扩展性,设计的插件。提供了一些常用的界面元素,诸如对话框、拖动行为、改变大小行为等等。...(3) jQuery本身注重于后台,没有漂亮的界面,而jQuery UI则补充了前者的不足,他提供了华丽的展示界面,使人更容易接受。既有强大的后台,又有华丽的前台。...jQuery UI是jQuery插件,只不过专指由jQuery官方维护的UI方向的插件。 10.你工作当中用过那些库?

    2.4K20

    bootsrap+jquery+组件项目引入文件的常见报错报错一:Uncaught ReferenceError: $ is not defined报错二:jsp页面相对路径和绝对路径的问题:报错三:

    做一个项目的时候 ,控制台总是会出现各种bug,其实不用慌张,终结起来也就几种类型的错误,在开发中每次遇到错误都善于总结,下次在看到就会胸有成竹知道是什么情况了,以下是在开发过程中总结的一些错误以及错误的解决方法...图片.png 错误原因:文件加载的顺序不对,jQuery文件的顺序要在前面 ? 图片.png 方法:把jQuery文件写在所有script文件前面 ?...图片.png 原因:包括两个不同版本的jQuery UI。这可能会导致冲突。...尝试删除 jquery-ui.min.js"> 解决办法...像这样使用它,解决了我的问题!

    26.8K40
    领券