指尖下的js ——多触式web前端开发之一：对于Touch的处理

【指尖下的js ——多触式web前端开发之一：对于Touch的处理】的更多相关文章

指尖下的js ——多触式web前端开发之一：对于Touch的处理

指尖下的js ——多触式web前端开发之一:对于Touch的处理水果公司的那些small and cute的设备给我们提供了前所未有的用户体验.当用户在iphone和ipad上运指如飞的时候,那些使用objective-c写出优秀应用的开发人员们心里一定充满了成就感,因为正是他们(而不是水果)让iOS的世界变的丰富多彩.然而对于我们这些以web为自己事业核心的程序员来说,这种让人欲罢不能的多触式体验似乎跟我们关系不大,因为浏览器那一小块地方就是我们和用户的全部交集了.而许多网站为了让iOS的用…

指尖下的js —— 多触式web前端开发之三：处理复杂手势(转)

这篇文章着重介绍多触式设备上特有的gesture event(android和iOS对这个事件的封装大同小异).这个事件是对touch event的更高层的封装,和touch一样,它同样包括gesturestart,gesturechange,gestureend三个事件回调: gesturestart // 当有两根或多根手指放到屏幕上的时候触发 gesturechange // 当有两根或多根手指在屏幕上,并且有手指移动的时候触发 gestureend // 当倒数第二根手…

指尖下的js ——多触式web前端开发之二：处理简单手势(转)

这篇文章将描述多触式网页开发中对手势(Gesture)事件的处理. 水果设备中的Gesture,广义的说包括手指点击(click),轻拂(flick),双击(double-click),两只手指的分开.闭合(scale).转动(rotate)等一切手指能在屏幕上做的事情.iOS上设计了了一系列手势来模拟和扩展鼠标操作,比如手指放下后迅速提起会触发click事件,手指向上滑动,停止,会触发body的onscroll事件等等.但是,狭义的Gesture事件,也就是能够addEventList…

植入式Web前端开发方法

上一篇,我讲述了植入式Web前端开发的基本情况,本篇就来探究其开发方法.以下假定CMS只能植入前端代码,并且需求规模是任意大小的. 代码形式 HTML代码是直接植入的毫无疑问,但除非植入的代码非常简短.功能独立,且植入点数量不多,否则将CSS和JavaScript代码直接嵌入在HTML代码中是不明智的(有的CMS可直接植入CSS和JavaScript代码,其本质也是将这些代码直接嵌入在HTML中),主要有以下弊端: 降低性能:CSS和JavaScript代码不会被浏览器缓存. 不方便调试:每次代…

植入式Web前端开发

在博客园.凡科建站和其他的一些CMS系统中,提供有允许管理者向网页中插入自定义HTML代码的功能,我将其称之为"植入式"的Web前端代码. 因为CSS和JavaScript可以直接嵌入在HTML中,也可以使用HTML标签<link rel="stylesheet">和<script>来引入其文件,所以允许插入自定义HTML代码,其实就是允许使用任何前端资源.根据系统的不同,植入式的代码一般都会允许HTML和CSS,但不一定会允许JavaScr…

原生JS实现tab切换--web前端开发

tab切换非常常见,应用非常广泛,比较实用,一般来说是一个网站必不可少的一个效果.例如:https://123.sogou.com/中的一个tab部分: 1.案例源代码 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>tab切换</title> <style> *{margin: 0;paddin…

1+X Web前端开发（中级）理论考试样题（附答案）

传送门教育部:职业教育将启动"1+X"证书制度改革职业教育改革1+X证书制度试点启动 1+X成绩/证书查询入口一.单选题(每小题2分,共30小题,共 60 分) 1.在Bootstrap框架中,表单元素要加上下列哪个类,才能给表单元素添加圆角属性和阴影效果(D). A..form-group B..form-horizontal C..form-inline D..form-control 2.Bootstrap框架中的 .img-responsive 类可以让图片支持响应式…

1+X Web前端开发（初级）理论考试样题（附答案）

传送门教育部:职业教育将启动"1+X"证书制度改革职业教育改革1+X证书制度试点启动 1+X成绩/证书查询入口一.单选题(每题 2 分,共 60 分) 1.在 HTML 中,(C) 用来表示特殊字符引号 A.&reg C.&quot B.&copy D.&nbsp 2.下面关于文件路径的说法错误的是(B) A."../"是返回当前目录的上一级目录 C.访问下一级目录直接输入相应的目录名即可 B."../"是返…

web前端开发分享-目录

1. web前端开发分享-css,js入门篇 2. web前端开发分享-css,js进阶篇 3. web前端开发分享-css,js提高篇 4. web前端开发分享-css,js工具篇 5. web前端开发分享-css,js深化篇 6. web前端开发分享-css,js移动篇…

【转】 web前端开发分享-目录

http://www.cnblogs.com/jikey/p/3613082.html 1. web前端开发分享-css,js入门篇 2. web前端开发分享-css,js进阶篇 3. web前端开发分享-css,js提高篇 4. web前端开发分享-css,js工具篇 5. web前端开发分享-css,js深化篇 6. web前端开发分享-css,js移动篇分类: JavaScript…

Web前端开发实战6：CSS实现导航菜单结合二级下拉式菜单的简单变换

