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

用于H5的移动开发框架

框架 7.Sencha Touch框架 8.Kendo UI框架 9.PhoneGap框架 10.mui框架 1 jquery mobile框架 　　jQuery Mobile是jQuery 在手机上和平板设备上的版本...Mobile Angular UIu并不包含任何jQuery依赖，你需要做的只是通过一些AngularJS指令创建友好的用户体验。...Kendo UI不是另一个jQuery UI的克隆，它的每一个决定都是从优化性能出发。...每种侧滑实现模式，有不同的侧滑动画效果，主要分为四类： 　　动画1：主界面移动、菜单不动 　　动画2：主界面不动、菜单移动 　　动画3：主界面和菜单同时移动 　　动画4：缩放式侧滑(类手机QQ) 　　•...滑动触发操作菜单 　　在手机应用中(特别是iOS平台)，很多操作菜单都是滑动触发的，比如短信界面，左滑显示“删除”按钮，点击可以删除该短信对话;邮件列表界面，左滑可以删除，右滑可以标注为"已读/未读

7.5K40

用于H5的移动开发框架

Titanium框架 7.Sencha Touch框架 8.Kendo UI框架 9.PhoneGap框架 10.mui框架 1 jquery mobile框架 　　jQuery Mobile是jQuery...Mobile Angular UIu并不包含任何jQuery依赖，你需要做的只是通过一些AngularJS指令创建友好的用户体验。...Kendo UI不是另一个jQuery UI的克隆，它的每一个决定都是从优化性能出发。...每种侧滑实现模式，有不同的侧滑动画效果，主要分为四类： 　　动画1：主界面移动、菜单不动 　　动画2：主界面不动、菜单移动 　　动画3：主界面和菜单同时移动 　　动画4：缩放式侧滑(类手机QQ) 　　•...滑动触发操作菜单 　　在手机应用中(特别是iOS平台)，很多操作菜单都是滑动触发的，比如短信界面，左滑显示“删除”按钮，点击可以删除该短信对话;邮件列表界面，左滑可以删除，右滑可以标注为"已读/未读

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

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

    在建立Web应用时，通常都需要用到一些有用的UI组件。无论应用中需要的是日历，滑块，图形或其它用于提升或简化用户交互的组件，那么都面临两种选择：要么自己来创建这些组件，要么使用现有的组件功能。...既可以在单个软件包中下载jQuery UI的所有元素，也可以选择只下载感兴趣的组件和功能。使用这样的控件集能够为组件创建出一致的外观，并允许以更少的投入快速创建出应用。...以下讲解Kendo UI的几件事情以及如何使用Kendo UI来创建炫酷的交互元素。 首先这些组件是由Telerik开发的。...与其它框架不同的是，这些小部件仅使用JS，并且是从头开始构建的，根本不需要jQuery。即使在移动设备上查看，组件也是快速，平稳并且稳定的。 说到移动设备，这也是Kendo UI擅长的领域之一。...这是一个使用UI元素从头创建的完整系统，能够完美匹配你的Angular项目。如果你想要使用Angular，那么Kendo UI已经支持了。 需要注意的是，Kendo UI不是一个免费的框架。

    6.9K20

    HTML5移动开发的10大移动APP开发框架

    Titanium框架 7.Sencha Touch框架 8.Kendo UI框架 9.PhoneGap框架 10.mui框架 　　1.jquery mobile框架 　　jQuery Mobile...Mobile Angular UIu并不包含任何jQuery依赖，你需要做的只是通过一些AngularJS指令创建友好的用户体验。 　　...Kendo UI不是另一个jQuery UI的克隆，它的每一个决定都是从优化性能出发。...每种侧滑实现模式，有不同的侧滑动画效果，主要分为四类： 　　动画1：主界面移动、菜单不动 　　动画2：主界面不动、菜单移动 　　动画3：主界面和菜单同时移动 　　动画4：缩放式侧滑(类手机QQ) 　　•...滑动触发操作菜单 　　在手机应用中(特别是iOS平台)，很多操作菜单都是滑动触发的，比如短信界面，左滑显示“删除”按钮，点击可以删除该短信对话;邮件列表界面，左滑可以删除，右滑可以标注为”已读/未读

    9.5K10

    移动端手势的七个事件库

    2：Hammer.js:http://hammerjs.github.io/ Hammer.js是一个开源的,轻量级的javascript库,它可以在不需要依赖其他东西的情况下识别触摸,鼠标事件。...3：QuoJS: QuoJS不仅是一个触摸事件管理器，还是一个功能丰富的类库，无需第三方JavaScript库（例如 jQuery, Prototype, Kendo ...）来创建基于浏览器应用程序的复杂项目...是轻量级模块化、面向对象的JavaScript库，定义了多种触摸手势，可以用于移动Web开发中简化HTML文件遍历、事件处理及Ajax交互等，让开发者轻松编写出高效的跨浏览器代码。...Kendo UIWeb包含所有创建高速HTML5 web app的必备元素:UI组件、数据源、验证、一个MVVM框架、主题、模板等 缺点：kendo ui分为开源版和收费版，最近在看KENDO UI，觉得功能很强大...，想用于一个WEB项目中，尤其里面的GRID组件，很不错，但GRID组件现属于专业版本中的一个组件，而专业版是收费的。

    5.7K40

    JavaScript图表的数据可视化:比较D3和Kendo UI

    D3和Kendo UI只是在web应用程序中创建图表的两种方式，选项范围从简单地在屏幕上绘制图形到使用复杂的图表组件。D3和Kendo UI都很受欢迎，两者都能完成工作。...Kendo UI图表组件包括许多流行的图表类型，包括条形图、饼图、线条图和其他图表。 准备开始 我在这里的目标是使用这两个工具来实现同一个图表，使用这两个库。...我想要实现的图表(在Excel中绘制，以保持中立)是: ? 此外，为了展示如何做一些基本的动画，我们还添加了一些工具提示，以便在鼠标滑过其中一个栏时，可以看到该栏显示的值。...接下来，我们添加了Kendo UI也使用的jQuery库。然后我们链接到实际的Kendo UI库。最后，我们包含了一个到D3库的链接。 的位置显示工具提示。该部分的最后一行与Kendo UI端上的一行类似，在那里，我们有机会提供一个模板来显示工具提示中的内容。

    14.7K30

    【第1篇】TypeScript在Eclipse在线安装和使用教程

    在 Microsoft 内部，它导致了自定义工具以简化 JavaScript 组件的编写的需求。 3特性 TypeScript 是一种给 JavaScript 添加特性的语言扩展。...编译后的 TypeScript 脚本也可以从 JavaScript 中使用。 现有框架如 jQuery 和 Node.js 等受到完全支持。这些库的类型声明在源代码中提供。...4工具 TypeScript 编译器，名称叫 tsc, 是用可以被编译为可以被执行在任何 JavaScript 引擎中，在任何宿主 - 如浏览器 - 中的常规 JavaScript 的 TypeScript...编辑器仍然在概念检验的阶段，但已经运行于 Linux, OSX 和 Windows，提供针对之前对提供此类服务的困难度的估计的 IntelliSense, 代码完成和句法高亮。...设置，建议使用美国的..

    10.9K10

    如何使用纯前端控件集 WijmoJS 中的可视化在线设计器

    内联块，用于实例化设计器中创建的每个控件并应用任何自定义属性/事件设置。...如果要保存设计器布局以供将来使用，请使用主工具栏上的“保存”按钮将当前状态写入JSON文件，然后使用主工具栏上的“打开”按钮重新加载所选文件的内容。...从设计图面删除所有控件，然后在“工具箱”中展开图表组，并单击名为FlexChart的项目。 请注意，该图表显示代表“最活跃”证券的实时样本数据。...找到palette属性，单击编辑器中的Show Colors按钮，然后选择一个预定义的值，例如dark。 现在图表看起来像这样： WijmoJS Designer对于操作图表系列等集合特别有用。...在“属性”窗格中向下滚动，找到系列属性，然后单击“显示项目”按钮将其展开。 将鼠标悬停在最新价格上，然后单击出现的链接。

    8.6K20

    【Telerik和Kendo UI组件】上海道宁与progress为您提供Web、移动和桌面构建功能更丰富的现代体验

    通过使用来自Telerik和Kendo UI的现代、功能丰富和专业设计的 UI 组件，您可以在更短的时间内提供更出色的Web、移动和桌面体验。...04、灵活技术支持和资源 查看演示、教程、功能描述、代码示例和详细的API。即使在您的免费试用、大量文档和社区论坛期间，您也可以从支持中受益。...2、UI for Xamarin 开发者解决方案 01、报告和仪表板 1、报告： 在Visual Studio或独立桌面或基于Web的报表设计器中创建交互式、可重用、触摸友好的报表并设置样式，将它们交付到任何...04、性能保证 查看演示、教程、功能描述、代码示例和详细的API。即使在您的免费试用、大量文档和社区论坛期间，您也可以从支持中受益。...这只是Angular的Kendo UI可以做的一些事情。 02、KendoReact KendoReact是一个专业的 UI 工具包，旨在帮助您更快地使用 React设计和构建业务应用程序。

    3.8K30

    前端大牛们都学过哪些东西？

    CSS CSS 语法参考 CSS3动画手册 腾讯css3动画制作工具 志爷css小工具集合 css3 js 移动大杂烩 bouncejs 触摸库 css3 按钮动画 animate.css 全局CSS...1.1.2 zepto 中文注释 jqmobile 手册 移动浏览器开发集合 移动开发大杂烩 微信webview中的一些问题 框架 特色的HTML框架可以创建精美的iOS应用 淘宝SUI 10....弹出层式的全日历 jquery双日历 移动 大气实用jQuery手机移动端日历日期选择插件 jQuery Mobile 移动开发中的日期插件Mobiscroll Date library Datejs...Chrome, Firebug, Filddle 调试 Simulator Xcode中的iOS模拟器(iOS Simulator)的介绍和使用心得 浏览器端调试安卓 移动端前端开发调试 使用 Chrome...1 查看事件绑定2 神器——Chrome开发者工具(一) 奇趣百科性能优化(Chrome DevTools 中的 Timeline Profils 等工具使用介绍) chrome 开发者工具的 15 个小技巧

    6.3K30

    移动端app开发，框架的选择。

    框架的选择，因为一直在关注前端方面的知识，也在学习前端，nodejs、 agularjs、bootstrap、有所涉猎，在项目中前端也用到jquery easyui html5另外html5最近比较火也打算从前端入手...Mobile Angular UIu并不包含任何jQuery依赖，你需要做的只是通过一些AngularJS指令创建友好的用户体验。...2.支持世界上最好的设备。Beta版兼容Android和iOS，Android上的开发人员还可以使用一些专为Android定制的主题。 3.增强的触摸事件。...在touchstart、touchend等标准事件基础上，增加了一组自定义事件数据集成，如tap、swipe、pinch、rotate等。 4.数据集成。...框架我最后选择ionic ,ionic集成cordova，在ionic中的ngcordova 可以对原生设备的调用。

    5.4K10

    JavaScript 开发者需要了解的15个 DevTools 技巧

    使用命令面板 Chrome 的 DevTools 提供了类似编辑器的命令面板。在任何 DevTools 面板中，按 Ctrl | Cmd + Shift + P，然后按名称搜索选项: ? 4....单击任何 JavaScript 文件，未使用的代码会用红条突出显示。 5. 找到DOM更改代码 当事件被触发时，很难确定哪个函数负责更新特定的 HTML DOM 元素。...这些请求会显示在 DevTools Network 面板中，可以使用 XHR 按钮进行过滤。 DevTools 显示了很多信息，但是有时你需要重新运行一次 Ajax 调用。...在左侧窗口中打开 Overrides 选项卡，单击 + Select folder for overrides ，然后选择你创建的目录。系统将提示你允许文件在本地保存，并且目录将出现： ?...可以在 Chrome 中或使用任何代码编辑器来编辑文件，每当重新加载页面时，都将使用更新的版本。 14. 管理客户端存储 网页可以使用多种技术将数据存储在客户端上。

    7K20

    Excel编程周末速成班第18课：使用用户窗体创建自定义对话框

    3.单击该窗体将其激活。然后，在工具箱中，单击“命令按钮”图标。 4.通过在窗体中拖动将按钮放置在所需位置。...图18-3：完成的用户窗体 下一步是将所需的代码添加到该窗体。该代码放置在事件过程中，并在用户执行某些操作时自动执行（在这种情况下，单击命令按钮时）。稍后你将了解有关事件和事件过程的更多信息。...4.在左侧列表中选择cmdMove。 5.在cmdMove按钮的事件过程中，输入单行代码Me.Move10, 10。 6.单击保存按钮以保存工程。 至此，用户窗体已完成。...如果单击“Move”按钮，则该窗体将移至屏幕的右上角。单击文本框将其激活，在文本框中输入一些文本，然后单击“Close”按钮。...VBA编辑器提供了一个视觉设计工具，使你可以创建用户窗体的视觉界面。 通过在VBA代码中调用窗体的Show方法向用户显示窗体。 在窗体的代码中，你可以使用Me关键字来引用窗体。

    15.5K30

    学习jQuery这一篇就够了

    目前超过 90% 的网站都使用了 jQuery 库，jQuery 的宗旨：写的更少，做得更多！...注意：如果存在（不存在）就删除（添加）一个样式类 需求描述：当单击按钮的时候，隐藏 div，再次单击按钮的时候，显示 div .hide { width: 100px; height...需求描述：为按钮添加单击事件，当按钮单击的时候，向控制台输出 “按钮被单击了” 按钮 $('button').on('click',function () {...需求描述：为按钮添加单击事件，然后再解绑，这时候你在点击按钮看看是不是不会输出信息了 按钮 $('button').on('click',function () {...需求描述：为按钮绑定一个单击函数，然后点击按钮，在控制台输出 “按钮被单击了” 按钮 $('button').click(function () { console.log

    3.5K50

    史上最全的前端资源大汇总

    综合类 工具类 综合效果搜索平台 团队 BLOG 开发中心 ECMAScript D3 RequrieJS SeaJS Less & Sass Markdown 兼容性 UI相关 图表类 正则表达式...工具类 ---- [前端人的俱乐部](http://f2er.club/ 真可以解放你的收藏夹) 如何优雅地使用Sublime Text 新编码神器Atom使用纪要 css sprite 雪碧图制作...开发者工具(一 奇趣百科性能优化(Chrome DevTools 中的 Timeline Profils 等工具使用介绍 chrome 开发者工具的 15 个小技巧 Chrome开发者工具不完全指南 Chrome...弹出层式的全日历 jquery双日历 大气实用jQuery手机移动端日历日期选择插件 jQuery Mobile 移动开发中的日期插件Mobiscroll 75....（node.js中的jQuery） nodejs的一个聊天软件 类似微信 使用html5和node.js构建的网易云音乐 babel ES6转换为ES5 一个JS富文本编辑器 一个JS脑图可视化工具 一个

    15K61

    如何使用WijmoJS 纯前端设计器，快速生成 Angular 应用

    在我们的示例中，操作是在单独的选项卡中打开设计图面，并使用 Angular标记提供的上下文，以及源文件中该标记的位置。 现在单击链接以在相邻选项卡中打开设计器。...对于具有集合的控件（例如网格列），设计器允许您添加，删除和修改单个成员。 在“属性”窗格中找到columns属性，然后单击属性编辑器右侧的“显示项目”按钮以显示Angular标记中定义的八个列。...要返回FlexGrid表格控件的设置，请单击“属性”窗格中的“后退”按钮。 如果对设计器中所做的更改感到满意，请单击WijmoJS 徽标下方的“保存”按钮以更新原始源文件的编辑器并将其重点关注。...找到palette属性，单击编辑器中的Show Colors按钮，然后选择一个预定义的值，例如dark。...在这种情况下，设计器以斜体显示只读文本框中的绑定。 保存操作期间保留绑定事件; 但是，在设计器中没有用于创建或编辑它们的界面。

    8.2K40

    Jump Start Bootstrap 第4章

    这个ul元素应该有类”dropdown-menu”。现在，我们有了一个简单的下拉菜单，在单击链接时显示菜单。我们可以在浏览器中查看它，如图所示。 ?...让我们结合使用下拉式插件和我们在前一章中创建的标签和按钮菜单。... 在这代码中，我使用类btn、btn-lg、btn-default创建了一个大的灰色按钮，它正好处于inactive状态，当我们点击它，Bootstrap将在按钮上添加类active。...您可以通过混合Bootstrap的按钮类来创建按钮组中的多色按钮，比如btn-primary、 btn-info等。 单选按钮 您还可以创建一组单选按钮，其中只有一个按钮是可选的。...添加data-dismiss使按钮在单击时关闭模式对话框。 对于本体，我们需要一个包含类modal-body的元素。您可以将几乎任何内容放到该元素中。

    35K40
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

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

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

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

      领券