07 2016 档案
摘要：项目背景 webtouch（webapp）页面，防苹果手机safari浏览器，网上滑动，底部导航消失，滑动到底部又出现。向下滑动，底部导航出现。 遇到问题 1、我一开始用swipeup和swipedown来做，发现因为有滚动条，不会触发。因此只能判断滚动条是上滚下滚等。关于手机手势，后面的文章会介绍
阅读全文
摘要：<script type=“text/javascript”>function isIE(){return navigator.appName.indexOf(“Microsoft Internet Explorer”)!=-1 && document.all;}function isIE6() {
阅读全文
摘要：一、触摸事件 ontouchstart、ontouchmove、ontouchend、ontouchcancel 目前移动端浏览器均支持这4个触摸事件，包括IE。由于触屏也支持MouseEvent，因此他们的顺序是需要注意的：touchstart → mouseover → mousemove →
阅读全文
摘要：caller返回一个对函数的引用，该函数调用了当前函数。 functionName.caller functionName 对象是所执行函数的名称。 说明对于函数来说，caller 属性只有在函数执行时才有定义。 如果函数是由 Javascript 程序的顶层调用的，那么 caller 包含的就是
阅读全文
摘要：TinyPNG 能做什么？ TinyPNG 采用智能的有损压缩技术来减少你的 PNG 文件的文件大小。通过选择性地减少图像中的颜色数量，更少的字节用于存储数据。效果几乎是看不见的，但它在文件大小方面差别很大！ 我为什么要用 TinyPNG？ PNG 是有用的，因为它是唯一得到广泛支持的格式，可以存储
阅读全文
摘要：14条规则摘自<High Performance Web Sites>,本文地址 1.减少Http请求 使用图片地图 使用CSS Sprites 合并JS和CSS文件 这个是由于浏览器对同一个host有并行下载的限制,http请求越多,总体下载速度越慢 2.使用CDN(内容发布网络):当页面中有很多
阅读全文
摘要：1，什么是事件委托：通俗的讲，事件就是onclick，onmouseover，onmouseout，等就是事件，委托呢，就是让别人来做，这个事件本来是加在某些元素上的，然而你却加到别人身上来做，完成这个事件。 也就是：利用冒泡的原理，把事件加到父级上，触发执行效果。 好处呢：1，提高性能。 我们可以
阅读全文
摘要：如今的JavaScript技术界里最火热的一项技术应该是‘事件委托(event delegation)’了。使用事件委托技术能让你避免对特定的每个节点添加事件监听器；相反，事件监听器是被添加到它们的父元素上。事件监听器会分析从子元素冒泡上来的事件，找到是哪个子元素的事件。基本概念非常简单，但仍有很多
阅读全文
摘要：Window有navigator对象让我们得知浏览器的全部信息.我们可以利用一系列的API函数得知浏览器的信息. JavaScript代码如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 function message() { txt = "<p>浏览器代码名: " +
阅读全文
摘要：HTML5 Geolocation API (地理位置应用程序接口) 目前PC浏览器支持情况： Firefox 3.5+Chrome 5.0+Safari 5.0+Opera 10.60+Internet Explorer 9.0+ 手机支持情况： Android 2.0+iPhone 3.0+Op
阅读全文
摘要：最近看别人的代码，发现他们在从localStorage里面的时候喜欢用dot来操作，而不是get setItem，记得以前说过这个事。下面再说一次吧。 用dot方式来操作（ 每次以'hello'=>'world','zhangsan'=>'lisi'来做为例子 ） 用getItem setItem来
阅读全文
摘要：由于日常需求以无线居多，所以可以在业务中做一些尝试，如 rem，刚接触这个特性的时候，曾经一度爱不释手，仿佛在无线开发的坎坷路上寻找到一条捷径。然而随着使用范围的扩大，慢慢的发现了一些使用 rem 带来的问题。 rem 关于 rem 这个单位的介绍，在此就不赘述，有兴趣的同学可以阅读一丝的《响应式十
阅读全文
摘要：第一次听到“CSS模块化”这个词是在WebReBuild的第四届“重构人生”年会上，当时我还想，“哈，CSS也有模块化，我没听错吧？”事实上，我没听错，你也没看错，早就有CSS模块化这个概念了。之所以我把这个拿出来讨论，是因为一个算是比较大的项目出现了一些重构上的危机，因此引发了我们对页面重构中的C
阅读全文
摘要：当在数据量不是很大，而且没有后端对应的功能接口的时候，一些简单的搜索功能基本上是前端去实现的，正好最近用到，写了一个，贴出来和大家分享： 功能描述： 按下键盘后及时搜索条目中的汉字，汉字对应的拼音和号码； 实现思路： 先将条目中的汉字转换成拼音，然后将汉字，拼音，数字拼接成规律的字符串，放入数组，然
阅读全文
摘要：在最近的项目中，策划老是要求我们弹出各种类型的键盘，特别是在iOS下，例如输入帐号的时候，不应该支持输入中文，该输入纯数字的时候就应该谈数字键盘等。个人觉得这些都是我们平时开发很少意识到的，虽然有些刁钻，但都是为了用户体验，为了我们的产品，于是便在网上找了一些资料，在此与各位朋友分享：在过去的几年里
阅读全文
摘要：九宫格的样子以及游戏想大家接触过，想当年也是玩了好多九宫格游戏，其中最经典的就是1-9这九个数字填进格子，横竖向、对角相加数值相等这个益智游戏了。今天，在一个qq群里有人问九宫格做法，我就突然想起干前端这么长时间还真的没做过九宫格。今天就把我做好的实例发上来，供看客们批评教育。当然这也是我的处女帖，
阅读全文
摘要：前提：我们考虑兼容的环境为android和ios两种智能手机 兼容环境测试结果显示android的表现明显好于ios，ios手机在软键盘呼起收起时存在着很严重的兼容性问题 场景展示： 页面正常状态 软键盘弹出时，悬挂元素丢失了指定位置 软键盘未通过点击完成而失去焦点时，页面渲染发生崩溃性错乱，手指滑
阅读全文