新网站更新

最近更新了一些页面和功能

01

上次没说的,作品页

02

用AJAX的HEAD请求去查询图片大小,点击后加载真正的图片,减少流量消耗,一次HEAD请求大概需要300B(0.0002861兆)流量。不过点击一次后第二次以后会正常加载图片,并不是判断手机是否用的流量,所以还是有点瑕疵。

03

代码高亮插件

以后就可以在上面分享代码啦,插件用的highlight.js,一款支持185种语言高亮的javaScript程序。

PC预览

唯一一点比较坑的是,网上找的教程,可能也是因为没有中文文档,加上教程都大同小异。

网上的教程基本都是hljs.initHighlightingOnLoad();这个函数,但这个只能在第一次进入网页时触发,而对于我的网站,因为用的是无刷新的,整个页面不会有第二次刷新,所以就不会触发onload。

找了半天解决方法,发现只需要用hljs.highlightBlock(block);这个函数代替就可以了,而且这个可以加载任意一个传入的block元素。

比如:

HTML:

javaScript:

varid=document.getElementById('code');

hljs.highlightBlock(id);

这样就完事了(文章中的代码颜色是我自己加的 233)

不过当然,首先你需要加载它的JS和CSS代码才能正常使用。

好啦,就分享到这儿。

网站更新记录写在了 GitHub 的项目 README.md 里了

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181123G1KZVO00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券