这几天在学姐那边跟着学前端，基本都还是写一个界面为主，在写CSS的时候就碰到了行内元素和块元素这两个知识点，这里做个整理，方便以后回顾。

今天下午接到了阿里的面试电话，是一次严格意义上的技术面试了。虽然有提前通知过，我也认认真真地准备了一下，但有些方面还是答的不尽人意吧。

好了下面的不用看了，已经被拒了【2019.3.28】

面试过程

面试的形式也挺有意思的，面试官通过询问我之前的学习经历，刷过的题，来提出一些问题。我挑了一个JavaScript 使用循环语句查找通讯录，这道题当时因为怎么都通过不了，去百度查了一样的题，代码也一模一样，但就是无法Accept。他让我口述一下要如何去实现这一功能。我的思路是用for循环，遍历数组，然后通过对象的相关的操作，找到要返回的联系人的指定信息。找不到则返回“找不到该联系人”等信息。

这里他问了一个let、var的问题，简单来说就是var定义的变量会提升到作用域的顶部，而let不会。

此外，他还问了==与===，对于==，如果双方类型不同，就会进行强制类型转换，而===是直接判断二者的类型和值是否相同。

还有，比如当我访问的对象的属性不存在时会返回null还是undefined【这里我好像回答错了呃啊！】然后问可以用什么来判断变量的类型，这个问题刚好前几天看书有看到，typeof与instanceof，typeof对于原始类型，除了null都可以显示正确类型，对于对象类型，除了函数都会显示object。所以typeof并不能准确判断变量类型。

然后他又问了null和undefined的关系。null和undefined都表示值的空缺，但二者并不等价，undefined的类型就是undefined，null可能用typeof输出的是对象，但其实也是js的一个bug，在早前，js为了性能使用低位存储变量的类型信息，000开头代表对象，而null对应的是全0，所以也会错误地判断为object。

然后我们聊到了我最近看的Vue.js做过的一个购物车实战练习。我给他讲解了我是如何给购物车加上复选框，并只计算选中商品的价格。

然后他问了除了for (let i = 0; i < this.list.length; i++)这种类型的循环，还能用什么循环来遍历数组，我还以为是让我别用for，那用啥呀，while呀！后来想到是不是让我用for xxx in xxxArray这种形式。

后面是问我是怎么去获取实例中的数据还是啥，有点记不清了，反正我答的莫名其妙感觉。我只知道我那边是这么写var item = this.list[i];，我讲出来的时候还挺希望他问我this这个关键字的，因为前几天看书刚好看到过……

然后问我有什么方法可以去获取HTML中的DOM节点，利用原生JS获取DOM的节点，这个我只记得document.getElementById和document.getElementsByClassName，其实还有getElementsByName通过name属性、getElementsByTagName通过标签名、querySelector通过选择器获取一个元素、querySelectorAll通过选择器获取一组元素。然后问我通过document.getElementById得到会是一个什么类型的变量，我那时回答的是数组，因为我记得我以前用的时候后面会跟一个方框号去索引。聊完以后我自己打开控制台写了一下，返回的也的确是数组类型，长舒一口气……

此外的话还问了break、continue、return这三个会有什么功能，break会跳出循环，并执行循环之后的语句，continue会跳过循环内之后的语句，进入下一次循环，然后return我就回答的有点傻了，前后被他追问后把自己搞的自相矛盾了……return只能用在函数里，当遇到return后，会直接结束函数并返回值。

然后问了点数据结构相关的东西，用熟悉的语言描述一下怎么产生一个双链表，双链表怎么操作去替换中间的一个结点。由于这门课过去太久了，如何构造双链表的代码并不是记得很清，按着自己的思路大致的描述了一下。关于如何替换结点，思路也很清晰，先把新结点拉到链表里来，前后的关系都建立好，然后再把原阶段的前后指针指向空然后把内存释放掉。

然后他问了我的学习策略和学习路线。说实话这学期头也不回一脚扎进前端学东西，但并没有去仔细思考过自己到底要往那个技术栈发展，虽然很多人都吹嘘现在应该是全栈的时代了，但对个人而言也总得有个先后次序吧。小目标的话就是这学期能学完Vue.js以及另外一个前端框架，再看点Node.js，并找到一份相关的实习工作，在工作中进一步去学习，然后转行？创业？我尚不能想清楚，但未来该如何发展，是一个值得经常去思考的问题……
最后，技艺不精，甘拜下风，继续努力吧

