Jane的前端记录

贴一篇好文：《周鸿祎：需格外注意的五点用户体验》http://www.leiphone.com/121122-chibop-zhy-ue.html Read More

转载自：http://fatesinger.com/archives/764.html前几天围观大猫的博文，谈到用户体验的问题，地址。最后讲到了渐进增强，于是突然想到了渐进增强和优雅降级这个问题，感觉有点嚼头。优雅降级（graceful degradation）：一开始就构建站点的完整功能，然后针对浏览器测试和修复。渐进增强（progressive enhancement）：一开始只构建站点的最少特性，然后不断针对各浏览器追加功能。优雅降级：使用优雅降级方案，Web站点在所有新式浏览器中都能正常工作，如果用户使用的是老式浏览器，则代码会检查以确认它们是否能正常工作。由于IE独特的盒模型布局问题 Read More

关于z-index的那些事儿http://www.qianduan.net/that-thing-on-the-z-index.html在网上看到的文章，虽然文字内容多到把自己看睡着了。。。 = =但是最终还是看到了一个重点，以个人的理解精简一下看到的重点：普通position定位及z-index层次的关系相信大多数开发者都是理解了的，会重新建立一个基于父元素的堆栈，其z-index是针对新的堆栈 Read More

$('#element').siblings();var temp = $('#element').clone(true); //clone中的内容为true时克隆绑定的事件，否则不克隆事件 Read More

JavaScriptshift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。如果数组是空的，那么 shift() 方法将不进行任何操作，返回 undefined 值。请注意，该方法不创建新数组，而是直接修改原有的 arrayObject。提示和注释注释：该方法会改变数组的长度。提示：要删除并返回数组的最后一个元素，请使用 pop() 方法。JQuery获取鼠标坐标//m为从浏览器获取的对象$('#Div').bind("mousemove", function (m) { //方法一 var xx = m.originalEvent.x Read More

方法一：$('#checkbox').is(':checked');返回true和false，分别表示选中和未选中方法二：$("#checkbox").attr("checked",'');//不打勾$("#checkbox").attr("checked",true);//打勾if($("#checkbox").attr('checked')==undefined) //判断是否已经打勾http://blog.csdn.net/j Read More

在做手机APP开发的时候需要用到一个弹出框和一个遮罩层，在电脑、Ipad、Iphone、Android 2.3系统上显示没有问题，但是在Android 4.0却出现了问题，问题如下：>>弹出框被盖在遮罩层下其主要样式为：/*弹出框样式*/.setFrame{ text-align:center; overflow:hidden;color:#044c93; -webkit-border-radius:.5em; padding-bottom:15px; position:absolute;left:50%; box-shadow:0 0 10px #000;... Read More

iphone、ipad上文本框内外阴影无效的解决方法加上这句就可以了亲~ 这是去除webkit浏览器内核默认对元素标签的默认样式，加上之后阴影就出来啦~ -webkit-appearance:none;加上属性后的文本框 未加属性的文本框文本框样式：.login_txt{ width:120px;height:35px;line-height:35px; border:transparent; border-radius:.4em; -webkit-border-radius:.4em; box-shadow:inset 0 2... Read More

有这么一个webkit的私有属性： -webkit-appearance:none;/*去除input默认样式*/添加该样式，并且值为'none'时即可取消浏览器对于控件的默认样式。另外这个属性也有个神奇的地方~ 他可以用来调用显示浏览器对各种控件的默认样式，比如：<span style="-webkit-appearance:button;"> 我是span啊亲!!</span>那么他所显示的效果是： 哈 觉得挺有趣的~ 另外这个属性可以用来去除Iphone上面那个恶心的超大圆角的按钮默认样式，从而使自己编辑的按钮样式显示正常。下面 Read More

设置IPhone Safari浏览器全屏浏览网页界面.第一种方法：添加viewport meta标签，使界面全屏显示。 <!--iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览--> <meta name="apple-mobile-web-app-capable" content="yes" /> 但是这种方法个人在i4s上面测试，如果是直接打开safari浏览网页是木有任何效果的... 需要通过将网页添加到主屏幕中成为一个快捷方式，通过快捷方式进入才会有全屏的效果。 有种方法可以判断用户是从浏览器直接 Read More