彩色网页变黑白色代码

发表于 2013-04-25 20:05:00

加入即可让您的网页变为黑白色调！为雅安祈福！

html {   
        -webkit-filter: grayscale(100%);   
        -moz-filter: grayscale(100%);   
        -ms-filter: grayscale(100%);   
        -o-filter: grayscale(100%);   
        filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);    
        _filter:none;   
    }

人生中有许多事，其实我们都能做到，只是我们不知道自己能做到，我们只要能坚持前进，一切皆有可能.

去掉Chrome,Safari等浏览器按钮默认渲染

发表于 2013-04-15 21:16:00

今天用ipad打开网站发现在Safari浏览器下，提交按钮变形了。按钮都成为了圆角导致按钮值的字体也扭曲了。但用UC浏览器就没有这个问题。后来经过查找发现chrome、safari等webkit内核浏览器在解析input按钮会以浏览器的默认UI渲染，这样就出现我刚才那种现像。

想要阻止这种情况发生，就必须禁止webkit内核浏览器使用默认UI渲染。要在样式表为input添加属性。方法如下：

input{-webkit-appearance: none;}

下面一张图对比一下效果：

当你觉得处处不如人时，不要自卑，记得你只是平凡人；当别人忽略你时，不要伤心，每个人都有自己的生活；当看到别人在笑时，不要以为世界上只有你一个人在伤心，其实别人只是比你会掩饰；当你无助时，你可以哭，但哭过后必须要振作起来，不能输掉微笑。

重新修复腾讯微博调用

发表于 2013-04-07 15:07:00

第一次调用微博使用的是腾讯自家的一个挂件，没法自定义CSS。和博客融合性不太好，就没有再用。

第二次使用的是 双木杉子 开发的腾讯微博非官方API接口JQUERY插件，可以自定义调用的微博数量和CSS。但是由于插件原作者的网站关闭。导致此插件的功能失效。

第三次使用的是腾讯微博开放平台放出的RSS/JSONP接口，提供了RSS订阅源/JSONP格式输出。可以通过解析数据保存到本地缓存后再输出，也可以实现自定义CSS。后来不知道腾讯微博哪里又抽风了，居然连这个也不支持了。至今仍未恢复，让人蛋疼。

这次自己干脆直接写了一个小偷程序，远程读取个人微博主页，通过正则表达式过滤用不到的内容，然后写入本地缓存，再用ajax加载实现了这么曲折的调用。总算是捣鼓完了。感兴趣的可以去微博页面查看效果。

其实也可以不通过ajax加载本地缓存文件的，只可惜EMLOG自定义页面只支持HTML和JS代码，PHP代码没法执行。所以就用到了jQuery的load()方法。

<?php    
    $url = '你的微博地址';    
    $expire = 259200; //过期时间   
    $cache_file = 'weibo.dat';  //缓存文件   
    clearstatcache();   
     if (file_exists($cache_file) && time() <= (filemtime($cache_file) + $expire)) {//缓存文件存在且未过期则直接读取   
         $wb = file_get_contents($cache_file);   
         echo $wb;   
     }else{//缓存文件不存在或已过期则读取远程数据处理并缓存   
    $content = file_get_contents($url);    
    preg_match("/<ul id=\"talkList\" class=\"LC  noHead\"(.*)<\/ul>/imsU", $content, $wb_data);   
    $patterns =array('/<li class=\"snake_dragon\">(.*)<\/li>/imsU','/<script>(.*)<\/script>/imsU','/<div class=\"funBox\">(.*)<\/div>/imsU','/<div class=\"pubInfo\"(.*)">来自/imsU', '/<\/a><\/span><a class=\"time\"(.*)>/imsU','/<span class=\"cNote\"(.*)<\/span><\/div>/imsU','/gender=\"他\"/imsU');   
    $string=array('','','','<span>来自',' ','</span>','target="_blank"');   
    $wb_data = preg_replace($patterns,$string,$wb_data);   
    $wb=str_replace("crs","src",$wb_data);   
    file_put_contents($cache_file, $wb[0]); //写入缓存文件   
     print_r( $wb[0]);   
     }   
?>

生活其实很简单，别总是逼自己。很多事情其实没必要那么计较，干嘛让自己那么累呢?问问自己得到了什么好处。如果是因为别人让自己那么累，想想为了那个人值不值得这样做。如果不值得何苦这样逼自己。人是为自己而活的，自己快乐了，过的才是人生。

英库拼音输入法-Engkoo

发表于 2013-03-31 15:18:00

你是不是也受够了某某输入法的弹窗？

貌似现在不流氓的输入法木有几个了。他们甚至还会在你正打字的时候给你来一个弹窗推荐什么软件、皮肤等等。烦人啊，有木有！！有时候就感慨更新输入法也没有他们推荐弹窗这么频繁敬业。最近试了一下微软英库拼音输入法感觉还不错，没有广告、没有捆绑插件、没有弹窗……特此推荐一下。

