Windows 10 来了

北京时间7月29日零点起,微软正式开始向包含中国在内的全球用户推送Windows 10正式版安装包,Windows 7、Windows 8正版用户从29日零点起就可以免费升级到Win 10操作系统。

呃,终于来了。。
默认浏览器不再是 ie 。也许意味着ie时代的结束?

接下来的事情就是等待自动更新完毕。

PS: 如果预定过但没有接收到更新的同学可以这样升级:

通过 win+r 打开运行, 输入wuauclt.exe /updatenow 回车。

仅供参考。

BTW:
建议用户通过Windows update 获取原始版本的 win10,而非第3方"定制"版本。
以下文章可以参考: 倒贴也不要,你愿意装定制版Win10么

--EOF--

网站启用ajax无刷新技术(pjax)和多说的一些小技巧 ,

先说ajax无刷新技术吧
因为 Godaddy 空间中资源和国内访问速度的原因,能节省一点资源就节省一点资源吧。虽然对于传统的 ajax 来说,更新版的 pjax 可以同时写入浏览器历史( pushState )和动态更换 url 显示,但是对于我来说,貌似还有一下不足:

  1. 浏览器缓存(内存)不会释放,会让老爷机的朋友感觉到机器卡。
  2. 不利于SEO(当然比 ajax 已经很好了)。 pjax 再先进也只更新某个容器,对于 head 内的一些 meta 是不会处理的,强迫症的伤不起啊。
  3. url 虽然写进了浏览器历史( pushState ),但是在 FireFox 下用 Backspace 返回时候。很多时间只是浏览器的url变了,但是内容还需要再次刷新。

好处也就不说了。减小重复资源的http请求
言归正传,简单说说本站是怎么启用这个吧:
直接用了 defunkt/jquery-pjax 这位大神的成熟方案。对本站的链接(a)做了处理。 代码如下:

$.getScript("http://Path/to//js/jquery.pjax.js", function() { $(function() { easun_pjax(); });     });

其中 easun_pjax(); 为核心函数。 简单如下:

function easun_pjax()
{
 $(document).pjax('a[target!=_blank]', '#content', {fragment:'#content', timeout:6000});    
 $(document).on('pjax:send', function() {
   $('#content').fadeTo(700,0.0);  
  });
$(document).on('pjax:complete', function() { $('#content').fadeTo(700,1);   });
}

这样基本完成, 如果一些需要在替换#content(<div id="content">...<div>)的内容需要 js 实现的。请在pjax:complete中(上面有示例)中重新运行一次。

成功后实例可以参见本站的各博文之间的切换。

再说多说的一些小技巧吧

用多说一段时间了。乱七八糟的改了一起。多说的自定义其实还很强的,只是官方似乎不是很重视这些小技巧? (官方现在都长草了)

  • 彻底自定义CSS。
    不是官方说的在某些位置加入CSS,而是彻底把多说的CSS 放在自己的网站。 其实很简单。就是定义duoshuoQuery.theme= 'none' 即可。
    再说的清楚点就是这样定义duoshuoQuery:
    var duoshuoQuery = { short_name: "YOURKEY", theme:'none'};

这样,多说就不会加载任何 CSS ,变成了一张白纸,自己享受重头定义本地 CSS 的乐趣吧。

  • 让评论加载不在颤抖。
    大家也许都注意到,有时间加载多说的评论会先从没有任何 CSS 样式再切换到有CSS样式。
    原来以为是 CSS 没有及时加载进来。 后来一看官方的 CSS 才知道。 CSS 根本没有定义 .ds-thread(class="ds-thread")而只定义了#ds-thread(id="ds-thread")。
    而多说的机制是找到.ds-thread 并以其做为容器加载评论文章,最后再给这个容器加上id(#ds-thread)。
    奇怪的逻辑~~ 为什么不直接以 ID 操作呢? 多说自己的不自信?
    知道原因了,让评论加载不颤抖也就很简单,把加载评论的 <div class="ds-thread" ...> 提前改成 <div class="ds-thread" id="ds-thread" ...> 就可以了。 或者,你也可以按照彻底定义CSS的办法重新对 .ds-thread 做 CSS定义。

  • pjax 动态加载 评论。
    其实也就是上面的问题的延伸。 在pjax:complete中加载即可。 代码为

    if ($('.ds-thread').length > 0) { if (typeof DUOSHUO !== 'undefined') DUOSHUO.EmbedThread('.ds-thread'); else $.getScript("//static.duoshuo.com/embed.js"); }

完整代码如下:

$(document).on('pjax:complete', function() { $('#content').fadeTo(700,1); 
  if ( $('.ds-thread').length > 0 ) { 
    if (typeof DUOSHUO !== 'undefined') DUOSHUO.EmbedThread('.ds-thread');
    else $.getScript("//static.duoshuo.com/embed.js");
 }
 });
}

--EOF--

高温来袭

根据报告,帝都今天又是39度。每年这个时候,都是典型的桑拿天。
转个微信上的段子来表达下帝都的酷热。

今天的帝都,躺在床上,红烧!铺张凉席,铁板烧!下了床后,清蒸!出去一趟,爆炒!游了个泳,水煮!回来路上,生煎!进了家门,回锅! 亲们,今天38度,明天38度后天还是38度,大家出门注意要翻边,注意火候,带上孜然,辣椒粉,千万莫烤糊了。我们是奔跑的五花肉,我们为自己带盐!

--EOF--

[SiteLog]2015年5月6月回顾

每年的5月、6月总是很忙~ 回顾一下 Blog 情况,主要体现在以下:

  1. 网站对于 IE8/7/6 的兼容。
    从后台来看,来访的朋友中 IE8 还是占很大比例(也是,XP系统最大支持到IE8), IE6 居然也占相当比例。。 (汗,IE6 也许是最长寿的浏览器版本? )
    我迁移到Win7平台很久了。没有注意现在的网站在IE8及以下居然有网页错位和 JS 错误? 特意检测了下,调整了CSS和JS,现在基本上在 IE6/7 下面没有大的错位和JS错误,IE8下所有功能正常。

  2. Perl學習手札 - Easun.org 镜像 的移动优化。
    重构了这本书的所有页面,在保证PC界面和原来基本相同的情况下,移动端实现了自适应,方便同好者移动端阅读。

  3. 彻底修复和解决了 QQ 登录的一系列问题。
    XX的腾讯, API写的回调地址和浆糊一样而且处处矛盾。只能猜测+测试,而每次改动还需要审核~
    其实解决的办法就是回调地址并不是API文档宣称的不加 http(s):// 的纯域名,而是必须加上 http(s)://的具体到脚本的全url 才可以。

  4. 对 Ajax 评论做了跨域处理。
    [SiteLog]JQ AJAX 跨子域Post再总结。 同时对 JS 脚本重写和闭包处理,以方便移植。同时,对于多说附件JS 也做了重写和闭包处理。

7月也许会继续优化网站, 自娱自乐莫过于此。 写下来做个记录。

--EOF--

第1页/共50页,加载更多