每日记录_当前月

-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 -没看完。

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