TL;DR请确认失效路由的上一级路由配置path的时候，附带了后缀/* 出错代码// App.tsx const NotFound = (props: RouteComponentProps) => <p>Sorry, nothing here</p> <..

今天，网站又一次挂了，基于docker跑的mysql不知道怎么就坏了。 登上服务器，试过stop, kill, restart，都不能正确重启这个docker container。无奈之下，只要拿出重启大法 执行reboot命令，ssh断开，间隔三分钟之后重新登录。 使用docker st..

一直都是做网页开发，对于移动端的多屏适配可以说是比较有经验了，不管是用rem还是vw。不过在写游戏的时候，有点头疼了，完全不知道如何着手。 游戏里面元素的位置变化比较频繁多变，一开始是想的所有的位移都是基准屏幕(iPhone 6)的尺寸加上屏幕变化的比率。可这样，光想想就很头疼，这种不优雅的解..

起因今天在学习《HTML5+Javascript动画基础》这本书的时候，在第八章的第三节讲到如何用三个弹簧连接三个点来做拉伸运动。 在做完例子之后，就想到如果是四个点，五个点，怎么样。 就改写了一下代码，把点的数目变量化。最终的效果是能实现各个点最终的拉伸运动到平衡，可是点之间的连线不是很好..

起因最近在做一个手机站点，服务器用的Google Cloud，但是用户多是国内的。所以在提升页面加载和响应速度这块，是很重视的。 一开始是想使用manifest.json来做Application Cache, 不过后面发现Google和FireFox都有提到打算废弃这个标准并建议大家改用Se..

问题今天公司运营要做拿之前的一个活动翻新重开一次，调整了分享文案，结果发出去之后，在自己这边是这样的： 但是在其他人看是这样的： 尝试解决一开始以为是图片本身的问题，尝试过png 转 jpg, 减小图片质量来减少体积，减少图片尺寸等等方法，都还是没法让其他人可见。 然后尝试着把分享配..

最近在看Google的机器学习速成课程MLCC 中午的时候在看关于pandas这个数据分析库的介绍 中间有一个用直方图显示数据集的代码： import pandas as pd california_housing_dataframe = pd.read_csv("https://s..

使用es6学canvas游戏开发最新在看一本书《HTML5+JavaScript动画基础》, 基于这本书来学习Canvas游戏制作的。书很不错，介绍了很多游戏的基础概念。不过书里面的代码都是基于ES5编写的，现在是2018年了，所以打算边看边改写书里面的代码为ES6版本的。 前天晚上在做ch0..

重构最新在对之前开发的一个美食类的小程序《今天吃什么星人》做重构。这个是我做的头一款小程序，基于labrador框架来开发的。小程序开发上架之后，就没再动过。后面大家发现这款小程序慢慢有点人气，打算拿出来再优化优化看看 大家重新设计了首页和美食页，然后轮到我这边来开发。 从初次开发到这次打算改..

动效对于页面状态的转移是很必要的，大部分时候的动效可以用css+js来实现，不过有些时候，因为产品上的需要，就需要使用按帧播放的动画来实现。 其中比较常见的就是gif动图。 就比如我这边最近在项目里面用到的一个动图，原始图如下： 图片体积1.4MB，这么大的图片，肯定是不适合用来做动图。所以需..