第三阶段学习心得总结
这应该是我在进入培训后发的第一个总结。说总结,也谈不上,更像是一些吐槽或者说心里话。
这个阶段主要学习的是移动互联网应用和微信小程序的内容。不得不说网课是真的难上,被隔离的日子仿佛就是在坐牢,下楼做核酸就是出门放风。前面的内容都没有听完整。到微信小程序还好一点,因为自己一直跟着操作,不懂的时候还可以问一下,不过也并不算完全听得懂,实际操作还是要看老师的代码。期待新班级快开起来,好从头梳理一遍。
今天登录这个号才发现它已经建立将近一个月了,原来我已经在班里学习一个月,有这么快吗?这两天回看蒋老师的笔记,看到这些内容,回想起以前学校的老师,上面所有的内容,他都提起过,只不过是当时忙着“游戏”,并未正真听懂罢了,辜负了他的一番心意。还好蒋老师和陆老师没有旧的我的问题“白痴”,无论是培训班的老师还是学校的老师,都很好。(一时找不到表情,此处应该搭配掩面哭泣)
最后留一个代码结束吧。
class Clock {
// 属性
// 该始终对象所挂载的页面节点
#root
#h = 0
#m = 0
#s = 0
// 计时器
#timer
// 构造函数
constructor(root, h = 0, m = 0, s = 0) {
this.#root = root
this.setTime(h, m, s)
}
// 行为
// 开始运行
start() {
this.stop()
this.#timer = setInterval(() => {
this.run()
this.render()
console.log(this.toString());
}, 1000)
// 渲染第一帧
this.render()
}
// 停止运行
stop() {
clearInterval(this.#timer)
}
// 运行
run() {
this.#s++
if (this.#s >= 60) {
this.#m++
this.#s = 0
if (this.#m >= 60) {
this.#h++
this.#m = 0
if (this.#h >= 24) {
this.#h = 0
}
}
}
}
// 设置时间
setTime(h, m, s) {
this.#h = h
this.#m = m
this.#s = s
}
toString() {
return `${this.#h < 10 ? '0' + this.#h : this.#h}:${this.#m < 10 ? '0' + this.#m : this.#m}:${this.#s < 10 ? '0' + this.#s : this.#s}`
}
// 渲染函数
// 渲染函数的目的是将该对象的html展示出来
render() {
let html = `
<div class="clock">
<span class="h">${this.#h < 10 ? '0' + this.#h : this.#h}</span>:<span class="m">${this.#m < 10 ? '0' + this.#m : this.#m}</span>:<span class="s">${this.#s < 10 ? '0' + this.#s : this.#s}</span>
</div>
`
this.#root.innerHTML = html
}
}
class A {
// 井号开头的属性或行为 将变成私有属性或方法
// 私有属性或方法只能在类内部访问
#name
constructor(name) {
this.#name = name
}
sayName() {
console.log(this.#name);
}
}
let a = new A('张三')
let clock = new Clock(document.querySelector('.clock1'), 23, 59, 48)
clock.start()
let clock2 = new Clock(document.querySelector('.clock2'), 14, 44, 57)
clock2.start()
let clock3 = new Clock(document.querySelector('.clock3'), 08, 14, 24)
clock3.start()
</script>
第三阶段学习心得总结相关推荐
- 《Windows程序设计》第三章学习心得(1)|图解消息机制
注释:文章转载自如鹏网论坛,版权归原作者所有. 为了绘制下面那张所谓"Windows消息循环流程图",忙活了一下午!先给表扬一下自己(吼吼~画得还蛮好看的嘛!),再泼桶冷水(呃~乱 ...
- Java第三阶段学习(三、字符流、转换流)
一.字节流读取中文时出现的问题: 文件中有中文时,用字节流读取会出现乱码的问题,因为一个中文为两个字节. 二.字符编码表 编码表:其实就是生活中字符和计算机二进制的对应关系表. 1.ascii: 一个 ...
- Web前端第三阶段学习
canvas画布 使用canvas步骤: 1. 创建canvas标签 2. 给canvas标签设置 width height 属性 3. 通过js 获取canvas标签 4. 通过canvas标签获取 ...
- 研究生阶段学习心得(一)
在研究生或者博士期间,如果有能力的话应该把科研和未来产品化和市场化的东西结合起来,一方面研究生毕业,另一方面也可以在以后赚钱,为自己增加经济收入. 论文其实应该基于现实生活的,但是大家现在做的论文许多 ...
- Python第三阶段学习redis day01
Redis-day01-note Redis介绍 特点及优点 1.开源的,使用C编写,基于内存且支持持久化 2.高性能的Key-Value的NoSQL数据库 3.支持数据类型丰富,字符串strings ...
- Python第三阶段学习 Django day06
- 计算机网络课学习心得,计算机网络课程学习心得
计算机网络课程学习心得 计算机网络课程学习心得 除笔试外,还采取机试综合大作业.小组课题设计等考试形式,客观地反映学生对所学知识的把握程度. 计算机络学习心得1:计算机络课程学习心得(4199字) 通 ...
- grasp介绍、应用及学习心得
grasp介绍.应用及学习心得 一.grasp介绍 二.grasp应用 三.学习心得 一.grasp介绍 引言: 设计模式是关于类和对象的一种高效.灵活的使用方式,也就是说,必须先有类和对象,才能有设 ...
- 【4月答题挑战】关于我的学习心得与感受
[4月答题挑战]关于我的学习心得与感受 Code_流苏(CSDN) 目录 一.4月答题挑战 1.奖励设置 2.参与方式 3.活动周期 4.答题提醒 二.4 月答题挑战勋章 1.4月答题挑战勋章图 2. ...
最新文章
- 送一台27寸高清显示器
- C# socket 解析http 协议
- 04 ORA系列:ORA-00984 列在此处不允许 SQL parse error location
- NetBeans无法使用编码GBK安全打开文件
- 叉乘点乘混合运算公式_期末复习|人教版二年级上册数学概念和公式总结
- 限制网速 制造测试条件
- xfce的面板调节声音大小的按钮不见了。
- 【无码专区5】01串(大讨论+构造)
- envoy api 网关_为Envoy构建控制平面的指南-特定于域的配置API
- php mysql 实现原理_PHP底层和mysql的通信原理
- 满意度指数能够告诉我们什么?
- abaqus·复合材料建模技术与应用
- 合并照片到word中
- 淘宝返利微信公众号怎么使用微信返利机器人查淘宝优惠券及淘宝购物返利?
- js数组的reduce方法
- 1.1 软件的定义、特征和分类
- 《安富莱嵌入式周报》第269期:2022.06.06--2022.06.12
- JavaSE阶段笔记
- 点云obb盒显示 python
- Android-移动支付 支付宝 微信 银联