前端训练营开营&fw大三科班自述 | 青训营笔记

107 阅读2分钟

杂七杂八

先扯点有的没的

三月份面临考研和就业的抉择,在纠结之后最终还是选择了就业。 在过去三年,计算机带给我的更多是痛苦大于喜悦,搞学术写论文目前并没有让我找到兴趣点和获得收获感,因此我如果随大流考研升学,在我看来是一种逃避,也是一种负担;过去的摆烂导致了平庸的GPA和惨淡的竞赛经历,更别提学术论文,因此考研考梦校也是一种幻想,复试那不是必无。

所以还是选择了就业。三月份投了一堆实习,一个面试也没有,确实,前端基础都没学完,力扣一年没碰了,c艹都忘得差不多了,有面试就怪了。加上整体就业环境的影响,互联网遍地黄金的时代过去了,''前端已死''传言盛行,难啊。不过学前端至少让我得到一些获得感,无所谓哥们继续学,种一棵树,最好的时间是十年前,其次是现在,希望秋招顺利。

4.12

leetcode

这两天在看DP相关的题目,今天刷了120和198,复盘一下,先198,这道题没思路,看了题解复现,后120,样例没有全过,算法算了局部最优解,设计有问题。

用 f[i][j] 表示从三角形顶部走到位置 (i,j) 的最小路径和
关键还是确定一个状态转移方程
每一层的每一个位置除头尾之外,从上层移动到下层都有两种路径,取最小值,头尾分别讨论,状态方程如下
f[i][j]={
        f[i-1][0]+c[i][0](该点路径大小)   // 头
        f[i-1][i-1]+c[i][i]              // 尾
        min(f[i-1][j-1],f[i-1][j])+c[i][j]   //中间节点
}
得出状态方程,这题就差不多了

JS

事件监听

事件是编程语言中的术语,它是用来描述程序的行为或状态的,一旦行为或状态发生改变,便立即调用一个函数。

例如:用户使用【鼠标点击】网页中的一个按钮、用户使用【鼠标拖拽】网页中的一张图片。


元素对象.addEventListener('事件类型',要执行的函数)
  1. 事件源(DOM对象)
  2. 事件类型
  3. 回调函数

老版本的 事件源.on事件=function(){}

区别: on方式会被覆盖,addEventListener方式可绑定多次,拥有事件更多特性

事件类型

鼠标事件

与鼠标操作相关的事件

1.鼠标经过

div.addEventListener('mouseenter',function(){
  console.log('轻轻的我来了')
})

2.鼠标离开

div.addEventListenr('mouseleave',function(){
  console.log('轻轻的我走了')
})

键盘事件

keydown 键盘按下触发 keyup 键盘抬起触发

焦点事件

focus 获得焦点

blur 失去焦点

文本框输入事件

input