首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

移动端手势七个事件库

2:Hammer.js:http://hammerjs.github.io/ Hammer.js是一个开源,轻量级javascript库,它可以在不需要依赖其他东西情况下识别触摸,鼠标事件。...支持精确触摸移动操作,而且还可以设置自动播放、等比例缩放等等实用性功能。支持触摸移动,支持响应式页面。最近一个项目中使用到了swipe.js这个插件 感觉非常好用,五颗星好评。...图片发自简书App kendoui.io 提供KendoUI官方最新示例、文档国内镜像,提供大量实际使用案例,提供开源库下载地址,KendoUI是一套很棒HTML5开发控件,它优点是控件齐全,功能强...,易于学习,使用代码简练。...专业版都是压缩JS、CSS,基本不能阅读代码如果到期基本就不可以再免费使用了。

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

    JS 中 cookie 使用

    因此,cookie可以跨越一个域名下多个网页,但不能跨越多个域名使用。   ③、不同浏览器对 cookie 实现也不一样。即保存在一个浏览器中 cookie 到另外一个浏览器是 不能获取。...,我们可以通过读取 cookie 中信息,恢复购物车中物品。...然后通过查询数据库信息来恢复购物车里物品   ③、页面之间传值。在实际开发中,我们往往会通过一个页面跳转到另外一个页面。后端服务器我们可以通过数据库,session 等来传递页面所需要值。...3、怎么使用 cookie?   ...比如: document.cookie="name=中文"; //为了防止中文乱码,我们可以使用encodeURIComponent()编码;decodeURIComponent()解码 document.cookie

    6.2K70

    touch.js使用总结

    Touch 手机端操作 基本事件: touchstart  //手指刚接触屏幕时触发 touchmove    //手指在屏幕上移动时触发 touchend     //手指从屏幕上移开时触发 touchcancel...type事件名称 rotation旋转角度 scale缩放比例 direction操作方向属性 fingersCount操作手势数量 position相关位置信息, 不同操作产生不同位置信息...distance               swipe类两点之间位移 distanceX, x           手势事件x方向位移值, 向左移动时为负数 distanceY, y          ...手势事件y方向位移值, 向上移动时为负数 angle            rotate事件触发时旋转角度 duration                  touchstart 与 touchend...之间时间戳 factor             swipe事件加速度因子 startRotate启动单指旋转方法,在某个元素touchstart触发时调用

    1.7K10

    Node.js + express 使用

    本文来讲下 express 框架使用,变异环境是 VS Code ,这里我已经配饰了阿里镜像,所有 npm 指令用 cnpm 代替 首先学会向 Node.js 种引入 express 非常建党只需两步...现在开始讲 express 使用: 准备部分(包导入) var express = require('express'); var app = express(); 最简单一个使用: 向服务器请求时...我们再访问服务器时描绘涉及到许许多多路由,这是我们不可能将他们都一一列举出来,所以我们就可以用 ‘ :’ 来解决,如下: var express = require('express'); var...app.listen(3000);console.log('listening to port 3000'); 关于发送数据: 这里介绍一下 Postman 大家可以自行根据网上教程下载 基本使用到这里为止...,由于篇幅太长,下一篇记录下大文件:包括图片等上传和测试

    2.7K10

    pm2.js使用

    在写自己博客时候,因为后端使用了node,所以我们需要将node服务部署在服务器上,node服务是需要一直启动,在本地可以自己使用nodemon,但是在服务器上就需要借助其他工具了,比如pm2.js...安装 最新版本 pm2可以通过npm或者yarn安装: $ npm install pm2@latest -g # or $ yarn global add pm2 启动一个应用程序 启动、守护和监视应用程序最简单方法是使用这个命令行...: $ pm2 start app.js 或者轻松启动任何其他应用程序: $ pm2 start bashscript.sh $ pm2 start python-app.py --watch $ pm2...# 指定 cron 用于强制重新启动 --cron # 附加到应用程序日志 --no-daemon 正如你所看到,有许多选项可用来管理你应用程序与 PM2。...您将根据您用例发现它们.

    74530

    使用纯粹JS构建 Web Component

    定制组件基于 Web Component 标准构建,可以在现在浏览器上使用,也可以和任意与 HTML 交互 JavaScript 库和框架配合使用。...它赋予了仅仅使用纯粹JS/HTML/CSS就可以创建可重用组件能力。如果 HTML 不能满足需求,我们可以创建一个可以满足需求 Web Component。...现在可以在我们 HTML 里使用 元素了。 我们会用到 API 来创建我们用户卡片。下面是数据样例: 创建模板 现在,让我们创建一个将在屏幕上渲染模板。...为了继续教程,我们需要创建一个 文件,然后写入下面的代码: 因为并不是所有浏览器都支持 Web Component,我们需要引入 webcomponents.js 这个文件。...你可以在这里阅读第二部分教程:使用纯粹JS构建 Web Component - Part 2! 关注我们

    1.2K60

    Node.js核心API使用

    /模块文件名') 每个模块可以使用exports对象向外导出/公开一些自己内部成员供其它模块使用 exports.成员名= 成员值; 5....Node.js预定义模块 - Global模块,提供可以直接使用,而无需require('global') (1). exports:用于向外部导出当前模块内部成员 (2). module:用于指代当前模块...Node.js官方提供原生模块-util工具模块 (1). format(“名称:%s,价格:%d,%j”,obj.name,obj.price,obj) 使用带占位符方式格式化字符串(%s代表字符串...Node.js官方提供原生模块 -Buffer缓冲区,本质是一块内存区域,用于暂存以后要用到数据(可能是数字、字符串、二进制图片/音视频等),该区域就称为“缓存”,Buffer是global成员,使用时无须...使用Node.js访问MySQL数据库 为了精简Node.js解释器,官方没有提供访问任何数据库相关模块,使用npm工具下载mysql模块:npm i mysql ,连接方法有以下三种: (1).

    3.6K10

    Node.js基本使用3

    koa(扩展知识, 建议学习) koa是express超集(进阶版) 前后端分离和耦合概念介绍 面向过程 -》 面向对象 --》 面向服务 数据库 Node.js mongodb(bson json超集...MongodDB MongoDB存储数据形式bson 数据库功能是用来存储数据。...数据库分为关系系数据库和非关系型数据库(nosql) 关系型数据库是由表和表之间关系组成,nosql是由集合组成,集合下面是很多文档。...非关系型数据库文件存储格式为BSON(一种JSON扩展)。...切换: 数据库已经存在, 我们从一个数据库切换到另一个数据库 show dbs 将我们本地所有数据库列出来 db/db.getName() 查看当前使用数据库 MongoDB 数据库 -》 集合

    86410

    Next.js创建与使用

    NextJs是React服务器渲染框架,区别于官方SSRNext最大特点是可以渲染出Ajax异步请求渲染出来结果,本网站目前使用前端框架就是NextJs 本文章默认你已将学会了React,如果你不会...),状态管理(redex),或者css(css in js、scss)方案都由社区提供,而Next和React最大区别就是路由以及成果物渲染方式,核心库基本没有区别因为在NextJs官网声明了NextJs...也可以使用*路由 在对应文件夹中使用[...all].tsx 在本项目我使用了 image.png 这样就相当于注册了article中所有路由在访问blogweb.cn/article/* 中凡是...,相当于为你字元素添加了一个onclick事件,相当于Vue中router-linktag属性 CSS解决方案 想React一样NextJs支持CSS in Js和CSS模块化引入,但是与React.../index.css'必须在_app.js中引入 使用@代替src文件夹 原本Next.js创建之后是不会有src文件夹但是我们可以创一个(相关文档),然后将样式、模块、组件路由等文件放进去(总之就是关于项目配置不要放

    4K20
    领券