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

移动端手势的七个事件库

2：Hammer.js:http://hammerjs.github.io/ Hammer.js是一个开源的,轻量级的javascript库,它可以在不需要依赖其他东西的情况下识别触摸,鼠标事件。...是轻量级模块化、面向对象的JavaScript库，定义了多种触摸手势，可以用于移动Web开发中简化HTML文件遍历、事件处理及Ajax交互等，让开发者轻松编写出高效的跨浏览器代码。...图片发自简书App Zepto是一个轻量级的针对现代高级浏览器的JavaScript库，它与jquery有着类似的api。 如果你会用jquery，那么你也会用zepto。...，想用于一个WEB项目中，尤其里面的GRID组件，很不错，但GRID组件现属于专业版本中的一个组件，而专业版是收费的。...专业版都是压缩的JS、CSS，基本不能阅读代码如果到期基本就不可以再免费使用了。

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

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

    D3和Kendo UI只是在web应用程序中创建图表的两种方式，选项范围从简单地在屏幕上绘制图形到使用复杂的图表组件。D3和Kendo UI都很受欢迎，两者都能完成工作。...我想要实现的图表(在Excel中绘制，以保持中立)是: ? 此外，为了展示如何做一些基本的动画，我们还添加了一些工具提示，以便在鼠标滑过其中一个栏时，可以看到该栏显示的值。...这是D3的基本概念的一部分。使用图表可以做三件事:进入、更新和退出。输入获取新的数据并将其添加到现有的图表中—它向图表中添加新的条形图。更新更改现有条的值。退出从图表中删除元素(条)。...我们不需要告诉Kendo UI添加Y轴，它是自动完成的。同样，Kendo UI做它认为我们需要在图表中，D3只做我们告诉它的。在这个过程中，我们在两个图表上都加一个X轴。...这段代码表示，当我们鼠标滑过一个列时，我们会在一个特定的位置显示工具提示。该部分的最后一行与Kendo UI端上的一行类似，在那里，我们有机会提供一个模板来显示工具提示中的内容。

    14.7K30

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

    既可以在单个软件包中下载jQuery UI的所有元素，也可以选择只下载感兴趣的组件和功能。使用这样的控件集能够为组件创建出一致的外观，并允许以更少的投入快速创建出应用。...虽然jQuery UI能起到很好的作用，但是还有其它的一些框架，拥有很好的高品质控件。在这篇文章中，将会分析其中的几个框架并做比较。...在选择新的框架时，如果有较好的文档会变得非常好。如果你查想Wijmo的图表模块（和代码示例），那么可以在demo page页面找到FlexChart demo，以便了解它是如何工作的。...既然可以免费获得一些很好的控件，那么付费版就需要好好考虑是否值得了。 如果你正在寻求一个有详细文档并且大部分控件是免费的UI解决方案，那么Webix是一个好选择。...总结： 能够完美代替或补充jQuery UI的框架有很多，其中一大部分都是需要付费的。如果你正在寻求一个好的解决方案，那么既可以使用jQuery UI的开源社区，也可以购买付费框架。

    6.9K20

    Apollo 源码解析 —— Portal 灰度全量发布

    我们先来看看官方文档对灰度全量发布的使用指南，来理解下它的定义和流程。 如果灰度的配置测试下来比较理想，符合预期，那么就可以操作【全量发布】。...全量发布的效果是： 灰度版本的配置会合并回主版本，在这个例子中，就是主版本的 timeout 会被更新成 3000 主版本的配置会自动进行一次发布 在全量发布页面，可以选择是否保留当前灰度版本，默认为不保留...合 ItemChangeSets 对象，更新到父 Namespace 中。...第 9 行：调用 ItemService#updateSet(namespace, changeSets) 方法，将变更的配置集 合 ItemChangeSets 对象，更新到父 Namespace 中...第 37 行：记录 Audit 到数据库中。

    1.1K10

    用于H5的移动开发框架

    框架 7.Sencha Touch框架 8.Kendo UI框架 9.PhoneGap框架 10.mui框架 1 jquery mobile框架 　　jQuery Mobile是jQuery 在手机上和平板设备上的版本...提供了丰富的 WEB UI 组件，可以快速的开发出运行于移动终端的应用程序。 8 Kendo UI框架 　　Kendo UI的每个方面都从底层开始构建，以提供强大的JavaScript应用程序性能。...Kendo UI不是另一个jQuery UI的克隆，它的每一个决定都是从优化性能出发。...从轻量级的、执行明显快于jQurey模板的内置模板库，到利用CSS3硬件加速的(如果可能)优化动画 和先进的虚拟化用户界面，Kendo UI不遗余力地提供高性能的客户端UI。...滑动触发操作菜单 　　在手机应用中(特别是iOS平台)，很多操作菜单都是滑动触发的，比如短信界面，左滑显示“删除”按钮，点击可以删除该短信对话;邮件列表界面，左滑可以删除，右滑可以标注为"已读/未读

    7.5K40

    用于H5的移动开发框架

    Titanium框架 7.Sencha Touch框架 8.Kendo UI框架 9.PhoneGap框架 10.mui框架 1 jquery mobile框架 　　jQuery Mobile是jQuery...提供了丰富的 WEB UI 组件，可以快速的开发出运行于移动终端的应用程序。 8 Kendo UI框架 　　Kendo UI的每个方面都从底层开始构建，以提供强大的JavaScript应用程序性能。...Kendo UI不是另一个jQuery UI的克隆，它的每一个决定都是从优化性能出发。...从轻量级的、执行明显快于jQurey模板的内置模板库，到利用CSS3硬件加速的(如果可能)优化动画 和先进的虚拟化用户界面，Kendo UI不遗余力地提供高性能的客户端UI。...滑动触发操作菜单 　　在手机应用中(特别是iOS平台)，很多操作菜单都是滑动触发的，比如短信界面，左滑显示“删除”按钮，点击可以删除该短信对话;邮件列表界面，左滑可以删除，右滑可以标注为"已读/未读

    7.2K10

    数据库中间MyCat硬核教程，主从复制，分库分表

    4.1 主从复制原理 graphic 提到主从同步的原理，我们就需要了解在数据库中的一个重要日志文件，那就是 Binlog 二 进制日志，它记录了对数据库进行更新的事件。...=STATEMENT #【必须】在作为从数据库的时候，有写入操作也要更新二进制日志文件 log-slave-updates #【必须】表示自增长字段每次递增的量，指自增字段的起始值，其默认值是1，...简单来说，我们可以将数据的水平切分理解为是按照数据行的切分，就是将表中的某些行切分到一个数据库，而另外的某些行又切分到其他的数据库中，如图： img 7.1 实现分表 1、选择要拆分的表 MySQL单表存储数据条数是有瓶颈的...例如：例子中的orders、orders_detail都已经达到600万行数据，需要进行分表优化。 2、分表字段的考量 以orders表为例，可以根据不同字段进行分表。...，其将子表的存储位置依赖于主表，并且物理上紧邻存放，因此彻底解决了 JOIN 的效率和性能问题，根据这一思路，提出了基于 E-R 关系的数据分片策略，子表的记录与所关联的父表记录存放在同一个数据分片上。

    2.9K22

    MySQL 数据库 增删查改、克隆、外键 等操作

    ，如果不存在就继续创建 #int(4) zerofill：表示若数值不满4位数，则前面用“0”填充，例0001 #auto_increment：表示此字段为自增长字段，即每条记录自动递增1，默认从1开始递增...；一张表中只能有一个主键, 但是一张表中可以有多个唯一键 #not null：表示此字段不允许为NULL 数据表高级操作 克隆表，将数据表的数据记录生成到新的表中 方法一：使用 like #先克隆表结构...删除记录后主键记录重头开始自增 DELETE FROM 表名; #DELETE清空表后，返回的结果内有删除的记录条目；DELETE工作时是一行一行的删除记录数据的；如果表中有自增长字段，使用DELETE...外键的定义：如果同一个属性字段X 在表一中是主键，而在表二中不是主键，则字段X称为表二的外键。...如果键是 UNI，则该列是唯一索引的第一列。(唯一索引允许多个空值，但可以通过检查NULL字段来判断该列是否允许空。) 如果键为 MUL，则该列是非唯一索引的第一列，其中允许在列中多次出现给定值。

    6.6K20

    very-easyUI 框架快速上手文档

    列表 首先，在body中声明一个grid0，（grid0代表第一个grid） grid0" style="height:500px;width:100%;"> 然后在js...中设置grid0的详细： var grid0 = { title : '学生列表' , url : '/queryStudents.do', singleSelect...image.png 属性： title： 列表名称 url： 列表加载数据的接口地址 singleSelect ： 是否是单选 hasSelect ： 是否有选择列 paging： 是否要分页 fields...： 字段详情，是一个数组，每一个数组项是一个这样的字符串： ** '100|username|学生姓名' **， 分别代表 长度|字段名|字段中文 注意： 可以在字段中文后面加一项，代表字段的特殊化,...content:content }); } } 下载地址： very-easyui-1.0.0.zip （本文档正在全力更新中

    2.1K00

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

    Titanium框架 7.Sencha Touch框架 8.Kendo UI框架 9.PhoneGap框架 10.mui框架 　　1.jquery mobile框架 　　jQuery Mobile...Kendo UI不是另一个jQuery UI的克隆，它的每一个决定都是从优化性能出发。...从轻量级的、执行明显快于jQurey模板的内置模板库，到利用CSS3硬件加速的(如果可能)优化动画 和先进的虚拟化用户界面，Kendo UI不遗余力地提供高性能的客户端UI。 　　...(特别是图文列表的情况); mui通过双webview解决这个DIV的拖动流畅度问题;拖动时，拖动的不是div，而是一个完整的webview(子webview)，回弹动画使用原生动画。 　　...滑动触发操作菜单 　　在手机应用中(特别是iOS平台)，很多操作菜单都是滑动触发的，比如短信界面，左滑显示“删除”按钮，点击可以删除该短信对话;邮件列表界面，左滑可以删除，右滑可以标注为”已读/未读

    9.5K10

    Grid 布局算法！自己动手实现一个 Grid

    比如： 可以定义行和列 可以分别为每一行和列指定宽高 宽高的值可选 Auto, * 和数值 Auto 表示 Grid 将按照元素的实际所需尺寸进行布局 * 表示行列在布局中的比例，* 前面的数值表示比例值...分析 Grid 的布局思路 如果行或列设置为 Auto，那么 Grid 的行或者列将为这个元素的尺寸进行适配，并且元素的所需尺寸也会影响到 Grid 的最小所需尺寸；如果行或列设置为 *，那么 Grid...如果剩余总长 的 Grid.DesiredSize = 可用长度，实际需求的 Grid.DesiredSize = 可用长度 - 剩余总长 如果总长 >= 0，则进行循环（以确定剩余全部子元素的测量所用尺寸...具体的代码非常长，含单元测试供 1200+ 行，建议去 Avalonia 仓库查看： Avalonia/Grid.cs at master · AvaloniaUI/Avalonia Avalonia/...GridLayout.cs at master · AvaloniaUI/Avalonia 效果和性能 在性能测试中，此算法还是表现不错的，以下是 Pull Request 中的性能测试截图（已经合并）

    2K20

    SaaS｜架构与背后的技术思考

    、Master-Detail 关系类型等。...5、对象关系类型 应用对象关系类型主要分为 Look up 和 Master-Detail 两种关系类型，其中 Look up 为弱的父子关系类型，Master-Detail 为强的父子关系类型，其特性对比如下...下面详细描述一下 Order 对象中每个字段定义： 关系字段 Order 为自定义关系字段，DataType 类型为强类型的 Master-Detail 关系，关联到父对象 Order，则 RelatedTo...模型支持对Clob大字段的定义，对于在 Data 表中具有 CLob 数据的每一行数据，系统将其存储在 Clobs 透视表中，并按照需要同 Data 表的对应数据对象实例记录进行关联。...这里着重说一下从父对象到子对象的关联，父到子的关联是在父对象的主查询语句中在查询字段中用（）来封装到子对象的关联，其中 子句中 from orderitem__r 的 orderitem__r 代表的是对子对象

    4.1K30

    小程序-实现自定义组件以及自定义组件间的通信

    this.setData({ countNum: event.detail // 通过event.detail可以拿到子组件传过来的值,如果不重新设置countNum,父组件的countNum...,但是若在外部组件中,想要获取拿到子组件中的数据,如果不通过某些手段,子组件中的数据是影响不到父组件的 因为小程序当中数据的传递是单向的,也就是父组件传递数据给子组件,是通过在组件上添加自定义属性实现的...的方式获取到子组件中传递过来的值 在父组件中,重新setData数据即可更新父组件中初始化的数据,从而渲染到页面上 以上是通过triggerEvent的方式,并携带参数传递给自定义事件,从而在父组件中可以通过...event.detail的方式拿到子组件中的数据 其实,还有另外一种简便的方法,同样可以拿到 父组件通过this.selectComponent拿到子组件中的数据 前提条件 需要在父组件的引用自定义组件上...,并可以携带子组件内的数据,在父组件中的函数中 可以通过event.detail可以拿到子组件中传递给父组件的值,从而重新在setData数据,就可以更新父组件中的初始化数据 这个关系虽然有点绕,至于重要性不言而喻

    3.2K40

    元数据驱动的 SaaS 架构与背后的技术思考

    、Master-Detail 关系类型等。...5、对象关系类型 应用对象关系类型主要分为 Look up 和 Master-Detail 两种关系类型，其中 Look up 为弱的父子关系类型，Master-Detail 为强的父子关系类型，其特性对比如下...下面详细描述一下 Order 对象中每个字段定义： 关系字段 Order 为自定义关系字段，DataType 类型为强类型的 Master-Detail 关系，关联到父对象 Order，则 RelatedTo...模型支持对Clob大字段的定义，对于在 Data 表中具有 CLob 数据的每一行数据，系统将其存储在 Clobs 透视表中，并按照需要同 Data 表的对应数据对象实例记录进行关联。...这里着重说一下从父对象到子对象的关联，父到子的关联是在父对象的主查询语句中在查询字段中用（）来封装到子对象的关联，其中 子句中 from orderitem__r 的 orderitem__r 代表的是对子对象

    4.5K21

    salesforce 零基础开发入门学习（四）多表关联下的SOQL以及表字段Data type详解

    此篇主要讲解表字段的Data type的每种类型以及多表关联下的SOQL查询，由于多表关联涉及到Data type中的look up或者master-detail，所以先讲一下Data type类型。...如果不存在Student，则按照上一篇步骤新建Student表； 2.在Custom Fields & Relationships模块下点击add新建一个字段并选择PickList点击Next； 3.在...detail关系比较紧密，可以自动进行级联删除，Lookup 关系相对灵活，不可以级联删除，如果删除操作，则需要先删除从表，再删除主表操作； 2.用lookup允许父为空，master不允许--master...模式需要级联删除，如果master情况父为空则无法级联删除。...并且将此条记录中ROLE__c表需要的字段信息查出。

    3K91

    【Vuejs】1146- 这些 Vue 的技巧你都掌握了吗？

    前车之鉴可以为鉴，大家可以把本篇文章当测验，考察自己是否对这些知识点熟练于心。 万字长文，持续更新，若有遗漏知识点，后续会补充。...子组件内部可以定义依赖 props 中的值，但无权修改父组件传递的数据，这样做防止子组件意外变更父组件的状态，导致应用数据流向难以理解。 如果在子组件内部直接更改prop，会遇到警告处理。...返回的对象可直接用于渲染函数和计算属性内，并且在发生变更时触发相应的更新。也可以作为最小化的跨组件状态存储器。 Vue 2.x 中传入的对象和返回的对象是同一个对象。...mounted -> 父 mounted 子组件更新过程 子组件更新 影响到 父组件的情况。...顺序：子 beforeUpdate -> 子 updated 父组件更新过程 父组件更新 影响到 子组件的情况。

    2.1K20
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

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

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

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

      领券