过了今天，就在这个世界上满满的混了 25 年了，如果要活 100 岁的话，现在过了 1/4 ，算是一个里程碑吧。

回首过去

过去 25 年，整体上还算比较顺利。

侥幸

高一班级组织春游，大家去爬山，爬到山顶休息聊天，我看到山下有两个同学。不知道是脑抽了还是怎么了，就非常想下去找他们聊天，于是就往山下走。由于走的不是常规下山路线，所以不是台阶式的，都是野路。就那么走，谁知重力作用导致我越走越快，最后跑了起来。是的，要在外人看来应该就是一个傻逼从山上往山下跑，我就记得我眼前的景象越来越模糊，速度妥妥地超过博尔特了。结果，腿实在换不过来，绊了一下，结果就以前空翻的姿势朝山下滚去，那几条人体抛物线应该是画的挺完美的。当时我的大脑一片空白，想着可能我这伟大的一生竟然就要交代到这里了，叹息，不过想想这毕竟也是埋皇帝的地方，值了。还没来得及想其他的，突然被一块超大的石头挡住了，就那么把我拦在了半山腰了。停下来后，感觉头上好像在流汗，就下意识去擦，擦完一看，我靠，竟然红色的，完了，完了，这回得躺医院了。
结果呢，最后去医院检查，只是皮外伤加轻微胃出血，掉了两天消炎针就活蹦乱跳的去学校了。

真是幸运，如果没有那块大石头可能就真的交代到我大 x 陵的半山腰了。

求学

后来高中就愉快的打了三年游戏，导致高中三年实验班、重点班、普通班，通通呆了一遍。印象深刻的是，高三的一节化学课上，老师说这个高二已经学过了，我们就不讲了，我：一脸懵逼.jpg。回家赶紧去翻化学课本，发现还真有，就花了一个月的时间把高二课程好好补了下，然后就又愉快的去玩毒奶粉了。以至于高中三年玩网游的经历，直接让我看透了网游的本质，毕业到现在也再没碰过。还有一件有意思的事情，有天晚上我通宵上网，第二天上早读直接趴桌子睡了。我们班主任，一个数学老师，人称“老汉”。过来看我在睡觉，拧着耳朵就把我从课桌上拎了起来，然后让大家安静，“大家不要学他，老是晚上开夜车学习，不知道这样睡太晚会影像第二天上课的吗？” 全班哄堂大笑，都知道我去通宵打游戏了。
后来高考，虽然语文没考好，但英语超长发挥，勉强上了大学。

大学吧，选了石油地质专业，想着以后就要向李四光一样为祖国找油了，怀揣着这么一种悲壮的英雄主义情怀进了大学，然后又打了四年游戏。到大三下学期找工作的时候，四级考了四次没过，还连着考了两次 424 。以至于中石油来校开双选会，面试人家前面都聊的好好的，一看四级没过，直接刷了。我当时非常沮丧，然后回宿舍继续愉快的打我的 Dota 。还有件有趣的事情，斯伦贝谢来我校招聘，我去面试。人家一面纯英文面，我这渣渣英语赶紧好好准备了一下，到我的时候我就开始背我准备的自我介绍加专业知识，结果没背两句就忘了后面的，于是就在那胡诌，皱了半天我都不知道我说的是啥。完事，人面试官给我来一句，“you are so lovely” , 然后就这么过了一面，神奇。因为四级没过，当时找工作非常不顺利，然而我还一点都不慌，后来没复习又考了一次四级，竟然过了。

成绩单还没下来的时候，中海油来校招，拿着简历 + 网上打印的成绩单去面试，终于面过收到了 offer ，不容易。

工作

哪里有石油，那里就是我的家

大学毕业，先去中海油总部天津培训了一个月，然后被分到了深圳分公司，去开发南海。哇，南海啊，祖国的蓝色国土啊，就要靠我了。在深圳搞了好久的安全培训，然后再一次迎新酒会上，被告知我分到了 HYSY981 平台。我的天，我很是太幸运了，981 可是当时国内最先进的半潜式平台，当时别提有多高兴了。天天盼着出海，在盼星星盼月亮等出海的过程中，本着怕掉海里淹死的恐惧强行自学了游泳。
大概到 9 月底的时候告诉我们可以出海了，然后一帮同事从深圳搞到了湛江分公司，在那里领导请我们大吃了一顿，从下午五点吃到凌晨两点，说是为我们送行。第二天又坐船从湛江到海南，等直升机又等了将近两周。直升机来的前一天，一帮大佬又请我们大吃了一顿。说是出海前吃点好的，从海上回来要再大吃一顿，这是一种习俗，毕竟有出去回不来的危险。

泰国

落地签

我是飞到曼谷素万那普机场，下机后跟着人流直走，头上有指示牌，可以一路走到办理落地签的地方。
办理落地签有两个通道，一个普通通道，一个快速通道。快速通道 2200🐖，普通通道 2000🐖。
建议走快速通道，能省很多时间。

工作

年初，公司经历大的变动，整个理财业务线都干掉了，一大批人转岗的转岗、离职的离职。前端技术部这里，人也走了几个，六楼本来 5 个前端，最后只剩下了 3 个。原来的项目也都不做了，开始做的新的项目网易白条。风风火火做了将近一年，现在产品的数字还比较好看，年后就会上公开申请制对外正式开放，前景还是不错的。

