每日记录_当前月

-Mark。。3个月归档一次。不然内容有点过多。

-常用工具，Teambition,石墨，墨刀。。怎么都喜欢叫个墨字。

-神仙朱文章 | 前端 100 问 https://github.com/yygmind/blog
VUE和React的DIFF，Patch，update可以有很多挖掘的地方。
-日语学习网址 https://res.wokanxing.info/jpgramma/

发现，到了晚上，意志力下降的厉害，特别是旁边还有个无所事事，颓废的队友，现在想到一个对抗的招数，就是打开一个视频，什么面试的，技术教学的，之类的。看视频。营造学习氛围和被动接受知识。就当上晚课吧。

2020-6-8

帮better-oneTabs 优化提升了性能。笑死我，那个css，整个html页面滚动。流弊。

2020-6-6

增强学习，带着问题看，what,why,how方法论。

2020-6-5

-看了许多关于自控力的文章，套路都差不多，利用冥想，延迟满足，用习惯来替代自控对抗。分解目标，目标奖励。其实都挺麻烦。

-如何增强学习，https://www.zhihu.com/question/35103080/answer/447654017

提到了思维导图学习法，貌似正是我现在在使用的，我感觉对我来说特别有效果。

然而文章又提到了一个间隔式重复回忆法 提取记忆方法。ok，这个方法其实也是符合我的学习方式，不过我是通过查找面试题来回忆的。就是，当有个知识点，了解后，过段时间，时不时去回忆。以前我的知识点还是比较散乱的，用了思维导图以后，就有了location，像是记忆迷宫，但是迷宫听起来就很迷，地图就不一样了，每个知识点有其结构，有其位置。

2020-6-4

之后不再这里写具体做了什么了，就在google calendar上面记录。不过这里记录一些别的东西，比如想法或者别的。

2020-6-3

-OneTabs tags 应该是修复了个BUG，外加PR和邮件通知作者。。看看这家伙是不是还维护。收到作者的邮件回复了，果然是怕麻烦，不想复活。也许可以帮忙接手维护下。

-视频-程序员面试北大研究生Java岗，中途离场，是不是玩不起？

2020-6-2

-优化了个人日历

-CSS，浏览器性能优化相关。

-关于better one tab，导入没标签的BUG需要修复，两边不同步了。

2020-6-1

如果，不出意外，今天正式开始了。

-早上看算法，也不错，比较清醒。。不过午夜看也挺有意思。But，要健康作息。算法一研究时间过太快了。

-百度脑图，加载了一堆DOM节点，但是节点都设置了Display:none,按道理来说不会触发重绘（repaint）和回流（reflow）…但是为什么还会卡。不过代码是开源的，也许可以研究下。

2020-5-26

-构建后端知识图谱
-完成前端CSS部分脑图

2020-5-25

-Springboot 创建了一个项目,安装了Mysql。

2020-5-21

继续完善前端脑图。

2020-5-20

filter 有很多属性，blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url(); 挺有意思。

• filter:grayscale(100%) 这个还是蛮有趣的,一行把页面变成灰色。

常用属性，文本超长省略号
overflow:hidden(文字超出限定宽度，则隐藏超出的内容)
white-space:nowrap(设置文字在一行显示，不能换行)
text-overflow:ellipsis(规定当文本溢出时，显示省略符号来代表被修剪得文本)

2020-5-19

-了解了下Deno，感觉至少1，2年内，和Node还是没办法对比的。虽然特性挺多。除非是Ryan Dahl带一个团队来做。

垂直居中 1

居中元素宽高已知
absolute + margin
absolute + calc
居中元素宽高未知
*flex 推荐用～
absolute + transform
lineheight
grid
css-table
writing-mode

2020-5-18

css,多种符号意思 1

重温下Flex.

inline-flex：将对象作为内联块级弹性伸缩盒显示,效果，父元素不设置宽度，子元素自适应宽度，高度。

flex相关，横向，main-axis，main start|end main size，纵向，cross-axis cross start|end cross-size.

容器属性，父容器。

1. flex-direction,排列方向,横纵。
2. -warp,排列是否换行，换行从上到下还是从下到上。
3. flow ,direction warp的简写
4. justify-content 重要属性，主轴对齐方式，flex-start, flex-end, center, space-between, space-around,项目两侧间隔相同，所以项目之间间隔是边框和项目间隔2倍.
5. align-items 在cross轴对齐方式,flex-start, flex-end, center, base-line, stretch(占满整个容器)
6. align-content,多根轴线的对齐方式，如果只有一根，不起作用。corss轴有多余空间，将所有子项作为一个整体。

子项属性，项目。

1. order,排列顺序，数值越小越靠前，默认0.
2. flex-grow, 定义项目的放大比例，默认0.如果都是1，等分空间，如果有个2，那么2是1的空间两倍。
3. flex-shrink 默认是1，空间不足缩小。如果设置0，空间不足不缩小。
4. flex-basis 默认auto，设置xxxpx。占据主轴的空间。在分配空间之前。
5. flex,是以上的结合体。比如默认值 flex:0 1 auto. 建议用这个。
6. align-self. 可以对单独项目设置对齐方式，覆盖align-items。

2020-5-17

-安装了个better oneTab插件，整理了一天的页签分类。然后，发现DMZ，端口转发怎么都设置不了，一开始以为是路由器的问题，因为查IP发现是公网IP。后面破解了电信的路由，发现公网IP是100.开头。dmz就木有了。。只能搞dnns或者内网穿透。做完试了一个，还是可以穿透的。

2020-5-5

-研究了下骑砍的Mod。。。

 

-5月5日学习+刷题。

-5月4日，GameDay。

-5月3日，学习+刷题+放松。5月2号晚上规划下，什么内容

-5月2日，加班+一家人吃饭。

2020-5-2

2020-5-1

-gulp和webpack打包差异

-webpack，entry，out，loader，module概念。自动递归分析依赖打包。

-JS继承。http://www.ruanyifeng.com/blog/2011/06/designing_ideas_of_inheritance_mechanism_in_javascript.html -没看完。

-发现一个问题，每天晚上看东西有点随意。必须要制定下明日，或者后面几天计划。不过明天晚上一家人吃饭。不过计划赶不上变化。尽量吧。。