trance

使用 X-Frame-Options 防止被iframe 造成跨域iframe 提交挂掉

摘要： Refusedtodisplay'http://www.***.com/login/doLogin.html'inaframebecauseitset'X-Frame-Options'to'SAMEORIGIN'.触发原因：页面的返回头被设置X-Frame-Options SAMEORIGIN ，只... 阅读全文

posted @ 2015-07-14 15:03 trance 阅读(68418) 评论(1) 推荐(0)

用CSS3把列表项目反转显示

摘要：忘了哪儿的一个题目来着，说是把一个列表给翻转序列显示，比如：有一个列表如图：翻转为回复里面有人机智的使用 CSS3 的transform:rotate(180deg); 实现了，引发众人赞叹。其实除了这种方法，还有其他的CSS3属性可以做到。今天在看张鑫旭的这篇文章的时候发现box-di... 阅读全文

posted @ 2014-05-08 14:19 trance 阅读(947) 评论(0) 推荐(0)

IE下 input 的父级标签被 disabled 之后引发的怪异行为

摘要：前段时间做了个网盘类的项目，意外发现了这个情况IE下，将input的父级标签增加 disabled 属性之后，input 的行为变得怪异：1、input 背景变灰，疑似也被disabled 了。2、input 仍然可以输入英文数字等字符，但无法切换输入法，无法粘贴其他浏览器不受影响。层层排查之后才发现是 input 的父级标签被设置了 disabled="true" 所致。可以用IE 打开这个DEMO查看。disable input parent disable span enable span 阅读全文

posted @ 2013-08-20 11:31 trance 阅读(1106) 评论(0) 推荐(0)

好文转发《我现在是这样编程的》

摘要：干编程干到一定阶段也许会陷入种种困境，往往最根本的原因是自己的思维受到了自我的禁锢太沉浸于自我和编程的世界，而以下这篇文章则从更加务实的角度告诉了我们一个程序员该如何编程。“曾经，我试过接到一些需求。一眼带过后，脑袋马上随着高昂的斗志沉溺在代码的世界中，马不停蹄地敲着键盘直到最后测试的完成。我从思绪中恢复过来，乍一看自己写的功能，和需求差了十万八千里，我TM都在干嘛？除此之外，我还见过类似的很好笑的事情。有一个程序员，经理提了需求，然后他在那里折腾了一天。结果不但没做出来，而且和实际需求都是完全搭不上调。经过询问发现，他不知道经理说了什么，也不知道自己到底在做什么......”目录：[-]我阅读全文

posted @ 2013-06-17 10:01 trance 阅读(278) 评论(0) 推荐(0)

移动端图片延迟加载

摘要：由于国内的电信网络性价比的限制，和手机处理能力的差异，在设计一个无线应用的时候，为用户节省流量是一个非常重要的考虑因素。可以说每一个字节都应该为客户端节省。节约流量可以从以下几个方面关注：一、使用缓存比如利用浏览器本地存储前面已经讨论过二、延迟加载代码（触底检测，通过接口获取数据）三、资源的延迟加载，图片出现在可视区域再加载,（不考虑自动播放的情况下）音频视频按用户点击加载。今天简单说一下图片延迟加载的实现方式。例子基于jQuery 和 jQuery mobile原理：用户滑动屏幕，屏幕滚动结束(用jQuery 提供的 window scrollstop 事件合适) 检测出现在view 阅读全文

posted @ 2013-06-05 15:14 trance 阅读(6500) 评论(1) 推荐(0)

用IE9把你的网站定到任务栏

摘要：效果先上图：像iPad iPhone 可以把网页当成一个APP 图标一样的放在桌面上。可以快速启动。IE9+ 的版本提供了这个功能，只需要在网页的 head 里面设置相应的 meta 字段即可。具体原理可以参见这儿：IE9浏览器固定网站功能的实现方法实现的代码：<!doctype html><html><head><meta charset="utf-8"><title>IE9 自定义图标</title><meta name="keywords" content=" 阅读全文

posted @ 2013-05-07 16:19 trance 阅读(241) 评论(0) 推荐(0)

好文摘抄

摘要： http://blog.donews.com/shuabang/刷榜那些事儿：顺流逆流文：AppStore刷榜那些事儿部分摘录：“知易行难，人之患在于好为人师，差不多得了，不要把没头脑的经验当**一样到处撒。另外奉劝那些喜欢听导师讲经的童鞋们，真经是听不来的，你自己的经历就是真经。老孙明明一个跟头十万八千就到得西天拿到真经，可为什么要陪着那和尚一路向西，因为真正的真经是那八十一难，而不是几本破书。”“任何行业环境都差不多，卖地沟油的坑了你，你也用APP恶心了他们家孩子，终究是各施所长，互相祸害。说这个的意思是别怪环境恶劣，哪哪都一样，如果你确定选择了一条路，环境再恶劣，也要勇敢的坚持下去。” 阅读全文

posted @ 2013-05-06 11:53 trance 阅读(301) 评论(0) 推荐(0)

移动 App 交互风格趋势演示文档

摘要：昨天为了配合朋友做关于移动App 交互设计风格趋势展示演讲，花了点时间做了一个展示文档顺便用CSS3模拟了一下 ios 那个渐隐菜单的效果激活的时候 button 透明度增加，过一段时间 button 主动变黯淡，不妨碍视觉和操作很简单的小东西：DEMO二维码：阅读全文

posted @ 2013-04-27 18:02 trance 阅读(322) 评论(0) 推荐(0)

简单实现jQuery 风格的 Ajax

摘要： Ajax 已经是一个很老的话题了，现在各种框架都会有成熟的封装，使得开发人员可以以较低的学习成本就可以熟练的创建基于ajax技术的应用。这里面的缺点也很明显，相当一部分开发人员对ajax底层的知识了解甚少，如果脱离框架，可能就会不知所措————当然，这种情形一般不会发生在开发过程中，更多的出现在面试过程中～大家都懂。看一百遍不如自己实现一遍，动手之前建议参考一下 w3cschool 的 AJAX 教程简单基础实用。今天要实现的是模仿 jQuery 风格的 ajax 调用方式：$.get(url,[data],[callback]);$.post(url,[data],[callback]) 阅读全文

posted @ 2013-04-26 11:07 trance 阅读(430) 评论(0) 推荐(0)

select option 不写 value 属性产生的浏览器差异

摘要：今天QA报分页单页条数改变功能在IE8下无法使用。查看代码，发现select 的option 都没写value 属性原来的代码：<select><option>10</option><option>20</option><option>50</option></select> 修改为如下解决：<select><option value="10">10</option><option value="20">20 阅读全文

posted @ 2013-04-19 17:47 trance 阅读(377) 评论(0) 推荐(0)

导航

公告