微软英库拼音输入法运用微软亚洲研究院的创新研究成果，新的版本优化了核心引擎，系统更加稳定高效，加上云端服务器的无限量存储和计算能力，还有30多万词条的中文词库和新词热词，大幅提升输入的准确率，中英文混合一次输入，最新的电视剧名？网络流行语？赛季新秀？都来试试看吧！

详细的特色功能请去 官方网站 了解吧。

PS：貌似现在已经改名为必应输入法了。。。

与苹果5擦肩而过

发表于 2013-03-20 21:13:00

今天发工资了，很荣幸又给国家纳税了。原本打算这个月发了工资也买部苹果5玩玩，后来综合各种因素冷静分析了一下，还是放弃了，就暂且不跟这风了吧。再说现在手里的这部手机还能用，以后再换吧。最主要的原因还是家里的领导换了新的座驾，有一da部分车贷没有归，资金也比较紧张。

明天去网点更换设备，升级身份证核查仪。话说很喜欢科技部的这份工作，一方面符合自己的兴趣，既不耽误工作，还能学到很多知识，做自己喜欢的事。另一方面每天感觉很充实，但又不是很忙碌，也没有过多的压力和任务。嗯，应该趁着这个时候多考几个证书，多加点分，salary会大大的！

入手了新域名(qbjr.net)

发表于 2013-03-18 19:29:00

去年的时候就打算入手(卿本佳人) qbjr.net 这个域名，怎奈已被别人抢先注册。前几天查询的时候也没报多大希望，结果显示尚未注册，不禁暗喜赶紧拿下，花了33元RMB。

起先不知道如何处置它，后来想到网易的轻博客可以绑定独立域名，并且不需要备案，于是暂时先把它绑定在网易 LOFTER 上了。今天查询绑定结果，已经成功了，不过网易说两个工作日内生效，还是比较算话的。

现在网易上的这个小站暂时就先记录一些生活中的琐事和唠叨吧。选择网易的LOFTOR不仅是因为它支持独立域名，还因为它有很多漂亮的模板。或许以后现在这个站关于个人生活的内容会逐渐减少，关于我个人的一些记录如果想了解的话，还请大家移步到卿本佳人。

浏览器主页被hao123劫持

发表于 2013-03-16 09:56:00

也不知道是安装了什么软件还是中病毒了，反正不知从什么时候开始，谷歌浏览器一打开就就默认进入图片里面的那个网址。在设置里面重新更改主页也无效，清理了恶意插件、杀毒等等均不奏效。

后来在注册表里搜索“hao123”，找到了一处

HKEY_LOCAL_MACHINE\Software\Microsoft\Internet Explorer\Main\Default_Page_URL

发现此处的值被篡改，果断清空。后来感觉不放心，干脆就把所有搜索到的“hao123”尽数删除。免得以后再为非作歹。

PS:注意了！04月21日发现华为网盘点击下载时会把浏览器劫持为hao123。太TM流氓了。

关于在IE10下强制使用IE7模式来解析网页

发表于 2013-03-03 15:45:00

<meta http-equiv="“X-UA-Compatible”" content="IE=7">

自从安装了IE10之后，用它浏览百度百科的词条时候，有很多地方明明有内容，却显示的是一片空白。刚开始也没有弄明白是哪个地方出了问题，后来用IE自带的开发人员工具发现，百度百科的页面强制指定的文档模式为IE7标准。切换了其他模式后即可显示正常。如下图：

X-UA-Compatible是自IE8之后新加的一个设置，对于IE8之前的浏览器是不识别的。当初IE8发布之初为了避免制作出的页面在IE8下面出现错误，在不直接开启兼容视图的情况下直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码：<meta http-equiv="X-UA-Compatible" content="IE=7"> 这样我们才能使得一些页面在IE8里面表现正常！

时至今日，这种方法在IE10下采用反而会出现潜在问题。默认情况下，IE8之后的浏览器都会使用最新最标准的方式渲染网页。当IE收到X-UA-Compatible设置时，便会相应地以怪异模式（Quirks）或之前的IE标准模式进行渲染。至于我遇到的这种问题是不是普遍的就不知道了，有一点是明确的那就是强制网页使用IE7文档标准在IE10下页面存在问题。不禁感叹微软自家的东西都这么难相处。

模板修改基本竣工

发表于 2013-02-28 15:15:00

就像你当前看到的这样，模板基本修改完毕。之前是带侧边栏的双栏式布局，现在经过我一点一点的改造成为单栏式。原来在侧边栏的一些功能移到了底部。顶部导航也固定了位置，方便切换其他页面。留言页面添加了读者墙，评论部位显示楼层等。

现在我也不想再弄一些很花哨的功能了。我现在也有些想开了，不管是页面的布局还是效果的设计，一切都应该围绕着访客的体验为中心，有些东西在我们自己看来是值得炫耀的功能，在访客看来是不需要的。能否快速找到并简洁的显示访客感兴趣或需要的内容或许才是重点，当然如果我们能设计出效果功能很炫又能照顾到访客的感受，这当然是再好不过的了。

以后我的模板的制作与修改也要考虑访客的体验，该去的去，该保留的保留。这样既可以加快页面的载入减轻服务器的压力，还可以能让网站的功能达到最高的利用率。