前面几篇博文都在讲导航菜单和二级下拉式菜单,事实上有非常多方法都能够实现的.详细的情况还要视情况而定. 在后面学习到jQuery框架之后,会有更丰富的动画效果.因为在学习Ajax和jQuery的初步阶段.对于非常多的复杂的导航菜单和二级下拉式菜单没法做,可是学习了CSS和JS还是能实现一些简单的变换的. 这篇博文就来说说用CSS实现导航菜单结合二级下拉式菜单的两个简单变换吧. 首先还是在前面博文的基础上加以实现.事实上仅仅用HTML和CSS还是能够做出不错的效果.可是相较于JS和 jQuer…

Web前端开发实战1：二级下拉式菜单之CSS实现

二级下拉式菜单在各大学校站点.电商类站点.新闻类站点等大型?站点非经常见,那么它的实现原理是什么呢? 学习了Web前端开发的知识后,我们是能够实现这种功能的.复杂的都是从基础效果上加入做出来的.原理和流程还是一样的,今天開始做一些简单的二级下拉式菜单. 横向一级菜单我们见到的非常多.例如以下图所看到的是: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/diss…

绝对精品推荐做前端的看下：Web前端开发体会十日谈

20151208感悟: 前端人的角度来看的话,感觉像是阅读一个大牛前端的全部武功的一个秘籍说明,里面的思想高价值蛋白真是太多太多,推荐看. Web前端开发体会十日谈一直想写这篇“十日谈”,聊聊我对Web前端开发的体会,顺便解答下周围不少人的困惑和迷惘.我不打算聊太多技术,我想,通过技术的历练,得到的反思应当更重要. 我一直认为自己是“初级”前端开发工程师,一方面我入道尚浅,只有短短几年,另一方面我自知对技术的钻研并不深入,可能是由于环境的原因,当然最重要的是,我幸运的参与到互联网崛起的浪潮之巅…

4. web前端开发分享-css,js工具篇

web前端开发乃及其它的相关开发,推荐sublime text, webstorm(jetbrains公司系列产品)这两个的原因在于,有个技术叫emmet, http://docs.emmet.io,而这两个对他的支持是: sublime text 是所有编辑器里边支持emmet比较好的的唯一一款. webstorm是所有编辑器里边唯一内置emmet的一款,并且将emmet的精神往前推动的一款. phpstorm,idea包括所有webstorm的功能.只是phpstorm是针对phper…

web前端开发分享-css,js工具篇

web前端开发乃及其它的相关开发,推荐sublime text, webstorm(jetbrains公司系列产品)这两个的原因在于,有个技术叫emmet, http://docs.emmet.io,而这两个对他的支持是: sublime text 是所有编辑器里边支持emmet比较好的的唯一一款. webstorm是所有编辑器里边唯一内置emmet的一款,并且将emmet的精神往前推动的一款. phpstorm,idea包括所有webstorm的功能.只是phpstorm是针对phper…

淘宝前端工程师：国内WEB前端开发十日谈

一直想写这篇"十日谈",聊聊我对Web前端开发的体会,顺便解答下周围不少人的困惑和迷惘.我不打算聊太多技术,我想,通过技术的历练,得到的反思应当更重要. 我一直认为自己是"初级"前端开发工程师,一方面我入道尚浅,只有短短几年,另一方面我自知对技术的钻研并不深入,可能是由于环境的原因,当然最重要的是,我幸运的参与到互联网崛起的浪潮之巅.时势造就了一批技能薄弱但备受追捧的"弄潮者",这在很大程度上影响我们对"技术本质"的洞察力,多…

Web前端开发十日谈

=========================================================================== 原文章: http://kb.cnblogs.com/page/159704/ =========================================================================== 一直想写这篇“十日谈”,聊聊我对Web前端开发的体会,顺便解答下周围不少人的困惑和迷惘.我不打算聊太多技术,我想,通…

【收藏】Web前端开发第三方插件大全

收集整理了一些Web前端开发比较成熟的第三方插件,分享给大家. ******************************************************************************* 一.国外插件 ace 版本:1.2.3au 官网:https://github.com/ajaxorg/ace-builds/ 许可:BSD 依赖:无 DataAPI:data-pulgin="ace" 功能:基于Web的代码编辑器,实现语法高亮功能 alertif…

【分享】Web前端开发第三方插件大全

收集整理了一些Web前端开发比较成熟的第三方插件,分享给大家. ******************************************************************************* 一.国外插件 ace 版本:1.2.3au 官网:https://github.com/ajaxorg/ace-builds/ 许可:BSD 依赖:无 DataAPI:data-pulgin="ace" 功能:基于Web的代码编辑器,实现语法高亮功能 alertif…

Web前端开发推荐书籍

Web前端开发推荐书籍前言学校里没有前端的课程,那如何学习JavaScript,又如何使自己成为一个合格的前端工程师呢? 读书吧~相对于在网上学习,在项目中学习和跟着有经验的同事学习,书中有着相对完整的知识体系,每读一本好书都会带来一次全面的提高.而如果深一脚浅一脚的学习,写出代码的质量会参差不齐.初学者的首要任务是成为靠谱的熟练开发者,能够稳定的输出有一定质量的代码,这样才能让人放心的把任务交给你.从这个角度来看,跟着w3school类成体系的网络教程学习也是不错的选择. 学习路线…

web前端开发与iOS终端开发的异同[转]

* {-webkit-tap-highlight-color: rgba(0,0,0,0);}html {-webkit-text-size-adjust: none;}body {font-family: Arial, Helvetica, sans-serif;margin: 0;color: #333;word-wrap: break-word;}h1, h2, h3, h4, h5, h6 {line-height: 1.1;}img {max-width: 100% !importan…