Fillder setting:
Tools -> Fiddler Options -> Connections -> Allow remote computers to connect
Remote computer setting:
Internet Explorer -> Tools -> Internet Options -> Connections -> LAN Settings -> Use a proxy server for your LAN
Address: 192.168.56.1
Port: Fiddler listens on port
网站针对移动设备省电的优化规范
网站应该在哪些方面针对智能手机进行优化可以达到最好的省电效果呢？主要有以下几点：
- 使用 HTML 链接，而不是 JavaScript。Gmail 移动版正是凭借这一点夺得了“最环保”（消耗电量最少）的移动网站称号。与之相对应，消耗电量最多的是 Apple 官网。
- 使用 HTML 表格元素，而不是用 CSS。在这一方面 AOL （美国在线）的网站是一个好榜样。
- 图片格式最好选择 JPEG，而不是 PNG 或者 GIF 等。
Categories: html5.
史上最牛的VC应聘表
为更好的提高交流效率及双方的了解，请填写本调查表，本表所有问题没有标准答案，完全自由发挥，若有不明之处，请不要使用Google及百度寻找相近答案。
- 您是哪一年上网的？
- 您有没有担当过某个网站的板主、站长？如有，请写出网站名称及担当时长，以及期间记忆最深的一件事。
- 请列举您每天必看的五个网站的网址（包括二级域名）：
- 您每天都吃早餐吗？常吃的早餐是什么？
-
- 男生答：您的衬衣领围是多少？扣上领扣后是觉得紧还是松还是合适？
- 女生答：您的衬衣是定制的还是成衣？习惯加暗扣吗？
- 您正使用的手机是什么品牌及型号的？你每个月的平均话费是多少？网络流量是多少？
- 如果您使用的是智能机，请列举您每天一定会使用的三个客户端的名称，以及简要说明它的竞争对手是谁，你为什么选择它？
- 您有使用PAD吗？是IPAD还是其它PAD？为什么IPAD面世时被讽刺为“石头都不如”，而半年不到却风行全球？
- 您每个月都会花钱购买的报纸、杂志是什么？请列举五种以内。
- 请列举您最喜欢的体育运动：
- 请列举您最喜欢的休闲活动，例如逛街、电影之类：
-
- 男生答：苍井空在日本并不出名，为什么在中国红透了？中国并不缺敢出位的人，为什么是苍井空风头尽露？
- 女生答：您最喜欢的中国男人是谁？国外男人是谁？
- 您电脑上使用的是什么安全软件，选择它的原因是什么？
- 您如何看3Q大战？这件事对3与Q分别造成了什么样的影响？
- 您认为小米能成功吗？为什么？
- 您有安装“蛮子文摘”？怎么看？
- 中国封建社会到什么朝代为止实际上已经不存在了？为什么？如果不存在，那是什么型态？例如社会主义、帝国主义、资本主义、帝国、天朝等。
- 刘少奇是怎么死的？什么原因？
- 请您简要评价一下“国父”：
- 请列出您现在能马上想到的五首歌：
- 您的宗教信仰是什么？相信有外星人吗？为什么？
- 请列举您最喜欢的五部电影：
- 《盗梦空间》最后的镜头，那个陀螺最后是停了？还是没停？为什么？
- 为什么有人贪污20万可以判死刑，有人贪污1亿却判无期？
- Zynga为什么出价2亿美元收购《Draw Something》？这种并购在中国会发生吗？为什么？
- 您怎么看第三方OS？例如Android OS
- 您觉什么样的天使投资人是合格的？
- “一流的商业模式，二流的团队”与“一流的团队，二流的商业模式”，您会把钱投给谁？为什么？
- 如果再次发生类似“卢旺达大屠杀”的人道主义危机事件，美国应不应该出兵制止？为什么？（注：卢屠杀事件中美国没有出兵。）
- 您经常使用以下这些软件吗？（请打“√”）
- MindManager（熟练 一般 不会 ）
- Visio （熟练 一般 不会 ）
- PowerPoint （熟练 一般 不会 ）
- Word （熟练 一般 不会 ）
- Execl （熟练 一般 不会 ）
- Publisher （熟练 一般 不会 ）
- Photoshop （熟练 一般 不会 ）
非常感谢您耐心的填写，本次交流并不是最终的但会影响我们是否约谈！如果您能发挥个人真实观点，以及提供“30”熟练掌握的软件所完成的文档各一份作为附件将更有帮助。还没发简历给我的朋友可以抄下填写后发送邮件到18081#QQ邮箱。
Categories: others.
提升自身能力相关阅读
受邀答。翻箱倒柜，花了点时间写这个回答，希望别束之高阁，能派上用场。
团队管理
- 新加入的高管，是不是就该新官上任三把火，才能把下属带动起来？zhihu.com/question…
- 如何在实战中锻炼领导力？怎样管理手下的能人？zhihu.com/question…
- 如何降低技术型团队或者职能团队中优秀人才的流失风险？zhihu.com/question…
时间管理
- 律师的时间管理和 GTD 经验zhihu.com/question…
- 时间管理最常见的误区有哪些？zhihu.com/question…
沟通协调
- 如何提升沟通能力？zhihu.com/question…
- 如何避免「气氛和谐，效果平庸」的沟通？zhihu.com/question…
- 如何开会zhihu.com/question…
- 如何倾听别人说话？zhihu.com/question…
项目管理
- 多项目同时进行如何做好进度管理？zhihu.com/question…
知识管理和团队协作工具
- 简单点儿的团队协作工具有哪些推荐？zhihu.com/question…
计划总结
- 在软件项目开发过程中，如果要求开发人员每天必须提交一份工作日志，你有什么看法？zhihu.com/question…
个人能力提高
- 怎样成为一名领导者？zhihu.com/question…
- 如何高效地管理邮件？zhihu.com/question…
- 你在生活中是怎么做到快速思考问题和处理信息的？有什么技巧吗？zhihu.com/question…
- 如何有效提高情商？zhihu.com/question…
团队学习
- 腾讯、百度、阿里、新浪等知名互联网公司内部的团队学习管理是怎么样的？怎么让员工尽快成长？zhihu.com/question…
- 中小型公司的内部技术分享怎么做才能取得比较好的效果，不至于到最后反而成了负担，怎么样才能激发原创，又保证质量，谢谢～～zhihu.com/question…
绩效考核
- 拿员工和岗位来衡量，而不是和其他人比，更不是和高手比。一个岗位一个评价标准。
- 如何对开发团队的各人员进行绩效管理？zhihu.com/question…
- Facebook 是如何做员工年度 review 的？有什么比较有趣值得分享的地方么？zhihu.com/question…
凝聚力和执行力
- 如何提高团队凝聚力和执行力？ zhihu.com/question…
上级相处
- 如何与特别忙的上级交谈？zhihu.com/question…
- 老板或主管什么都要管，不放权，下属没有发挥的余地，怎么办？zhihu.com/question…
Categories: others.
-webkit-slider-thumb
input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
background: #f8b;
height: 13px;
width: 13px;
border-radius: 50%;
box-shadow: -1px -1px 5px rgba(0,0,0,.5) inset,
-1px -1px 4px 3px #f08 inset,
1px 1px 3px rgba(0,0,0,.3),
-199px 0 0 198px rgba(255, 0, 136, .2);
}
Categories: css.
常用MIME类型(Flv,Mp4的mime类型设置)
也许你会在纳闷，为什么我上传了flv或MP4文件到服务器，可输入正确地址通过http协议来访问总是出现“无法找到该页”的404错误呢？这就表明mp4格式文件是服务器无法识别的，其实，这是没有在iis中将相应的MIME类型进行设置的原因。
MIME类型就是设定某种扩 展名的文件用一种应用程序来打开的方式类型，当该扩展名文件被访问的时候，浏览器会自动使用指定应用程序来打开。多用于指定一些客户端自定义的文件名，以 及一些媒体文件打开方式。
| Mime-Types(mime类型) | Dateiendung(扩展名) | Bedeutung |
|---|---|---|
| application/msexcel | *.xls *.xla | Microsoft Excel Dateien |
| application/mshelp | *.hlp *.chm | Microsoft Windows Hilfe Dateien |
| application/mspowerpoint | *.ppt *.ppz *.pps *.pot | Microsoft Powerpoint Dateien |
| application/msword | *.doc *.dot | Microsoft Word Dateien |
|
application/octet-stream |
*.exe | exe |
| application/pdf | Adobe PDF-Dateien | |
| application/post****** | *.ai *.eps *.ps | Adobe Post******-Dateien |
| application/rtf | *.rtf | Microsoft RTF-Dateien |
| application/x-httpd-php | *.php *.phtml | PHP-Dateien |
| application/x-java****** | *.js | serverseitige Java******-Dateien |
| application/x-shockwave-flash | *.swf *.cab | Flash Shockwave-Dateien |
| application/zip | *.zip | ZIP-Archivdateien |
| audio/basic | *.au *.snd | Sound-Dateien |
| audio/mpeg | *.mp3 | MPEG-Dateien |
| audio/x-midi | *.mid *.midi | MIDI-Dateien |
| audio/x-mpeg | *.mp2 | MPEG-Dateien |
| audio/x-wav | *.wav | Wav-Dateien |
| image/gif | *.gif | GIF-Dateien |
| image/jpeg | *.jpeg *.jpg *.jpe | JPEG-Dateien |
| image/x-windowdump | *.xwd | X-Windows Dump |
| text/css | *.css | CSS Stylesheet-Dateien |
| text/html | *.htm *.html *.shtml | -Dateien |
| text/java****** | *.js | Java******-Dateien |
| text/plain | *.txt | reine Textdateien |
| video/mpeg | *.mpeg *.mpg *.mpe | MPEG-Dateien |
| video/vnd.rn-realvideo | *.rmvb | realplay-Dateien |
| video/quicktime | *.qt *.mov | Quicktime-Dateien |
| video/vnd.vivo | *viv *.vivo | Vivo-Dateien |
Categories: others.
jQuery检测IE6
alu发表于：http://alu156.blog.sohu.com
今天发现网页中的一个脚本错误，经检查发现是使用jQuery.browser.version判断浏览器版本时将IE8.0返回成IE6.0了，网上搜索有同样的问题，但大部份人反映的结果都是正常的，再一测试原来问题了，因为我的测试环境是WIN2008(Windows NT
6.0)，WIN2003或WINXP返回的结果都是正常的(Windows NT 5.2)，查jQuery的源码时发现他是使用正则判断的version: (userAgent.match(/.+(?:rv|it|ra|ie)[\/:]([\d.]+)/) || [0,'0'])[1] ，应该是他把navigator.userAgent中的
Windows NT 6.0 解析成IE6.0的版本号了
问题找到了，那么就要找解决方法了。最直接的解决方法是修改jQuery的版本解析正则。由于考虑到如果升级jQuery时每次都要修改很麻烦，再一个jQuery最新版1.3.2的文档中已经声明jQuery.browser及jQuery.browser.version建议弃用，可以使用jQuery.support来代替，这也就是说后续版本中可能会放弃jQuery.browser了。
我的页面中使用jQuery.browser.version的目的是检测IE6，那么另一解决方案就是使用jQuery.support来代替了，查jQuery.support的属性说明中有boxModel可以检测出IE6，boxModel的具体说明如下：
boxModel: 如果这个页面和浏览器是以W3C CSS盒式模型来渲染的，则等于true。通常在IE 6和IE 7的怪癖模式中这个值是false。在document准备就绪前，这个值是null。
但经我测试IE6/IE7/IE8中返回的都是true，这个就是文档中的说明错误了(测试环境：WIN2003+IE6、WIN2003+IE7、 WIN2008+IE8，全部为不同的机器)。那现在只好测试其它的属性了，但我把jQuery.support中其它的属性全部测试后都发现没有一个能直接检测出IE6的。Google了一下都是说用jQuery.browser.version来检测。这个在Windows6.0中是行不能的。难道没有其它解决办法了吗？仔细一想刚才在测试jQuery.support的属性时发现jQuery.support.style在IE6/IE7中返回
false，只有IE8中返回true，这样我就可以间接地来检测IE6了，具体方法是：
$.browser.msie&&($.browser.version == "6.0")&&!$.support.style
因为jquery.browser.version能正常检测IE6和IE7，再结合!$.support.style就是IE6了。
最后这个问题也算是解决了，但还不是很完美，毕竟jquery.browser可能会被弃用，不过我想既然这是BUG，jQuery最终还是会解决的。希望园子里的朋友能提出更好的解决方案
Categories: js.
样式化的HTML5.JS
(function () {
var oHead = document.getElementsByTagName('head')[0];
var sBlock = 'header,footer,section,aside,article,nav,hgroup,figure,figcaption,details,summary';
var sInline = 'time,mark,ruby,rt,rp,output,keygen,meter,progress,command,source';
var sOther = 'video,audio,canvas,datalist';
var oStyle = document.createElement('style');
oStyle.type = 'text/css';
sCSS = sBlock + '{display:block;margin:0;padding:0;border:none}' + sInline + '{text-decoration:none;font-style:normal;font-weight:normal}';
if (oStyle.styleSheet) {
var aTags = (sBlock + ',' + sInline + ',' + sOther).split(',');
for (var i = 0; i & lt; aTags.length; i++) {
document.createElement(aTags[i]);
}
oStyle.styleSheet.cssText = sCSS;
} else {
oStyle.innerHTML = sCSS;
}
oHead.appendChild(oStyle);
})();
HTML5 Mobile Support
原文：https://github.com/shichuan/mobile-html5-boilerplate/wiki/HTML5-Mobile-Support/
| CLASS: OFFLINE & STORAGE | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Feature/OS | iOS | Android | NetFront | Opera | Dolphin | UCWEB | BB | Symbian | IE | webOS | FF |
| appcache | Y 3.2+ | Y 3.2+ | Y | Y | Y | N | N | Y | Y | ||
| localstorage | Y 2.0+ | Y 2.0+ | Y | Y | Y | N | N | N | N | ||
| sessionstorage | Y 2.0+ | Y 2.0+ | Y | Y | Y | N | N | Y | Y | ||
| websqldatabase | Y 2.0+ | Y 2.0+ | Y | Y | Y | N | N | Y | N | ||
| indexeddb | Y 2.0+ | N | N | N | N | N | N | N | N | ||
| CLASS: DEVICE ACCESS | |||||||||||
| Feature/OS | iOS | Android | NetFront | Opera | Dolphin | UCWEB | BB | Symbian | IE | webOS | FF |
| geolocation | Y 3.2+ | Y 2.1+ | |||||||||
| devicemotion | Y | ||||||||||
| deviceorientation | Y | ||||||||||
| CLASS: 3D, GRAPHICS & EFFECTS | |||||||||||
| Feature/OS | iOS | Android | NetFront | Opera | Dolphin | UCWEB | BB | Symbian | IE | webOS | FF |
| svg | Y | N | N | Y | N | Y | N | N | Y | ||
| inlinesvg | Y 5.0+ | N | N | N | N | N | N | N | Y | ||
| canvas | Y | Y 2.1+ | Y | Y | Y | N | Y 5.2+ | Y | Y | ||
| canvastext | Y | Y 2.1+ | Y | Y | Y | N | Y 5.2+ | Y | Y | ||
| webgl | Y | N | N | N | N | N | N | N | Y | ||
| 3dtransforms | Y 3.2+ | N | N | N | N | N | N | N | N | N | |
| CLASS: PERFORMANCE & INTEGRATION | |||||||||||
| Feature | iOS | Android | NetFront | Opera | Dolphin | UCWEB | BB | Symbian | IE | webOS | FF |
| webworkers | Y 5.0+ | N | N | Y | N | N | Y | N | N | N | Y |
| Others | |||||||||||
| Feature | iOS | Android | NetFront | Opera | Dolphin | UCWEB | BB | Symbian | IE | webOS | FF |
| history | Y 4.2+ | Y | Y | N | Y | N | N | N | Y | ||
Categories: html5.
jQuery+Modernizr实现跨终端的Placeholder
代码如下：
$(function(){
if(!Modernizr.input.placeholder){
$("input").each(
function(){
if($(this).val()=="" && $(this).attr("placeholder")!=""){
$(this).val($(this).attr("placeholder"));
$(this)
.focus(function(){
if($(this).val()==$(this).attr("placeholder")) $(this).val("");
})
.blur(function(){
if($(this).val()=="") $(this).val($(this).attr("placeholder"));
}
);
}
}
);
}
});
