qbaty
- 浏览: 97041 次
- 性别:
- 来自: 北京
-
最新评论
-
calatustela：
请教一下，如果需要对滑动的页面使用超链接该怎么做？例如点击每个 ...
iSlider 移动端 Webapp 滑动的最优解决方案 -
qbaty：
sp42 写道除了观察者模式，究竟还有没有其他模式可选呢？设计 ...
浅谈javasript 观察者模式 -
flex_莫冲：
1、無法限制snap=true時每次滑動只滾一個頁面2、滾動條 ...
IScroll 实践指南(上) -
sp42：
除了观察者模式，究竟还有没有其他模式可选呢？
浅谈javasript 观察者模式 -
qbaty：
xiaoxiehang 写道lhi007 写道我使用页滚动模式 ...
IScroll 实践指南(中)
文章列表
转载请注明原文出自：http://qbaty.iteye.com/blog/2152674
这篇文章主要是介绍iSlider 的诞生过程以及什么是iSlider,以及iSlider的未来。
iSlider 的项目地址 https://github.com/BE-FE/iSlider
iSlider 的例子http://be-fe.github.io/iSlider/demo/
如果你觉得喜欢这 ...
meta 标签
苹果ios 系统从4.2开始就支持 apple-touch-icon 属性,在meta 标签中指定它的值可以使得你的网页在保存至主屏时，显示为自定义的icon，而不是网页的缩略图。
<link rel="apple-touch-icon" href="/custom_icon.png"/>
< ...
对于密集型前端项目而言，业务的复杂程度会导致代码的耦合非常巨大，如何解耦和更加优雅的实现成为每个前端开发工程师的一个追求的目标。前端MVC，观察者模式，面向接口编程等等方案的提出都为我们解决了一些项目中常 ...
上一篇主要是描述iscroll 初始化的参数，以及如何开始初始化一个iscroll实例。
那么这篇文章是来描述如何使用 iscroll 提供的API，以及一些没有提供的功能，如何通过参数来控制iscroll
Iscroll 提供的调用方法有：
destroy
refresh
scrollTo
scrollToElement
scrollToPage
disable
enable
stop
zoom
isReady
destroy
顾名思义，是用来销毁你实例化的iScroll 实例，包括之前绑定的所有iscroll 事件。
refresh
这个方法非常有用，当你的滚动区域的内容发生改变 ...
之所以iscroll会诞生，主要是因为无论是在iphone、ipod、android 或是更早前的移动webkit都没有提供一种原生的方式来支持在一个固定高度的容器内滚动内容。
这个不幸的规则导致所有web-app要模拟成app的样子时，只能由一个绝对定位的header 或是footer再加上一个可以内容的滚动的中间区域组成。
幸运的是移动webkit提供了一种强大的硬件加速的CSS属性，这个属性可以用来模拟这个缺失的功能，Iscroll从这里开始了前进之路，但是没有不带刺的玫瑰。让内容滚动像原生方式一般比想象中要难
iscroll官网
iscroll例子
截至到笔者发布这篇文章时，通过样式 ...
估计很多前端工程师并不清楚escape,encodeURI, encodeURIComponent的区别，也不知道什么时候该用哪个方法，以及这些方法为什么要被用到，下面我主要来阐述一下这三个方法的区别以及用法。
escape 方法：
引用MSDN JScript：
The escape method returns a string value (in Unicode format) that contains the contents of [the argument]. All spaces, punctuation, accented characters, and any other n ...
浏览器的检测这是一个谈烂的话题，这次拿出来说，也没有其他特别的目的，现在主流的类库都已经完好的支持了所有主流的浏览器嗅探。
但是对于国内用户来说，还有很多用户正在使用maxthon,360,sogou，TT等这样的浏览器。
我们知道判断浏览器有两种方法，一种是直接根据UA来检测，一种是根据浏览器的特性来判断。
关于 navigator.userAgent
IE6-IE8没有啥说的
UA 只需要匹配 MSIE + 版本号就可以了
从IE7 到IE8的UA
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0 ...
最近和army8735一起维护他的代码，由于最近代码管理github吵的很热，所以也正好把代码放到git hub上管理，顺便了解下github的工作模式，写这篇文章就是来总结用github来管理代码的一些方式。
文章开始前我觉得有必要稍微介绍下GIT.
Git --- The stupid content tracker, 傻瓜内容跟踪器。那么怎么理解呢？git首先是一个版本控制工具，这点和常用CVS, Subversion是一样的，而不同的是，他采用分布式版本控制库的方式管理。Git的速度非常快，可以很轻易创建分支，并且非常适合用于大项目，它有着非常出色的代码合并追踪能力，再同时它有很多小工具 ...
把函数做为命名空间已经是当今javascript编程里非常普遍的了。如果你把你的代码包含在一个函数里，那么你的代码里包含的变量和函数对于包含函数是本地的，或者说是局部的，这样则不会扰乱全局作用域。
var value = (function() { // Wrapper function creates a local scope or namespace
// your code goes here
return value; // Export a value from the namespace
})()); // Invoke the wrapper fu ...
二话不说上代码：
var Event = {};
//方法一 runtime
Event.addEventListener = function(obj, eventType, listener){
if(typeof window.addEventListener === 'function') {//DOM2接口
el.addEventListener(type, fn, false);
} else if(typeof document.attachEvent === 'function') {//IE
el ...
twitter 改版吸引了很多用户的眼球，最近他们也放出了所有用户的体验新版的通道。
twitter 完全以一个全新的面貌展示，完全放弃了IE6，IE7/8 的某些特效体验也放弃了，专注于更优秀体验，以及技术跟进最快的chrome firefox safari ...
杂项和样式(Miscellaneous & Style)
* 所有的样式规则都在layout/style/quirk.css
* 在怪异模式中，CSS类名是不区分大小写的(case insensitive)，而在标准模式中是大小写敏感的(case sensitive)。
* 当链接进文档的样式表的MINE type是 text/css时候，即便是服务端给出的Content- Type头不是text/css,它也将被当作CSS文件对待。
* CSS解析器接受颜色值不以#号开头。
* CSS解析器将把没有单位的数学默认为其单位为 px（但 ...