发表于

归并排序

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
function mergeSort(arr) {
  const length = arr.length;
  if (length <= 1) {
    return arr;
  }
  const middle = parseInt(length / 2);
  const left = arr.slice(0, middle);
  const right = arr.slice(middle);
  return merge(mergeSort(left), mergeSort(right));
}

function merge(left, right) {
  const result = [];
  while (left.length && right.length) {
    if (left[0] <= right[0]) {
      result.push(left.shift());
    } else {
      result.push(right.shift());
    }
  }
  while (left.length) {
    result.push(left.shift());
  }
  while (right.length) {
    result.push(right.shift());
  }

  return result;
}

发表于 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
const tween = {
    linear: function(t, b, c, d) {
        return c * t / d + b
    },
    easeIn: function(t, b, c, d) {
        return c * (t /= d) * t + b
    },
    easeOut: function(t, b, c, d) {
        return b + c * (- t * t + 2 * t)
    },
    strongEaseIn: function(t, b, c, d) {
        return c * (t /= d) * t * t * t * t + b
    },
    strongEaseOut: function(t, b, c, d) {
        return c * ((t = t / d - 1) * t * t * t + 1) + b 
    },
}

首先说明一下四个参数代表的含义

  • t : 动画已消耗的时间
  • b : 小球原始位置
  • c : 小球目标位置
  • d : 动画持续总时间
    其中b、c、d我们都可以看作常量，所以小球的运动轨迹其实是一个关于t的函数曲线。下面我们对上述算法进行抽象,我们把运动的总值设为y,运动时间设为x。

linear
linear

1
2
3
4
//linear
y = c * x / d + b
  = c / d * x + b
  = a * x + b

非常典型的线性函数。

easeIn
easeIn
strongEaseIn
strongEaseIn

1
2
3
4
5
6
7
8
//easeIn
y = c * (x /= d) * x + b
  = c * (x / d) * (x / d) + b
  = c / d ^ 2 * x ^ 2 + b
  = a * x ^ 2 + b

//strongEaseIn
y = a * x ^ 5 + b

看曲线图可以明显看出是平滑进入的。

至于什么叫strongEaseIn，自己看图体会。

easeOut
easeOut
strongEaseOut
strongEaseOut

1
2
3
4
// easeOut
 y = b + c * (- x * x + 2 * x)
//strongEaseOut
y = c * ((x = x / d - 1) * x * x * x + 1) + b

发表于

事情是这样的。截取一个代码片段。

1
2
3
4
5
<style>
    p { width: 10px; }
</style>

<p>1111111111111111111111111111111</p>

写组件的时候随手写了这么一段给卡片的文本部分占位，结果惊奇的发现文本竟然不换行！

按道理平时在 div 里插入文本如果限制了宽度会自动换行的。

于是我开始怀疑人生，难道我之前写的都是假代码，还是我有个假脑子。

于是我去搜了下文本如何换行。

1
word-wrap: break-word;

我在根元素上加上这条属性过后，它确实换行了。

可是宝宝很倔强，宝宝不信，宝宝以前明明不加它也换行的。

正在百思不得其解之时，Jason 哥屁颠屁颠跑过来说：「只有中文才会自动换行。」

于是亲测一波，结果如下：

1
2
3
4
5
6
7
8
9
10
<!--不换行-->
<p>1234567890</p>
<!--换行-->
<p>1 2 3 4 5 6 7 8 9 0</p>
<!--不换行-->
<p>I'malonglonglonglonglonglonglongtext.</p>
<!--换行-->
<p>I'm a long long long long long long long text.</p>
<!--换行-->
<p>我是超级长长长长长长长文本</p>

所以说，默认情况下中文是自带换行属性的，而非中文的情况下有空格才会自动换行。

这里顺便测试了一波其他几个换行属性。

  • [word-break: break-all] : 相当于把单词全部击碎，可具有和中文一致效果，对英文和数字均生效。
  • [word-wrap:break-word] : 效果和上述类似，但是略有区别，如果一行容纳不下该单词时会自动换行，下面附图解释。
    img
  • [white-space:nowrap] : 强制不换行，对所有元素都生效。
  • [text-overflow: ellipsis] : 溢出部分转换为省略号。顺带一提，这个属性只对水平方向溢出生效。垂直方向的解决方案如下(部分浏览器支持)。
