2014年9月4日
摘要: 1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注:transparent的属性值在android下无效。2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影。3... 阅读全文
posted @ 2014-09-04 11:20 鸡翅膀 阅读(136) 评论(0) 推荐(0) 编辑
  2014年8月21日
摘要: 想必做移动前端的同学经常会接到这样子的一个需求,就是在移动设备页面上的banner图能够用手指触摸左右或上下的滑动切换,这在移动设备是个很常见的一个效果,其用户体验远甚于点击一个按钮区域,通过手指的触摸操作也是移动设备的中一个特性,我们必须专业化的处理,哈哈。其实实现原理很简单,但平常中自己开发不是... 阅读全文
posted @ 2014-08-21 10:42 鸡翅膀 阅读(519) 评论(0) 推荐(0) 编辑
  2014年6月12日
摘要: 首先,在项目的根目录下,创建一个文本文件package.json,指定当前项目所需的模块。下面就是一个例子。{ "family": "ms", "version": "1.0.0", "name": "zhe800", "spm": { "alias": { "zepto... 阅读全文
posted @ 2014-06-12 16:51 鸡翅膀 阅读(392) 评论(0) 推荐(0) 编辑
  2014年5月6日
摘要: Swipe JS 是一个轻量级的移动滑动组件,支持 1:1 的触摸移动,阻力以及防滑性能都不错,可以让移动web应用展现更多的内容,能解决我们对于移动Web对滑动的需求。官网:http://www.swipejs.comgithub:https://github.com/bradbirdsall/S... 阅读全文
posted @ 2014-05-06 15:48 鸡翅膀 阅读(255) 评论(0) 推荐(0) 编辑
  2014年4月10日
摘要: 最近想搞些自动化,网上搜了不少的关于gulp的攻略,然后结合自己的一些实践发出来。如果对你有帮助也别谢谢我。如果误导了你,也别喷我。。。。水平有限。呵呵本文假设你之前没有用过任何任务脚本(task runner)和命令行工具,一步步教你上手Gulp。不要怕,它其实很简单,我会分为五步向你介绍gulp并帮助你完成一些惊人的事情。那就直接开始吧。第一步:安装Node首先,最基本也最重要的是,我们需要搭建node环境。访问http://nodejs.org,然后点击大大的绿色的install按钮,下载完成后直接运行程序,就一切准备就绪。npm会随着安装包一起安装,稍后会用到它。第二步:使用命令行也许 阅读全文
posted @ 2014-04-10 15:17 鸡翅膀 阅读(353) 评论(0) 推荐(0) 编辑
  2014年4月9日
摘要: 一.插件的种类:封装对象方法的插件封装全局函数的方法选择器插件二.jQuery插件的机制 jQuery提供了两个用于扩展jQuery功能方法,即jQuery.fn.extend()方法和jQuery.extend()方法。前者用于扩展前面提到的3种类型插件中的第一种,后者用于扩展后两种插件。这两个方法都接受一个参数,类型为Object。Object对象的“名/值对”分别代表“函数或方法名/函数主题”。其中jQuery.extend()方法除了可以用于扩展jQuery对象之外,还有一个强大的功能,就是扩展已有的Object对象.Js代码jQuery.extend(target,obj1,...[ 阅读全文
posted @ 2014-04-09 18:10 鸡翅膀 阅读(162) 评论(0) 推荐(0) 编辑
  2014年3月31日
摘要: 对于instanceof和typeof,以前看到过,但是只对typeof用到的相对更多一些,最近看js的设计模式,很多用到了instanceof,突然觉得它们两个有些相似但也应该有它们区别,然后网上看了一些文章,对它们之间的关系有了一些的了解。instanceof和typeof都能用来判断一个变量是否为空或是什么类型的变量。typeof用以获取一个变量的类型,typeof一般只能返回如下几个结果:number、boolean、、string、function、object、undefined。我们可以使用typeof来获取一个变量是否存在,如if(typeof a!="undefin 阅读全文
posted @ 2014-03-31 16:41 鸡翅膀 阅读(273) 评论(0) 推荐(0) 编辑
  2011年4月2日
摘要: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb23 阅读全文
posted @ 2011-04-02 16:06 鸡翅膀 阅读(305) 评论(1) 推荐(0) 编辑
  2011年4月1日
摘要: TABLE自动换行:数字和英文的时候,TABLE中的TD就会被拉长,不会自动换行了。全角的时候是可以的。解决方法是添加<td style="word-break:break-all">用表格做网页排版的时候,一般都能正常使用。偏偏有时会碰到一段连续的英文词或者一堆感叹号(!!!)把网页就撑开的现象:总结了一下,只要在CSS中定义了如下句子,可保网页不会再被撑开了。table{table-layout: fixed;}td{word-break: break-all; word-wrap:break-word;}注释一下:1.第一条table{table-layo 阅读全文
posted @ 2011-04-01 10:21 鸡翅膀 阅读(3538) 评论(0) 推荐(1) 编辑
  2011年3月28日
摘要: 今天正好用到这个,就网上搜了搜,贴出来了。如果对你有帮助,不胜荣幸。function getTotalHeight(){if($.browser.msie){return document.compatMode == "CSS1Compat"? document.documentElement.clientHeight : document.body.clientHeight;}else {return self.innerHeight;}}function getTotalWidth (){if($.browser.msie){return document.compat 阅读全文
posted @ 2011-03-28 17:41 鸡翅膀 阅读(840) 评论(0) 推荐(0) 编辑