blog
blog copied to clipboard
ryancui92
我的博客。
服务器由零配置
一直都在用 Vultr 的服务器，但是网速真的太特么慢了，100+ 毫秒的 ping，经常连 4G 都访问不了，做做实验还行，有应用部署在上面就完全用不了。所以最后还是选择了国内大哥阿里云（尼玛贵了一倍有多 那么又要重新在上面部署安装各种环境、软件了，这里记录一下，防止以后又要再迁移。 ## MySQL 基本是参考 [安装 MySQL 5.7](https://blog.frognew.com/2017/05/yum-install-mysql-5.7.html#参考) 的，注意装的是 5.7 版本。 在配置中漏了一个连接使用 utf8 的配置，补上： ```bash [client] default-character-set=utf8 ``` ## Nginx 之前在 Vultr 上装的 Nginx...
最近在做一个基于 Vue + ECharts 的大屏数据可视化应用时，发现在轮播时有大量的内存泄漏现象。单凭直觉与日常开发中看到的代码，考虑是以下几个原因： - ECharts 库 canvas 本身的内存泄漏 - Vue 里各种监听器的没有及时销毁 因此在使用 devtool 的 Memory 定位问题时，亦沿着这个方向进行排查。 > Chrome devtool Memory Tab 的用法大家自行 Google 对页面做一次 Memory Snapshot, 然后随意做一下轮播，再做一次 Snapshot...
最近有一个关于地图轨迹回放的功能，使用了 Leaflet 的 MovingMarker 插件后仍有不少问题需要解决，本文介绍了实现这个需求的过程与方案。 ## 来自产品的需求 轨迹回放往大了讲其实有点像视频播放器，有一个可拖动的指示器，地图上就是一个移动的 marker. 有几点需要注意的： - 播放过程中可以暂停，暂停后可以从当前位置继续播放 - 播放过程中可以拖动指示器，地图上的点也需要相应地出现在对应的位置，但动画会继续播放，就像拖动播放器的进度条一样 - 同上，暂停过程中也可以拖动指示器，但此时动画不再播放 ## 方案1：直接动画 轨迹其实就是对一个 Marker 做一个动画，用作展示，目前 Leaflet 已经有对应的移动点插件 [MovingMarker](https://github.com/ewoken/Leaflet.MovingMarker)，使用上也非常简单，传入一堆点坐标和持续时间，调用一下 `start()` 方法就马上有动画出来了。官网上的例子： ```javascript var myMovingMarker =...
都城菜式评价
> 10 分为满分 > > 评价人包括 ryancui/austin/fatfat # 每旬菜式 | 菜式 | 评分 | 评价 | 评价人 | | --- | --- | --- | --- | | 叉烧粉丝蒸水蛋饭 |...
Ionic 2 框架，`translateX(-100vw)` 在 Android 4.4.2 上出现问题。转成 `translateX(-100%)` 后问题解决。稍后研究下...
## 背景 ### SPA 与 Docker 一个 SPA 项目的产物通常来说是一份简单的 dist 文件夹，里面包括了诸如 index.html, js, css, images 等各种静态资源。然后丢到一个 static web server (e.g. nginx, apache) 上就能对外提供服务了。 后来，我们通过 Docker 来对这份 dist 做一个包装，用一个 nginx 的...