1
2
3
4
5
6
7
8
9
10
div {
  display: block;
  width: 300px;
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: 200px;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}

发表于

葵这个专栏都快成为周末定番了。
不过真的很庆幸，有这样一块私人领域，容我每周抽风发个牢骚。每次更了博就会有释怀的感觉。
经常会有这样一个声音问自己「何处为家」，我以前以为是成都的。
直到我真正开始动回成都的念头的时候，才发现我错了。
这只是一种逃避、软弱，不想面对成人世界这一切。
但是我知道终究是要面对的，这跟当初我毅然决然选择工作而非读研一样，该来的终究会来的。
或许读研能够再在学校的庇护下度过舒舒服服的三年，但是从一个学生到一个社会人的转变，是无论如何都躲不掉的，不管我有多不想面对。
这大概就是「成长的阵痛」。

我想了很久，到底什么样的地方才算家呢。

从小学到现在，辗转搬家六七次，不得不说，我是真的很不喜欢搬家的感觉，每一次迁徙，都会丢掉前半生大多数回忆。
儿时住在齐心大院里，到了盛夏之时，会搬着小板凳和何艺还要贾薇姐姐一起仰望夏夜的星空。路过巷子里的小店时，二叔总会笑眯眯的让我去葡萄藤下坐一坐，跟我讲起那些年他看过的武侠小说。在巷弄尽头摆过小摊，把自己珍藏很久的小宝贝放在妈妈价值不菲的纱巾上，和小伙伴一起叫卖，那时尚不明白为什么叔叔阿姨路过小摊时脸上总会浮现出意味深长的笑。和几个大姐姐在对着巷子的墙练习排球。家对面是一所职业高中，站在家里的厕所时不时就能看到对面几个裸露的少年的身影。

后来在通锦桥，是我最喜欢的一段时光。房子是复式的，床在二楼，每天早上起床头准会撞到天花板上，这或许就是这几年智商直线下降的关键转折点了吧（误）。印象很深刻的一次，王茜来我家里玩，那时候我们都是第一次做饭，两个人兴高采烈跑到超市打算烧一顿大餐，回来把油热上，眼巴巴地看着油开始冒烟，燃起了熊熊大火，两个人吓地四处乱窜，最后还是一个锅盖救了这可怜的厨房，从此之后便对油锅有了巨大的阴影。楼顶的天台满足了我少女时代所有的幻想，此处应该有图。
落日
img
远方
img
野花
img
那些时候，只要是有阳光的周末，我准会抱着一本小说安静地蹲在楼顶的阳台上，吹着风，度过一整个午后。当然，美中不足的是总有人会牵着狗狗上来拉粑粑，所以这成了一段带有狗屎味的微醺的青春。

临近高考时，搬到了高中对面的一栋居民楼里，那时班长的奶奶就住在同一个小区里面，所以经常去班长家里玩。班长也会常常来我家里给我写一些明信片。那时候和玲玲儿一起住，每次和妈妈有什么代沟的时候就跑到玲玲儿那边去撒撒娇，感觉没有什么她解决不了的问题。以至于到了现在都还对她非常依赖，有事没事发个微信过去骚扰她。

上大学之后在段猪家住了一段时间。这里省略一万字对段猪的感谢，虽然平时经常互损，但是一辈子能有几个像你这样的朋友，夫复何求。每天放学路上都能看到339，离活水公园非常近，所以活水公园变成了新的活动基地。有一次晚上和班长、家瑞他们几个在活水公园装鬼，吓得我到处乱跑结果把钱包玩丢了，连同着身份证、银行卡，回家一顿暴揍。和丹姐在活水公园里烧烟饼，被治理公园的保安轰了出去。
img

在哥哥家里住过一阵子，带着不四。不四是一只兔子，和抱抱的不三一起买回来的。当初希望这只兔子能如它的名字一样，拥有不死之身，可是它终究还是去了。不三死于寒冷，不四至今死因不明。天知道我有多想它。
img
img
img
img
img
img

