这个五一假期基本就是 Seed、gbf 和 ECMA 262 3 天（准确来说应该是两天多一点），警觉补番原来还是很快的嘛 基神：最强程序员，战场上手写系统 亚斯兰：我老婆的弟弟泡了我未婚妻 芙蕾：虽然很做作但是很可怜的 塞尔：被绿还表示理解，心真大 舰长姐姐：大天使最胸的乳摇 穆叔叔和沙漠之虎：人生导师担当 迪亚加：我为妹反水，伊扎古你呢 克队：你说这个谁懂啊 ... ...继续阅读 (26)

23:53 !gbf 废了，废了，现在 23:53，刚打死朱雀，该睡了，但心里很想吐槽自己，不吐不快， 还是老实打开 vscode 写几句。 另外最近又有点沉迷亡者农药，感觉整天时间少了很多。 为什么明明是单排都总是忍不住呢。 心里忍不住又惊呼道：人为什么要玩游戏？ 嗯，下一篇水贴讲的就会是这个问题了。 该睡了，但是随着夏天（4 月直接夏天了？）的到来，蚊子也老出来捣乱， 昨晚... ...继续阅读 (26)

之前做文件上传和 canvas 修图时接触到几个格式，这里打算整理一下他们的关系 ```html``` 使用 input 获取文件时，你拿到的就是 `file` 对象，而 `file` 继承于 `blob`，所以直接讲比较陌生的 ... ...继续阅读 (27)

写程序不是为了炫耀自己的技术，是要**给公司创造价值**，要确实帮助使用这个程序的人。以及之前说过的，当程序员就是为了提高社会效率。 写**高效**的代码是每个程序员的追求，写**易懂**的代码是每个程序员的美德。 易懂的代码首先是有规范的，从目录结构到代码风格，在项目建立初就应该确定，可以写进**项目文档**中，文档用于给初见项目或是接手的程序员一个概览,介绍一下整体结构，技术栈，以及... ...继续阅读 (26)

第一季度总结的 deadline 都来了，才回过神来 9102 又已经过了四分之一。薄荷神様がくれた時間は零れる あとどれくらいかな可以的话，请真的过得慢一点吧😭 最近因为部门预算问题转移了部门，拖了... ...继续阅读 (27)

生成你最深的梦境 😝 应用风格迁移组合你梦里的风景吧！ https://deepdreamgenerator.com/generator-style 提供 gif 制作、修改、压缩等服务，出来的质量还不错。 https://ezgif.com/video-to-gif 一个超强的设计工具，可以制作各种用途的海报。自带超多字体（有中文字体）和素材。另外，也有移动端的 App。... ...继续阅读 (30)

一直希望有个地方能记下一点自己的一些（流）思（水）考（账），太好了，这个地方已经出现了，就是这里啦！我不知道是不是所有人都喜欢自己的职业，但至少我是。 回想到报大学志愿的时候，我考虑过什么呢，一是当时比较擅长的生物... ...继续阅读 (27)

