自己动手实现一个简单的栅格系统

栅格系统

Bootstrap和Foundation等前端库都提供了一套响应式的栅格(网格)系统,方便开发者实现各种形式的网页布局。栅格系统的主要目标是为开发者摆脱复杂的CSS布局代码,通过建立行(Row)与列(Column)的概念,就可以轻易创建规范的布局,开发者需要的是只是将内容放进栅格系统。

实现原理

栅格系统暴露给开发者的概念只有行(Row)和列(Column),但其内部实现还是CSS布局的应用,在CSS中最常用的布局方式一般有两种float和position。Boottrap中的栅格系统主要是使用了float来实现,这是一种比较浏览器兼容的布局方法。 一个栅格系统主要包含三部分 1. container(容器) 2. row(行) 3. column(列) 4. gutter(间距)

Read More

Mongo Uninque Index and Bulk Write应用问题总结

背景

某个游戏数据平台最近线上连续出现了两个比较诡异的问题,都是在数据库迁移之后遇到的问题,而且问题二是解决问题一的时候,没有考虑充分实现细节带来的问题,这些问题出现的原因都是开发者没有充分理解好MongoDB的唯一索引与批量写操作。

现象

  • 问题一的表现是某个时间点的总人数趋势图的骤降,前后相邻的时间点正常 请在这里输入图片描述
  • 问题二的表现是部分服务器的人数(非总人数)趋势图的骤升,而且恰好是正常人数的2倍 请在这里输入图片描述
Read More