这么多年才悟懂这句话：「搬家之时，方知是流浪」。不过既来之则安之，心安之处，便是家。

发表于
  • 每次取了快递都会走到后面那栋楼去，因为两栋楼长得完全一样，拿着钥匙对着钥匙眼捅个半天，心想这锁怎么又坏了。退回来数了一数，没错啊，这就是三单元。继续卖力的开着门。捅了半天，未果，决定走出小区散散心。路过拐角，才发现，哦，原来我家是这栋。

发表于

别问我为什么天天做番茄炒蛋 因为我只会这个（捂脸
avatar
avatar
可乐鸡翅好评（回头尝试一下蓝色可乐鸡翅
avatar
avatar
avatar
荷兰豆意外的很好吃
avatar
avatar
avatar

发表于

半夜三点爬起来给自己的博客新增了一个栏目，叫葵（あおい），专门记载老漂日记。
之所以叫葵，是因为我猜到以后每次更新该栏目的时候心情应该都不太nice，所以叫葵的话会多一丝希望的感觉。
十二点就躺上床，在床上辗转难眠。
以前经常听到电视剧里讲什么北漂啊，当时就想这些人怎么好好的家乡不待，非要到外面去折腾。
殊不知，二十岁的自己也被迫踏上了漂泊这条路。不过不是北漂，是海漂。
说漂泊可能有点夸张，但是没有归属感是确确实实的。
我从小就爱哭，长大了还是爱哭，来了上海过后更是没事半夜就会抹抹眼泪了。
每次看到自己之前写的「想家，想妈妈。」就不禁鼻子一酸。
今天和妈妈最后的对话：
「想回家。」
「好。」
「那你回来参加春招吧。」
听完不知怎么的，眼泪就稀里哗啦往下淌。我是非常想立即买张机票就飞回去了。

家里的书架也不知落了几层灰了。
错过了339绚丽的烟火。
楼下那只小黄猫还在等我吗。
突然很想念每天都会穿过去坐地铁的百花潭和琴台路。

长大过后的自己，重新理解了那句「出门的目的，终究还是回家」背后藏着的酸涩。

发表于

借写论文之余，总结一下这四年来关于日语学习的方方面面，希望能给正在学习日语的你一些帮助。

五十音图

相信大家最开始接触日语都是从五十音图开始吧。什么平假名、片假名、罗马音、清音、浊音、半浊音，吓得大家一开始就打了退堂鼓。
这里先给大家科普几个概念：
avatar
avatar
这是几个初学者比较容易混淆的概念，自己看图体会。
由于博主的记忆里实在是非常非常的差，所以学习五十音的时候想了各种奇技淫巧，下面一一道来。
建议大家不要在五十音图是上消耗太长的时间，经可能在两天之内搞定。

五十音之歌

五十音图之歌-平假名
非常洗脑的一首五十音图平假名的歌，刚开始学习五十音的时候可以以此歌为辅，熟悉日语假名的基本发音。

冷水的日语教室

字幕组学日语—平假名篇
我从没见过你这样教五十音图的！——片假名篇
强推冷水的日语教室，清奇的脑洞，猥琐的联想，会让你非常快的记住某些假名。
联想对于最初学习假名的阶段非常重要，所以大家要打开自己的脑洞，把这些假名和身边的事物产生关联，从而达到快速记忆的效果

博主自制卡片记忆法（记忆差的盆友看这里）

噗 由于此处需要照片展示，而博主现在已经摊在床上了，等改明儿爬起来再更新这里。

教材

这个板块为大家整理了一些常用的日语教材，由于博主还未详读下面列举的所有教材，所以部分教材的介绍暂时只能坑着，待博主写完bug之后再回来填坑。

新编日语（1～4）

avatar

综合日语（1～4）

avatar

标准日本语（初级+中级+高级）

avatar

みんなの日本語

avatar
说到教材不得不提一下，AppStore中的电子书是非常好用的。

新编日语（修订版）1～4册套装

新版中日交流标准日本语 - 标日电子书

辞典

