日历计划工程

需要增加一个工程,每日记录。现在用文章记录,感觉太长了就不方便,主要实现两个功能,每天有个白板一样的页面,记录内容。还有个展示全部Todo记录的列表。

。。。。。。发现谷歌日历其实已经满足使用了。可能用插件或者爬虫来处理数据 统计这部分。哎。。谷歌日历真香。。

日历填充。

首先是日历,类似,仿照google Calendar。

开发动机

-和谷歌日历的区别在于,定制化拖动模块,减少手工创建的繁琐。

-数据统计分析,比如说,每周,时间分布是怎么样的。

-就比如说,我可能计划了一周要干嘛。但是实际木有这么搞,或者突然心情大变,去做别的了。那么这个时间段估计就要修改。

-完成一个全栈项目,实现一套比较有意思的日历。

技术支撑

拖拽

https://interactjs.io/ 这个特别适合完成需求。

Vue.Draggable 拖拽,或者自己写原生拖拽。 https://juejin.im/post/5a169d08518825592c07c666

https://javascript.info/mouse-drag-and-drop

https://www.html5rocks.com/en/tutorials/dnd/basics/


时间,做了moment按需加载。

https://github.com/iamkun/dayjs 时间设置

-需要,设置好一些计划块,拖过去,存储。

前置条件,完成全栈开发教程,KOA或者egg.js后端,搞个数据库。

完成功能,首先我设定一些工作任务,然后大概给个时间,比如2小时,

需求细节

日期有,周,月两种模式。

周模式,左侧选择选定日期,右侧拖拽生成任务块,保存确认任务。属性,标题,Date,日月年,时分。分钟15分为一刻度。。说明,一句话。

生成后,点击显示浮窗,可以删除和编辑。

如果重叠,如此展示。基本上不会重叠,不考虑。如果时间重叠开始时间早的在底层,后续条目左侧缩短,悬浮其上。

跨天

 

月份展示,从周日算起,到周六。包含本月所有天数。

 

笔记

拿博客当EverNote用下。。。毕竟专业版还是要点钱的。

记录下,如果看页面时间久了,可以看下视频,比如收藏的java。或者别的什么教学视频。科教也可以。

-服务器抽空要做一次快照备份。等折腾,后端的内容的时候可以搞一下。顺便把PHP版本升级了。然后优化一下主页。部署个新的Web服务器,java端或者golang。

https://www.cnblogs.com/chris-oil/p/8856020.html source-map

字节跳动内推http://dwz.date/asns


 

继续阅读“笔记”

每日记录_当前月

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

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