0%

因可能随时修改,所以转载请注明来源,以便读者追本朔源
本文地址: 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 模拟器也会出现这个问题。

阅读全文 »

正气为体瞳作门
神台空灵镜无尘
不似凡俗千种色
唯有寒江照月心

大概在 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

阅读全文 »

踩过的坑和走过的路

在Table中设置了一个 scroll, 为了没美观, 便加了个 overflow: auto, Chrome 中正常, FireFox 会导致 scroll 失效。

解决办法:

在所有的td 中限制一下宽度,
ex:

1
<td  style="min-width: 100px; max-width: 100px;">

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

问题场景

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

国庆前夕登华山所作

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

阅读全文 »

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

变量

变量使用 $ 来声明,ex:

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

$baseColor: #E86295;
阅读全文 »

春节前后叙事诗,有人问为什么最近喜欢写五言,因为我懒。

正文:

客从远方来,邀我至林间。
云之苍苍色,莽莽走大川。
我既随之往,泠然冬雪寒。
风光多瑰丽,去处皆名山。
九曲碧波路,青峰云海间。
银妆裹碎玉,十里分仙凡。
乾坤把芙蓉,馈之造福泉。
凝露蒸琼玉,沐此起芳年。
予人曰春华,还君兮秋兰。
身重着枷锁,足浅落方圆。
值君再来时,我恐无以还。

夜居大明山,云栖鸟兽眠。
月涌星河壮,江流天地宽。
将炙芳桂下,清歌疏影前。
长风九万里,飒踏碧波间。

阅读全文 »