说到辞典，真的是一言难尽。
还记得刚入学那些年，卡西欧公司的人年年都跑到学校来安利，甚至还有安利其他人来买能有折扣这种事。
以至于老师和日语系出生的绝大多数人都认为卡西欧是学习日语的必备神器。
可是博主当年就觉得这个产品很鸡肋，当然还有个原因是博主很穷。
所以穷逼博主大学四年为了不买卡西欧研究了各种其替代产品。
我至今仍对当年在知乎上看到的这句话记忆犹新：
「我相信卡西欧里面的辞典早晚会尽数登上各手机平台的。」

卡西欧

avatar
卡西欧的话，我是觉得不差钱的同学可以入一个的，我稍微总结一下它的优点和缺点，但是因为我也没用过，所有如果有不妥的地方还请谅解。
优点：

  • 辞典较为全面
    里面包含了广辞苑，大辞泉，新明解，类语，ことわざ等，可以说日语较为权威的辞典都涵盖了。
  • 支持跨字典跳查
    个人觉得跳查是一个非常重要的功能，因为在查询的词条中出现生词是非常有可能发生的情况，不过手机版的大辞林和新明解也支持跳查，不过不支持跨字典查询。
  • 有声阅读资源
    之前上听力课的时候发现室友的卡西欧上面有很多日本经典有声读物，比如《雪女》、《桃太郎》等。
  • 可以查音调
    这个是后来才想起的一点，卡西欧可以查词汇的音调，虽然国内的一些app辞典也有发音，但是大多数都是机器生成，基本可以无视，卡西欧上的词语发音都是真人录制，对于初学者养成良好的发音习惯来说非常有用。
    缺点：
  • 性价比
    关于性价比这个事不好给一个准确的说法，两三千的字典对于大多数学生来说都是一个不小的数目了，虽然里面涵盖的字典远远超过这个价格，但是在有替代品的情况下，我不认为这是一个性价比很高的产品。当然还是看你们的需求了。
  • 便携性较差
    不得不说卡西欧相较于手机在便携性上存在很大的问题。比如你在看剧、逛街的时候突然需要查一个单词，这种时候掏出你的卡西欧是一件非常反人类的事。
  • 可拓展性不佳
    卡西欧可以说是专为辞典而生了，这个其实和kindle一样，在提高你专注力的同时限制了你的想象力。而手机在某种程度上可以说是一种为你量身定做的辞典，你不仅可以使用它的辞典功能，同时也可以使用浏览器上yahoo、看日文电子书、用印象笔记记录学习的单词，但是缺点就是指不定一个微信提示弹出来你就和你的日语学习say goodbye了。

    沪江小D

    沪江小D

    MOJi辞書

    MOJi辞書

    大辞林

    大辞林

    新明解

    新明解
    【Apple ID】jblzw8549@163.com
    【密码】Dd112211

    大辞泉

    大辞泉
    【Apple ID】ptog566@163.com
    【密码】Dd112211

    古典文法

日文原著

下面放一些原著的电子资源，长期更新。
言の葉の庭 | https://pan.baidu.com/s/1uJaNLx0r4dLpDYcKIRJs1w
君の名は | https://pan.baidu.com/s/1uzrkEwlfAjj8_rqDVkDGhg
予知夢 | https://pan.baidu.com/s/1qG6HHA4TXSlB50rfBOilYQ
赤い指 | https://pan.baidu.com/s/1Pl7b738x5XR8uUg4qYNrVg
国境の南、太陽の西 | https://pan.baidu.com/s/1LQAwaM6D6K11Fuux9CLplQ
バーナード嬢曰く。 | https://pan.baidu.com/s/1GA4ia0fcyAXx0YPJ4NOLBg |
確かな力が身につくPython「超」入門 | https://pan.baidu.com/s/1E6ODoWnEtcjrKP2yndeNUQ
論文の教室 | https://pan.baidu.com/s/1p8-pTEZ40eg_x7q-8BrpNQ
望月光の古文教室 | https://pan.baidu.com/s/1tO2GzsR_wFNe-WRmVkwaCg
TOPIK初級　単語・文法| https://pan.baidu.com/s/1N9T7cZsJC7Vm5ANsAJUjIA

学习资源

奇技淫巧