只是，现在楼上两个前端年后又要走一个人，流动性那么大，没有一点归属感。加上阿里很多部门给我打电话让我过去面试，想想网易不怎么高的工资，有时候都有点动心，但还是一一拒绝了。起码在网易待满三年，好好沉淀一下。也磨练一下自己的性子，否则天天换工作，也不利于长久的职业发展。只是最近新上的区块链项目，虽然我没参与，但能让我感觉整个部门非常的浮躁，又在犹豫呆下去是否是正确的。

生活

今年整体上还是过的像一碗白开水，中间偶有放点糖，但很快也就没有味道。

身体上已经明显能感觉到开始横向发展了，体重上了五六公斤，但是身体素质却下降了，引体向上只能做一个，我的天呐，大学的时候好歹也能轻松做十个的，这衰减的也太快了。说要锻炼身体，然而基本上只停留在嘴上，锻炼一次中间能间隔一个月，哈哈。

有时候觉得无聊，就想给自己培养个爱好，想来想去最后决定学个口琴，投入小，见效快。然后就买琴网上找教程，刚开始的几个月，还比较上心，基本天天练习，到现在不复杂的曲子都可以吹，而且自我感觉还不错。就是因为学的是布鲁斯口琴，低音的 6 需要压音，到现在也不能很好的压出好听的声音，更别提融入到曲子中去了，还需要继续练习啊。现在最喜欢的吹的曲子有两个，一个是 《alone》 一个是 《you are my sunshine》，心情不好的时候就自己吹给自己听。

日本旅游

11 月左右，公司组织我们出国旅游，有三个地方可选：日本、塞班岛、澳洲。最后我选了日本，也是第一次出国，还是很开心。

去了北海道，日本的大农村，第一天入住的小镇下午五点大街上就一个人都没有了，跟同事出逛了一圈最后发现酒店附近的居酒屋七点以后开门。一群人进去想去感受日本当地的居酒屋文化，只是老板就一个人，而且跟我们语言不通，完全照顾不过来，看起来有点不是很开心的样子，不过我们喝的倒是很开心。

第二天去的第一个景点就是个动物园，这也是我第一次去动物园，看到了企鹅、狼、海豹、河马、长颈鹿，就是出来的时候差点掉队找不到组织。

后来又去了北海道厅、洞爷湖、熊厂、地狱谷、当天晚上入住的洞爷湖酒店环境真好。

中间还去了哪都忘了，最后落脚在札幌市区，然后第二天自由活动。白天逛街买东西，几个大商场同事们都买了好多东西，都是土豪啊，哈哈。

期间有件很意思的事情，我想买个 SONY 1000x ，结果和售货员就这个耳机的输入电压是多少沟通了好久，用各种翻译软件都不行，说英语不行、说汉语也不行。

介绍

引用 MDN 的介绍：

IndexedDB 是一个事务型数据库系统，类似于基于 SQL 的 RDBMS。 然而不同的是它使用固定列表，IndexedDB是一个基于JavaScript的面向对象的数据库。 IndexedDB允许您存储和检索用键索引的对象; 可以存储structured clone algorithm支持的任何对象。 您只需要指定数据库模式，打开与数据库的连接，然后检索和更新一系列事务中的数据。

IndexedDB 是一种低级API，用于客户端存储大量结构化数据(包括, 文件/ blobs)。该API使用索引来实现对该数据的高性能搜索。虽然 Web Storage 对于存储较少量的数据很有用，但对于存储更大量的结构化数据来说，这种方法不太有用。IndexedDB 提供了一个解决方案。

区别

这是我整理的 WebStorage 和 indexedDB 的之间区别，有问题的地方还请指出。

用法

1. 打开数据库

当我们在开发 React 项目中，第一次调用 ReactDOM.render 的时候都发生了什么呢？
今天就从源码角度来追踪一下这个问题（主要看流程， 而不纠结与细节）。

ReactDOMStackEntry

首先我们可以从 ReactDOM 的入口文件 ReactDOMStackEntry.js 中找到 render 方法。可以看到，render 方法是 ReactMount 组件提供的。

var ReactDOMStack = {
  findDOMNode: findDOMNode,
  render: ReactMount.render,
  unmountComponentAtNode: ReactMount.unmountComponentAtNode,
  version: ReactVersion,

  /* eslint-disable camelcase */
  unstable_batchedUpdates: ReactGenericBatching.batchedUpdates,
  unstable_renderSubtreeIntoContainer: ReactMount.renderSubtreeIntoContainer,
  /* eslint-enable camelcase */

  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {
    // For TapEventPlugin which is popular in open source
    EventPluginHub: require('EventPluginHub'),
    // Used by test-utils
    EventPluginRegistry: require('EventPluginRegistry'),
    EventPropagators: require('EventPropagators'),
    ReactControlledComponent: require('ReactControlledComponent'),
    ReactDOMComponentTree,
    ReactDOMEventListener: require('ReactDOMEventListener'),
    ReactUpdates: ReactUpdates,
  },
};

ReactMount.render

render: function(nextElement, container, callback) {
  return ReactMount._renderSubtreeIntoContainer(
    null,
    nextElement,
    container,
    callback,
  );
},

又调到了 _renderSubtreeIntoContainer 方法, 这个方法核心内容如下：