分类 折腾不止 下的文章

Workbox

随着 Web 的快速发展,用户对站点的体验期望值越来越高,前端工程师有时候为了几十毫秒的速度优化而费劲心思,消耗大量时间。想要让自己的产品在无数产品中脱颖而出,就必须提升产品的性能和体验。在时间成本高昂的今天,响应速度的提升是开发者不得不面对的话题。

前端工程师有很多性能优化的手段,包括 CDN、CSS Sprite、文件的合并压缩、异步加载、资源缓存等等。其实我们绝大部分情况是在干一件事情,那就是尽量降低一个页面的网络请求成本从而缩短页面加载资源的时间并降低用户可感知的延时。当然减少用户可感知的延时也不仅仅是在网络请求成本层面,还有浏览器渲染效率,代码质量等等。

我们这里要讲到的是一个叫做 Service Worker 的东东。

- 阅读剩余部分 -

有时候博客上面要分享一些文档之类的,不仅仅可以下载,还需要在线预览。就像我要分享VUE的那个PPT,之前是放在SlideShare上面的,后来被墙了,只能放在国内的MySlide,但是有些问题就是转换之后效果没了,或者文字错位了,这个是不能忍受的。

后来查了查Office他爹,其实早在之前就做了Office文档的在线查看编辑的功能,只不过不知道!

- 阅读剩余部分 -

官方文档:https://hitokoto.cn/api

做成通用的了,放在functions.php里面

function getHitokoto(){
  $url = 'https://v1.hitokoto.cn/?c=g'; // http://api.hitokoto.cn/
  $array_data = json_decode(file_get_contents($url),true);
  $content = $array_data['hitokoto'].'----《'.$array_data['from'].'》';
  echo $content;
}

调用:

<?php getHitokoto(); ?>

代码还有优化空间,抽空加一个缓存吧,频繁的请求,一言就给我502了。

看到评论里面乱码同学有今日诗词API,推荐使用。

最近一直在折腾博客,只涉及到了一些代码,并没有改变什么样子,所以估计是看不出来。

第一个就是把归档加上去了,这样以后再找文章也许会方便一些,顺便把时间也格式化了一下。

第二个就是把Flickr相册缓存到七牛上面,并且加上了灯箱的效果,有一点点逼格了。

最后就是把推特也放到博客里面了,就是玩玩而已,没有太大的作用,预计把他改成侧边栏会好一些。

折腾了好多代码,对PHP也有了进一步的了解,准备学下Python,听说很好玩。

突然发现,博客有点太单薄了,也没什么图片之类的,想到Flickr这货还没死,那就把我Flickr公开的照片同步到博客的相册上面吧。

搜了下Flickr的API,这样好像可以,

http://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=自己申请的key&user_id=自己的id

自己去申请API,等生效以后就可以跑一下试试了。最后解析XML文件,打印输出就可以了!对了,Flickr是被墙的,所以我把图片缓存到七牛的镜像上面了,这样就不用考虑被墙的危险了。


常用的API:

flickr.urls.lookupUser
flickr.favorites.getList
flickr.photos.search
flickr.galleries.getPhotos

为什么要将网站全站启用Https访问?

  1. 为了更好的用户体验。现在使用Https加密访问的网站应该算是少数,常见于百度搜索、淘宝等大型网站,个人博客使用SSL证书还是会让用户感觉更安全,有利于提升用户体验。
  2. 为了更好的SEO效果。现在百度、谷歌等搜索引擎都鼓励网站启用Https访问,因为从技术角度上讲搜索引擎抓取Https网页不成问题,搜索结果展示也更加有利于Https的网页。

如何选择好网站SSL证书?

基于上面的原因,我决定在网站中部署SSL证书。首要的问题就是选择哪一个SSL证书。如果有钱的话,自然是可以去各大主机商那里购买SSL证书,便宜一点的SSL证书也就是几十块一年。一般选择了Let's Encrypt,一方面是Let’s Encrypt SSL已经被Firefox、Chrome、IE等浏览器所支持,IE 6 用户估计也不怎么看我的博客,所以可以忽略。另一方面,Let’s Encrypt SSL证书下载和安装已经是傻瓜式的了。唯一的缺点就是有效期只有三个月,要手动的去替换证书。

我这里是在腾讯云上面免费申请的TrustAsia TLS RSA CA证书,有效期是一年。

- 阅读剩余部分 -