posts

JavaScript 中的所有事物都是对象。整理 Object 构造函数的方法

使用 :nth-child() 选择器匹配属于其父元素的某个、间隔、某段子元素

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

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

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

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

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

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

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

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

Module基本用法

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

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

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