思考

昨天看到自己Rejected时候，没有失落，倒觉得是意料之中，毕竟自己回答得也一般般，阿里也不是这么好进的。但我错误地将失败原因全部归结于自己的基础薄弱，项目经历少。今天在微博刷到两篇文章，阅读完毕后才后知后觉地知道，这一次失败有着多方面的因素。

先贴文章链接
为何面试时都会问你的职业规划呢？该如何回答呢？
我是如何拿到蚂蚁金服实习 offer 的

基础薄弱

基础还是不行，相关项目经历太少，数据结构与算法的知识也得开始回顾了，要制定一个学习计划并每天履行，要更加努力的学习并寻找项目机会，

没有清晰的职业规划

终于能理解学校开设大学生职业规划课的意义了。工作也得寻求发展，我不可能在一个职位上呆一辈子，总会寻找机会晋升或跳槽。但不应该只是泛泛而谈，比如“xx年后，要成为xx经理、总监”这种谁都会说的话，更多的得是“实习期的目标”，“今年的目标”，“未来三年、十年的目标”

没把握好提问的机会

最后他问我有什么问题的时候，我只问了刚刚有一道我没回答出来的题，但其实非常地愚蠢。我需要了解的有

• 公司内部的培训晋升机制（代表我们是否能迅速学到新东西）
• 对应岗位的成长路径（之前这个岗位的人去哪了？升职了？换团队了？）
• 直线经理对于这个岗位的成长预期（意味着他会花多少精力培养你，给你多少资源）

阿里面试的失败，是因为自己的幼稚、技艺不精。也正是因为此次失败，能让自己清楚地认识到自己的处境

下午还想了半天是不是滚去考研比较好，现在还是决定这条路继续走下去了

It’s a long way

最近在一脚一脚地踏入前端深坑，学到了Bootstrap，便想用这个来试试能不能把大一的时候做的三位一体计算器美化一下。

之前的网页是这样的。

当时也的确是查了各种文档，手撸CSS才写成这样的，但有点不符合现在的审美吧。

index页面变化不大，就把按钮加了一下bootstrap提供的样式，然后做一下简单的排版就好了

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<div class="container">
	<h3 class="text-center">欢迎使用三位一体计算器</h3>
</div>
<div class="container">
	<h4 class="text-center">距离2018年高考还有</h4>
</div>
<div class="container">
	<h2 class="text-center font-weight-bold">
		<div class="timer"></div>
	</h2>
</div>
<div class="container">
	<div class="text-center">
		<a href="zhcj.html"><button id="zhcj" class="btn btn-dark">计算综合成绩</button></a>
		<a href="gkcj.html"><button id="gkcj" class="btn btn-dark">计算高考成绩</button></a>
	</div>
</div>

然后是计算页面，给所有的表单都加了form-control属性，但由于form-control的width是100%，只能给父级的div添加宽度控制的属性

但后面又发现无法使表单居中，查了很多的资料，增增删删了很多样式，但都无法达到心里想的效果，挫败感xN

先放下代码吧，如果想到了解决办法，再回过头来改x

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

<div class="container">
	<form class="form-inline" id="form1" role="form">
		<div class="form-group">
			<label class="col-4 control-label">
				报考学校
			</label>
			<div class="col-8">
				<select class="form-control" id="university">…
				</select>
			</div>
		</div>
	</form>
	<form class="form-inline" id="form2" role="form">
		<div class="form-group">
			<label class="col-4 control-label">
				学考成绩
			</label>
			<div class="col-8">
				<input id="text1" type="text" class="form-control col-2">A
				<input id="text2" type="text" class="form-control col-2">B
				<input id="text3" type="text" class="form-control col-2">C
				<input id="text4" type="text" class="form-control col-2">D
			</div>
		</div>
	</form>
	<form class="form-inline" id="form3" role="form">
		<div class="form-group">
			<label class="col-2 control-label">面试成绩</label>
			<input id="text5" type="text" class="form-control col-3">
			<label class="col-4 control-label">目标综合成绩</label>
			<input id="text6" type="text" class="form-control col-3">
			</p>
		</div>
	</form>
	<form class="form-inline" id="form4" role="form">
		<div class="form-group">

			<input id="button1" type="button" class="btn btn-primary" value="计算高考成绩" onclick="calculate()">
			<input id="button2" type="button" class="btn btn-danger" value="清除" onclick="delet()">
			<a href="index.html">
				<input id="button3" type="button" class="btn btn-light" value="返回">
			</a>

		</div>
	</form>
