PC网页上的大部分操作都是用鼠标的,即响应的是鼠标事件,包括mousedown.mouseup.mousemove和click事件.一次点击行为,事件的触发过程为:mousedown -> mouseup -> click 三步. 手机上没有鼠标,所以就用触摸事件去实现类似的功能.touch事件包含touchstart.touchmove.touchend,注意手机上并没有tap事件.手指触发触摸事件的过程为:touchstart -> touchmove -> touch…

fasckclick为解决移动端300ms延迟而生 github地址为:https://github.com/ftlabs/fastclick 使用方法: 1. 原生使用(window.onload或其它方式皆可->一切都是在文档流加载完毕) if ('addEventListener' in document) { document.addEventListener('DOMContentLoaded', function () { FastClick.attach(document.body…

https://github.com/mythz/jquip/ http://zeptojs.com/ http://devework.com/jquery-builder.html http://projects.jga.me/jquery-builder/ jquery瘦身 源码阅读 http://www.cnblogs.com/lovesueee/archive/2012/10/18/2730287.html https://www.zhihu.com/question/20521802…

Vue 旅游网首页开发2 - 首页编写 项目结构 首页开发 效果图 项目开发组件化 将页面的各个部分划分成不同的组件,有助于项目的开发和维护. 项目代码初始化 项目结构修改 1.删除整个 compinents 文件夹. 2.创建 pages 文件夹用于存放各个页面. 3.在 pages 文件夹下,创建 home 文件夹,用于项目首页开发. 4. home 文件夹下,创建 components 文件夹,用于存放首页中的各个组件. 5. home 文件夹下创建 Home.vue 文件,用于首页界面内…

第一步  先进入github.com 然后搜索rekit 往下滑 1 . 先全局安装 npm install -g rekit 2 . 进入自己想要创建项目文件的目录输入 rekit create //后面加上自己的项目文件夹名字 3 . cd进入自己刚刚创建文件夹的名字 , 然后安装依赖文件 npm install 4 . 安装后会生成一个node_modules依赖文件 , 然后输入下面指令运行项目 npm start 插件 antd 移动端UI组件库 :  https://mobile.a…

原:http://blog.csdn.net/liubinwyzbt/article/details/51446771 jQuery Mobile和Zepto是移动端的js库.jQuery Mobile相当于PC端的jQuery UI,它提供了很多页面的UI库,能够很快的开发出漂亮的界面,适合公司没有UI设计师的前端开发人员来进行移动端的开发.Zepto相当于PC端的jQuery,它提供了很多方法和功能,能够很快的实现各种需求和功能,适合公司有UI设计师的前端开发人员来进行移动端的开发. jQu…

移动端300ms延迟原因 2007 年初.苹果公司在发布首款 iPhone 前夕,遇到一个问题:当时的网站都是为大屏幕设备所设计的.于是苹果的工程师们做了一些约定,应对 iPhone 这种小屏幕浏览桌面端站点的问题. 双击缩放(double tap to zoom),这也是会有上述 300 毫秒延迟的主要原因.双击缩放,即用手指在屏幕上快速点击两次,iOS 自带的 Safari 浏览器会将网页缩放至原始比例. 假定这么一个场景.用户在 iOS Safari 里边点击了一个链接.由于用户可以进行双…

兼容 IE兼容 ie没有forEach if(!Array.prototype.forEach) { Array.prototype.forEach = function(fun){ var len = this.length; if(typeof fun != "function"){ throw new TypeError(); } var thisp = arguments[1]; for(var i = 0; i < len; i++){ if (i in this){…