其实标题应该是「vue-router history 模式非根目录部署处理」但是不想太长，就改成现在的了。 > `vue-router` 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。 > 如果不想要很丑的 hash，我们可以用路由的 **history 模式**，这种模式充分利用 `history.pushSt... ...继续阅读 (27)

这个小短文用于快速理解 nodejs 模块（也就是 CommonJS 规范）。 `module.exports` 用于暴露一个值，这个值默认是对象，也可以覆盖为原始值。 尝试在一个文件中直接 log 出 module 的值，可以得到： ```javascript { id: '.', exports: {}, // 默认空对象 parent: null, filenam... ...继续阅读 (27)

夏季是一年中最灿烂的季节，在恋爱中也分四季。春是爱的萌芽，秋是一步步走向凋零，冬则是寂静寒冷地消亡。 夏恋是最激情的一个阶段，确实这个阶段是可能是爱情最美的模样，但是我发现，日本人却经常在夏恋歌曲里下毒... 那么，音乐推荐开始（（（ 曲名为...三角恋，出自山下智久、香里奈、户田惠梨香主演的「SUMMER NUDE」。 ...继续阅读 (26)

> 来源于 现代 JavaScript 教程 > 垃圾回收章节虽然在 JavaScript 中不用自己管理内存，但是了解原理可以在关键时候快速搜索到解决办法，毕竟很多时候遇到问题是连搜索什么关键词都想不起来呀 😂 ...继续阅读 (27)

我曾经对 shouldComponentUpdate 的用途不解。react 的卖点之一，是通过 diff 虚拟节点树，减少对真实节点的操作，所以我以前以为既然 diff 了，那就自然知道节点有没有更新了，diff 是根据 setState 的内容进行的，那 shouldComponentUpdate 有什么用呢？ 然而我以前的理解是完全错误的，造成这个疑问的原因便是对 React 渲染流程的... ...继续阅读 (27)

dart 是 Flutter 的基础，其中类（class）更是尤为重要，可以说是 Flutter 入门必备。这篇文章会跟着官方文档整理一下类的用法与需要注意的点。（因为我的本业是前端，所以其中会经常提到 JavaScript 并与其作对比） Dart 也是一种面向对象的语言。每个对象都是一个类的实例，所有类都派生于 Object 类。另外 Dart 有一个特点 —— mixin，类体可以在... ...继续阅读 (27)

「活着/生命/生存」有什么意义可能直到最后一个人的死亡，都是人类永恒的话题。 > 寄蜉蝣于天地，渺沧海之一粟。哀吾生之须臾，羡长江之无穷。 「意义」是必须和时间挂钩的，如果人类永生不死，最开始可能会觉得很愉悦，一切应有尽有，但是当你面对无尽的时间，必然是一片空虚。 但是既然我们都会死，我们的意义在哪里呢？ 宇宙不 care 人类，人类也这个物种恐怕从诞生到毁灭都无法改变宇宙（此处就不... ...继续阅读 (27)

推荐几个在线课程网站！ https://www.udemy.com/ 课程多，范围广，价格低（不过需要等降价，印象中普遍最低是 9.99 刀）。像淘宝一样有诡异的魔力，越逛越想买，什么都想学（但是最后看完的课程却不多）。 https://www.coursera.org/ 发起于斯坦福大学，课程广度也很不错。付费的话课程通过会提供证书，**但是不付费仍可观看完整课程。**并... ...继续阅读 (26)

> 原文出自：https://github.com/prscX/awesome-react-native-native-modules ```java public class MyNativePackage implements ReactPackage { @Override public List createNativeMo... ...继续阅读 (28)

scope hoisting 是 webpack3 的新功能，直译过来就是「作用域提升」。熟悉 JavaScript 都应该知道「函数提升」和「变量提升」，JavaScript 会把函数和变量声明提升到当前作用域的顶部。「作用域提升」也类似于此，webpack 会把引入的 js 文件“提升到”它的引入者顶部。 接下来尝试在 webpack4 使用这个功能，对比启用前后的打包区别，相信你一定能很... ...继续阅读 (30)

现在的 webpack 不再是入门噩梦,过去 webpack 最让人心塞的莫过于配置文件，而 webpack4 诞生随之而来的是无配置 webpack。 使用 webpack4，至少只需要安装 webpack 和 webpack cli。所以大家完全可以自己打一个最简单的包，还能修改插件对比前后的区别。 `npm i webpack webpack-cli -D` 安装后，因为 webpac... ...继续阅读 (27)

这次算是大更新了，之后应该较长时间不会改了。 单栏布局改为了信息量大一点的双栏布局。放弃了 Typography 以及 Wordpress2016 预设风格，样式文件重写。未来会添加更多自定义 div 插入到 markdown 文件。 !文章列表 !文章内容 ... ...继续阅读 (26)

以下内容工作无关，仅指业余项目，基本都是兴趣使然的产物。 !mind elixir Mind elixir 是一个免费开源的思维导图内核 Github 地址： https://github.com/ssshooter/mind-elixir-core 试用地址： https://mind-elixir.com/ ... ...继续阅读 (31)

这就开工了…… 春节几天假期真的跟没放一样，出去随便走走就一天了。期间电脑坏了，买配件更换快递哥哥也放假了，导致整个春节基本没用电脑（这真的不是我不更新的借口【狗头】） 那么假期我唯一有记忆的是干什么了呢？是“麻将”…… 大学四年周围一群人打日麻我都没进坑，都怪该死的雀魂，浏览器打开就能玩。不过当雀士之后常年 3/4 位真让人想哭，屑（自）游（己）戏（菜）。 ... ...继续阅读 (27)

本文并不是从 0 开始使用 gatsby.js 搭建博客，starter 使用的是 gatsby-starter-blog。使用 gatsby-starter-blog 可以大量节省项目搭建时间，直接得到一个最简单的博客模版，这个模板的缺点是功能少，但是反过来说优点是有较高的自由度。 根据下面整个流程做好的静态博客大概长这个样：https://ssshooter.com/tag/gatsb... ...继续阅读 (30)

前面说过基本功能已经添加完了，但是生成目录依然是我 TODO 的头号问题。今天终于把这个问题解决了，本来以为要自己解释 md 文件，没想到自带的插件就有这个功能我却没发现。 生成目录首先要获取目录数据，此功能由插件 `gatsby-transformer-remark` 提供，请务必先安装。 安装后在你需要获取目录的页面的 graphQL 查询代码中添加 `tableOfConten... ...继续阅读 (30)

夜樱 UI 暂时退役了，换回正常一点的白底深色字。 ———— 细节仍在调整中 ———— 更新前 !旧UI1 !旧UI2 更新后 !新UI1 !新UI2 ... ...继续阅读 (29)

大家都知道 disqus 等第三方评论系统的存在。disqus 几年前还是挺好使的，但是现在已经是不存在的网站了。虽然国内也有类似的服务，但是免费档位有可能会有大篇幅的广告。 不过其实最大的问题是：你的评论掌握在别人手上。作为一个博客都自己搭建的程序员，为什么要让数据落在别人手上呢？ 掌握自己的评论数据有两个方法： 1. 自建接口，储存评论数据，页面也是动态获取数据。 2. 使用接口在... ...继续阅读 (27)

偶然看到通过语雀 webhook 发布文章到 Hexo 静态博客，很方便，实现过程也很有意思。同样的原理可以运用到 Gatsby.js 博客上。 因为使用了 netlify，自动部署的事情就不用自己担心了，本文讲述的有一下两点： 1. 熟悉语雀 webhook 1. 使用 GitHub api 更新 GitHub 仓库（更新仓库后 netlify 自动部署） 除了以上两个重点，整个流程是： ... ...继续阅读 (29)

> 来源于 现代JavaScript教程 > 本文很清晰地解释了闭包是什么，以及闭包如何产生，相信你看完也会有所收获 **关键字** **Closure** 闭包 **Lexical Environment** 词法环境 **Environment Record** 环境记录 **outer Lexical Environment** 外部词法环境 **global Lexical ... ...继续阅读 (28)

本文为大家提供一种使用 GitHub API 生成 Commit 的方法。通常我们会使用 Git 客户端 Commit 然后 Push 到 GitHub，但 GitHub 为我们提供了相关 API，可以直接通过 API 更新仓库。 要搞清楚整个更新流程，需要先理解 Git 的数据结构。如下图所示，Git 会使用 Ref、Commit、Tree、Blob 等单位管理 Commit 和文件。 ... ...继续阅读 (32)

记得四个月前有一次面试，面试官问我 MVVM 是什么，MVVM 的本质是什么。我大脑一片混乱，那时我对 MVVM 的认知就只是“双向绑定“和“Vue”，以这个关键字简单回答了几句，我反问 MVVM 的本质是什么，对方就重复一次双向绑定。我怎么觉得对方也没懂就随便这么一问呢... 其实面试完我就急着探求 MVVM 的真谛，查了资料，做了笔记，以下是我四个月前的理解： > ViewModel... ...继续阅读 (25)

之前没有写总结的习惯，借着开了 blog 的机会，是时候改改这个习惯了。 昨天开了 Netflix，今天早上看了一早上夜魔侠，接着下午去了一趟图书馆，回来继续看，我终于意识到，再不写，今年就要过去了，所以便有了这篇总结。 最近碧蓝幻想的连续体力减半让我的可掌控时间持续减少，在这个年终总结我不得不提这个魔性的游戏。11.16 我重新开始了这个游戏（直接导致我的 NS 尘封了），买一个有未来的初... ...继续阅读 (26)