写在前头
在我决定走前端时,大概是21年暑假,那时参加了学校的ACM集训,在坚持了一个暑假期间,我也认识到自己不是“小镇做题家” 。当然也没那做题的脑子。 之前都是一直偶尔兴趣来了学学前端。
大一折腾了很多其他的玩意(钱,嘻嘻嘻),也赚到没几个硬币。现在大二开始好好准备春招。每天公众号打卡,没人看也无所谓。
春招倒计时
今天是2022年的第一天。
每日小结
有效学习时间
6h
学习内容
DOM 的部分操作、将某马的HTML前面2个小节复习敲完了一遍(表单,列表,文本域等等)具体就不细说了
目前水平
HTML,CSS:看了某马的html,css网课,全敲完了一遍。菜鸟教程也看了一遍。
JavaScript:还在上着某马的课
2022.1.1
代码粗糙笔记 -- 知道自己每天学了啥就行,哈哈哈。
目录
DOM:P194~210
01-getElementById获取元素
2019-9-9
02-getElementsByTagName获取某些元素
- 知否知否,应是等你好久11
- 知否知否,应是等你好久11
- 知否知否,应是等你好久11
- 知否知否,应是等你好久11
- 生僻字
- 生僻字
- 生僻字
- 生僻字
03-H5新增获取元素方式(1)
盒子1
盒子2
- 首页
- 产品
04-获取特殊元素
事件 05-事件三要素
06-执行事件步骤
123
07-操作元素之改变元素内容
div,
p {
width: 300px;
height: 30px;
line-height: 30px;
color: #fff;
background-color: pink;
}
某个时间1123
08-innerText和innerHTML的区别
我是文字
123
09-操作元素之修改元素属性
文章图片
10-分时问候并显示不同图片案例
文章图片
上午好
11-操作元素之表单属性设置
12-仿京东显示隐藏密码
Document - 锐客网 .box {
position: relative;
width: 400px;
border-bottom: 1px solid #ccc;
margin: 100px auto;
}.box input {
width: 370px;
height: 30px;
border: 0;
outline: none;
}.box img {
position: absolute;
top: 2px;
right: 2px;
width: 24px;
}
【2022/1/1( JS DOM前小插曲)】13-操作元素之修改样式属性
head>
Document - 锐客网 div {
width: 200px;
height: 200px;
background-color: pink;
}
14-关闭淘宝二维码案例
Document - 锐客网 .box {
position: relative;
width: 74px;
height: 88px;
border: 1px solid #ccc;
margin: 100px auto;
font-size: 12px;
text-align: center;
color: #f40;
/* display: block;
*/
}.box img {
width: 60px;
margin-top: 5px;
}.close-btn {
position: absolute;
top: -1px;
left: -16px;
width: 14px;
height: 14px;
border: 1px solid #ccc;
line-height: 14px;
font-family: Arial, Helvetica, sans-serif;
cursor: pointer;
}淘宝二维码
文章图片
×