最近更新了一些页面和功能
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 里了
领取专属 10元无门槛券
私享最新 技术干货