chrome-console

command + shift + j 打开控制台

一般输出

  • console.log() 普通打印
  • console.info() 一般信息
  • console.warn() 警告提示
  • console.error() 错误提示
  • console.debug() 等于 log

OverFlow 导致页面白屏

因可能随时修改,所以转载请注明来源,以便读者追本朔源
本文地址: https://zhukejin.com/overFlow-made-white-screen

现象

  • 系统:iOS 11 + Safari
  • 框架:React + redux + react-router + Ant Design Mobile

复现过程

在组件中使用了 antd 的 picker (time picker、date picker、select picker等等任意picker)后,点击某链接进入其他组件,会导致页面白屏。

该问题只出现在ios 中, PC 端 chrome 模拟正常。

使用 XCode 安装的ios 模拟器也会出现这个问题。

再谈 Blog 的优化历程

大概在 2014 年的时候,买了一台香港的VPS,开始写博客,那时候使用的是最简单最传统的 nginx + php + wordpress 博客。

最近薅(hao, 一声)了腾讯的羊毛,360 大洋搞了 7 年的低配云服务器,折腾着迁移博客,顺便做了一点优化。

先对比一下之前 香港主机的 WordPress 和 目前的 腾讯云 hexo

WordPress:

Hexo:

从 WordPress 到 Hexo

一直到2017年,才再也无法忍受 WordPress 管理起来的繁琐,开始使用 hexo + github.io 来写博客。

WordPress 在每次访问的时候,都会进行大量的数据库查询,而关系数据库查询也是非常消耗资源的。

相比 Wp,Hexo 的优势就体现出来了,它是本地的 Markdown 文件编译成静态文件,也就是说省去了 PHP –> 数据库查询 这一个步骤。无论是对服务器的负荷还是对网络的负荷都远远低于 WP。

关于 Hexo,这里是官网 https://hexo.io/,使用起来非常简单。
另外尽量使用一些简洁的主题
我使用的是: https://github.com/litten/hexo-theme-yilia

hexo 访问 tags 404的问题

关于 hexo + yillia 主题部署后访问 Tags 404 的问题

问题场景

  1. github page + hexo + yillia + 自定义域名
  2. 在本地服务(hexo s) 中, localhost:4000/tags/JavaScript/ 访问正常
  3. 在部署到服务器后, zhukejin.com/tags/JavaScript/ 显示404

登华山-莲花峰

国庆前夕登华山所作

西上莲花峰,百里辞人城。
云台披仙雾,周野触鸿蒙。
龙岭皆遁客,摩肩翠云宫。
遑遑来之去,何以摄太清。

Sass 笔记

很久没有写CSS,最近写Css 的时候发现很多 Sass 语法忘记了,本着好记性不如烂笔头的原则,开一篇记录一下常用的 Sass 语法
为方便读者追本索源,转载请保留本文地址

变量

变量使用 $ 来声明,ex:

1
2
3
4
5
$smallFont: 12px;
$normalFont: 14px;
$largeFont: 16px;

$baseColor: #E86295;