posts

之前沉迷 minecraft，起初是玩游戏时觉得下界交通太复杂，容易迷失方向。于是就想统计一份线性地图来提供参考。最初只是简单的图片，但随着服务器肝帝愈来愈多，这种简单的图片已经满足不了数据更新的需求(手动统计加上绘图实在太麻烦了)

ios 输入法将页面往上顶，输入法收回后下方留下空白区域

我的需求就是在服务器上安装 nodejs 来跑之前用 nuxt 重构的网站程序，过程不出所料的磕磕碰碰

为了实现更好的 seo，不得不考虑将之前的 vue 单页面程序托到服务器上渲染​，看了官方的 ssr 和 nuxt，最后选择通过 nuxt 实现。 下面分享一些我在构建过程中踩的坑

• 对于一些简单的图标如果使用svg图标会比普通图片更小
• svg 的图片是矢量图形，放大缩小不会产生锯齿
• 支持通过 css 修改样式、增加动画
• 自身也支持动画

由于是单页面，在页面切换后，定时器没有被清除，在再次回到页面时，使得两个定时器同时工作，时间流逝加倍。使用 beforeDestroy() 来清除定时器

通过使用 preload、prefetch 来优化页面加载

记录一些遇到的css问题，不同的设备对css的支持不一样，可能出现不同的效果

Module基本用法

• 通过 Module 的 export 与 import 来分割代码，集中相同的代码，优化逻辑

Map 类似于对象，但是“键”的范围不限于字符串，各种类型的值(包括对象)都可以当作键

• Map构造函数接受数组(任何具有 Iterator 接口、且每个成员都是一个双元素的数组的数据结构)作为参数

Set 类似于数组，但是成员的值都是唯一的，没有重复的值

• Set 是一个构造函数，用来生成 Set 数据结构
• Set 函数可以接受一个数组(或者具有 iterable 接口的其他数据结构)作为参数

ES6引入了 Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。基本上，ES6的class可以看作只是一个语法糖，它的绝大部分功能，ES5都可以做到，新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已