</div>

一到考试周就不想复习，想敲代码，这一次也不例外。

这次想着做一个狒狒4.4新版本的限时采集计算器，每次上线想采集还要再打开wiki看一下真的好烦的【躺

如果能做一个本地计算的就舒服了

之前在研究天气预报的时候，知道了ET和LT之间是满足一定关系的，天气预报也是通过像是一种seed的一个区间来进行播报的

众所周知，艾欧泽亚的限时采集点一般都刷在ET的整点，那么就有了以下思路

输入当前时间戳，通过ET和LT的关系，计算出ET，然后去匹配是在哪个限时采集点的区间内，再返回采集点地图和坐标

然后就再去看了一下獭獭机器人的关于天气预报方面的代码

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
30

def calculateForecastTarget(unixSeconds): 
    # Thanks to Rogueadyn's SaintCoinach library for this calculation.
    # lDate is the current local time.
    # Get Eorzea hour for weather start
    bell = unixSeconds / 175

    # Do the magic 'cause for calculations 16:00 is 0, 00:00 is 8 and 08:00 is 16
    increment = int(bell + 8 - (bell % 8)) % 24

    # Take Eorzea days since unix epoch
    totalDays = unixSeconds // 4200
    # totalDays = (totalDays << 32) >>> 0; # Convert to uint

    calcBase = totalDays * 100 + increment

    step1 = (((calcBase << 11)%(0x100000000)) ^ calcBase)
    step2 = (((step1 >> 8)%(0x100000000)) ^ step1)
    
    return step2 % 100

def getEorzeaHour(unixSeconds):
    bell = (unixSeconds / 175) % 24
    return int(bell)

def getWeatherTimeFloor(unixSeconds):
    # Get Eorzea hour for weather start
    bell = (unixSeconds / 175) % 24
    startBell = bell - (bell % 8)
    startUnixSeconds = round(unixSeconds - (175 * (bell - startBell)))
    return startUnixSeconds

写了个main，然后输入当前时间看了下输出，getEorzeaHour可以得到ET时间的小时，getWeatherTimeFloor大概是返回当前天气的起始时间戳？calculateForecastTarget输出时报错，但猜测是计算当前时间的天气seed？

这样一来，输入当前时间，再用getEorzeaHour计算出ET时间，判断是否在限时采集的时间区间内。

但在如何返回一个采集点的LT时间区间上发了糊涂，想半天绕不过来，算了半天时间戳还发现差八个小时，后来查了之后才知道时间戳的起始时间是格林威治时间的1970.01.01 00:00，换算成北京时间要+8。

就当给自己留个坑吧，考完试再想想。

数字信号！电磁场！爱我一次！

喔，今天还顺带修了一个博客的bug，之前的tags页面下面有那个评论框，一直不知道咋消掉，以为是主题文件的bug，差点就去提issue了，后来发现是当初创建tags页面的时候忘了关评论，加上一条comments: false就成了。

然后我还发现自己的博客没有备份，什么时候想起来再搞了，应该不会出什么意外吧【口住！

好久没写博客了，刚好趁这个机会记录一下我在贝法一个月的生活吧

本篇主要介绍仿射变换

每次搭ss都要上网查一下教程，但网上的教程都没有提到针对CentOS7下的防火墙的处理，这里便想自己写一篇留个档。

近来做院创和新苗要用到OpenCV了，自己电脑装的是Python3.6，但是cv2得在Python2.7下跑，又懒得搞虚拟机，就搞了个双版本

今天在写三位一体计算器的时候想将footer绝对置底，以我仅有的CSS知识写了半天无果，便上网搜了一下，找到了知乎专栏的一篇文章解决了我的问题，便来记录一下。

　　前几天在微博上看到三色绘恋有线下活动，我刚好买了周边，就报名了，并立下flag，“抽到我，我就去！”。结果没想到真的抽到我了，那就去咯！期末考？考试周？我不知道你在说什么。