摘要：
最近遇到一个问题：给一个div做position:fixed时，div里的图片在小米1s自带浏览器里面图片显示模糊了，而其它浏览器图片都是清楚的（说明：已经是2倍的图片了）。代码如下：只要将posiiton:fixed去除时，图片又是清晰的。经过一方排插和google，确定该问题是andorid... 阅读全文
摘要：
一直想使用nodejs来搭建个人blog，由于拖延症的缘故一直没有完成。在godaddy上注册了域名，但是备案太麻烦，于是有了以下实践。说明下目前这个blog使用的一些技术和平台：ghost7ghostwww.nitrous.iophpclouddnspodgodaddyghostghost是搭建... 阅读全文
摘要：
你知道下面代码输出时什么吗？functiona(){}vara=1;typeofa;你告诉我是"number"那这段代码呢？vara=1;functiona(){}typeofa;也是"number"那现在呢？vara=1;vara=function(){};typeofa;现在是"function"为什么呢？因为javascript代码执行时，具有一个叫活动对象和函数声明提升。 阅读全文
摘要：
在项目开发过程中，前端和后端经常是并行的。这时前端难免需要在本地"制造"出符合指定格式要求的数据。大部分数据都是使用json格式，那么有什么好的方法能直接保存json对象到本地呢？今天发现了以下方法：1(function(console){23console.save=function(data,filename){45if(!data){6console.error('Console.save:Nodata')7return;8}910if(!filename)filename='console.json'1112if(typeofdata 阅读全文
摘要：
如何在持续升级的项目中保持项目的高性能？如何更加准确的定位和解决性能问题？实际上，WPO的最主要目的是改善用户体验，而用户体验的好坏则可以根据几个核心性能指标来衡量。从用户体验出发的几个核心时间指标包括：Start Render、DOM Ready、Page Load、TTI。不同的性能指标对用户体验的影响是不同的，而指标本身受哪些因素的影响也是不同的。优化某个指标又该具体采用什么样的方式？接下来将一一介绍，本文集中介绍DOM Ready。定义 DOM Ready，指的是页面解析完成的时间，在高级浏览器里有对应的DOM事件 - DOMContentLoaded，Firefox官方的解析如下：. 阅读全文
摘要：
1. 取整同时转成数值型：'10.567890'|0//结果: 10'10.567890'^0//结果: 10-2.23456789|0//结果: -2~~-2.23456789//结果: -22. 日期转数值：var d = +new Date(); //12956984167923. 类数组对象转数组：var arr = [].slice.call(arguments)4. 漂亮的随机码：Math.random().toString(16).substring(2); //14位Math.random().toString(36).substring(2); 阅读全文
摘要：
// 我的思路是采用哈希表来去重，最后将数组截取1if(!Array.prototype.unique){2Array.prototype.unique=function(){3vartmp={},4arr=[],5j=0,6i,7len;8for(i=0,len=this.length;i<len;i++){9varvalue=this[i];10if(tmp[value]){11arr.push(value);12}else{13this[j++]=value;14tmp[value]=1;15}16}17this.length=j;18returnarr;19}20} 阅读全文
摘要：
今天了解了一个新的名词叫做 FOUC 浏览器样式闪烁，之前也听说过一些类似的东西，比如样式突变等等，但这东西竟然有学名的。。什么是FOUC(文档样式短暂失效)?如果使用import方法对CSS进行导入,会导致某些页面在Windows 下的Internet Explorer出现一些奇怪的现象:以无样式显示页面内容的瞬间闪烁,这种现象称之为文档样式短暂失效(Flash of Unstyled Content),简称为FOUC。原因大致为：1，使用import方法导入样式表。2，将样式表放在页面底部3，有几个样式表，放在html结构的不同位置。其实原理很清楚：当样式表晚于结构性html加载，当加载. 阅读全文
摘要：
想做个直接通过JS获取某个城市的天气。本来想通过直接调用中国气象网的接口：http://www.weather.com.cn/weather/101070201.shtml，但是跨域问题一直无法解决，有谁知道请告诉我。因而改调用腾讯接口，部分源码如下：1functionWeather(){};23Weather.prototype={4 5getWeather:function(city,callback){6 varthat=this,7 cities=Weather.cityParse(),8 code=cities[city]?cities[city]:12... 阅读全文
摘要：
浮动元素的水平居中：详情见：http://www.ueder.net/2011/03/15/%E6%B5%AE%E5%8A%A8%E5%85%83%E7%B4%A0%E7%9A%84%E6%B0%B4%E5%B9%B3%E5%B1%85%E4%B8%AD/那些年我们一起清除过的浮动：作者将CSS清除浮动的原理、清楚浮动的相关方法及其优缺点都进行了详细的描述和分析！强烈推荐。浮动(float)，一个我们即爱又恨的属性。爱，因为通过浮动，我们能很方便地布局； 恨，浮动之后遗留下来太多的问题需要解决，特别是IE6-7（以下无特殊说明均指 windows 平台的 IE浏览器）。也许很多人都有这样的疑问 阅读全文