xiaoping 发布于 05月07, 2018

玩玩React,撸一个pwa版本的知乎日报

前言

看了一眼上一篇博客,已经有一年多没有写博客了。为了证明博客还活着,赶紧更新一篇。

太久没写博文,不知道写什么。因为我自己一直看知乎,很多段子都是上面学习的,近两年业务开发一直写的Vue,所以我决定写一个React的知乎日报。

阅读全文 »

xiaoping 发布于 03月27, 2017

你应该知道的浏览器缓存知识

0. 前言

浏览器缓存作为性能优化的重要一环,对于前端而言,重要性不言而喻。之前被人问起浏览器缓存的知识,感觉自己有点一知半解,所以这次好好整理总结了一下。

阅读全文 »

xiaoping 发布于 02月13, 2017

VSCODE插件初体验

前言

使用vscode也有大半年时间了,从一开始的各种问题到现在渐渐好用。插件维护比sublime好,速度能秒atom,这大概就是现在离不开vscode的原因吧。虽然它还有不少问题,比如代码高亮和智能提示,尤其是在vue这种template文件中,完全没有用!

阅读全文 »

xiaoping 发布于 12月26, 2016

Firekylin博客优化指南

Firekylin博客

Firekylin博客是一个基于ThinkJS的博客系统,本身对博客的优化已经非常不错,很多资源都已经进行了压缩或者缓存策略。

但是本着能缓存就要缓存的策略,Firekylin还是有一点优化空间的,下面就是优化的要点。

阅读全文 »

xiaoping 发布于 12月05, 2016

如何写好.babelrc?Babel的presets和plugins配置解析

什么是Babel

The compiler for writing next generation JavaScript.

官网是这么说的,翻译一下就是下一代JavaScript 语法的编译器。

作为前端开发,由于浏览器的版本和兼容性问题,很多JavaScript的新的方法都不能使用,等到可以大胆使用的时候,可能已经过去了好几年。Babel就因此而生,它可以让你放心使用大部分的JavaScript的新的标准的方法,然后编译成兼容绝大多数的主流浏览器的代码。

阅读全文 »

xiaoping 发布于 12月02, 2016

七牛免费SSL证书,配置自定义域名CDN加速

申请七牛SSL证书

其实,七牛在很早之前就支持CDN使用https,但是他要求证书的有效期是一年及以上,而我的主站用了Let's Encrypt的免费SSL证书,有效期90天,自动续签的形式。所以,为了使CDN的图片也是https的,一直采用了七牛默认的xxx.qnssl.com域名。

在11月,七牛发布了免费SSL证书,亚洲诚信的DV证书。申请起来也很简单,参见七牛SSL证书申请。当然,申请的证书只能用于CDN加速。

阅读全文 »

xiaoping 发布于 11月30, 2016

记一次Git分支衍合导致的问题和解决方法

事件还原

公司项目需要开发2.0版本,在原来仓库的基础上,checkout出来一个新分支,记为origin/v2,大家都从v2分支checkout出feature分支进行开发。

部分同事完成自己的feature分支之后,提交了几个commit,为了方便记为commit-1, commit-2, commit-3,并merge到了origin/v2分支。

而我checkout出的feature分支,叫feature-xxx。开发完了之后,进行commit,记为commit-4操作。此时,我的commit history是没有commit1-3的纪录的,所以进行rebase操作。

阅读全文 »

xiaoping 发布于 11月22, 2016

FireKylin博客上传图片更换为七牛CDN

前情

前几天把博客从Ghost迁移到了FireKylin。FireKylin是一个基于ThinkJS2.0,ReactJS和ES6+的博客系统,与Ghost相比,优点还是很多的。

  • 基于ThinkJS2.0,可以使用node6.x以上的版本,使用ES6+的特性;
  • 使用ReactJS开发,符合自己的学习路线;
  • 对生产环境做了大量优化,加载速度很快。

阅读全文 »