废弃了很久的学习打卡，也好久没学新的东西了，加油冲！！！

博客维护比较费力，这里放语雀知识库

• 学习打卡2022 (opens new window)

• 有一起的老哥加我进群，互打卡

第二周

一、日常

• 周报更新一下，太多条目容易纠结，直接三类、日常、技术、热点
• 两周下来，感觉不定主题很难有比较直观的收获，开始制定每周目标

二、技术

• CSS 实现文字轮播与图片轮播 (opens new window)
  • 动画相关api很不熟，看的比较吃力，所以css学习提上计划
• CSS 实现头像名称首字符自动占位 (opens new window)
  • 利用img标签加载失败时，显示::before伪元素实现无图时的默认头像
  • 文字居中问题：强制每个文字换行，然后用text-indent 配合flex做水平居中
• 云计算的未来在哪？破解亚马逊云科技增长神话 (opens new window)
  • 说实话，没来腾讯云之前都不太清楚云计算到底是个啥
  • 试用期需要考腾讯云架构师资格证，所以也了解一部分，看了上面这个文章，u1s1，国内云计算厂商的思路和亚马逊差距确实挺大的，不过怎么说呢，市场大，未来可期吧

三、热点

• 郑州120事件：如何看待「关于网络反映郑州120延误救治事件调查和问责情况通报」的处理结果？ - 萤火虫的回答 - 知乎 https://www.zhihu.com/question/536394831/answer/2517546120 (opens new window)
  • 调查结果大无语，处罚几个人没了，网民的疑问当看不见
  • 如上面这个大哥的评论，通报结果里面关于120制度，人员是否称职一概不说
  • 热度被压，毕竟影响的是国家120的公信力，之前北京顺义120丑闻也是被压下去
  • 很无奈，也做不了什么，这就是China
• 第 209 期：程序员是怎样的人 (opens new window)
• 牛逼：重庆巫山机场位于巫山县三峡旁边的群山之中，削平了7个山头，填了6个山谷后，才形成了3000亩平地。它的海拔有1700多米，距离山脚垂直落差近1000米，乘客需要沿着盘山公路，来到山顶以后才能乘坐飞机

#

第一周

一、日常

腾讯云认证考试

• 周末考了两场，腾讯云从业者（77分）、腾讯云架构师（71分） ，差点挂，吓尿了
• 自己考报名费得1200 * 2，公司免费，2年有效期，貌似也没多大用

二、算法打卡

三、前端技术

低代码

• NocoBase (opens new window) 开源，做的挺好，本周也在做低代码相关调研，要做好这么个东西，难度以及工作量还是挺大的

补0

经常遇到产品要求即使是0也需要展示0.00的，或者日期需要判断是不是小于10再去选择补0

• toFixed 最简单，项目中对金额需要转千分位，就用了toFixed 配合toLocaleString完成
• padStart、padEnd 可以指定位数，不用判断是不是小于10再去补0

快速创建数组

const b = Array.from({ length: 31 }, (v, k) => k)

时间格式化

之前一直不知道这个还区分大小写，区分单双

• elementUI - 时间格式化规则 (opens new window)

比如：

export const transformDate = (time, format = 'YYYY-MM-DD HH:mm:ss') => 
moment(time).format(format);

transformDate(new Date().getTime())  //2022-06-01 11:12:26 
transformDate(new Date().getTime(), 'yyyy-M-d H:m:s') //2022-6-3 11:13:44
transformDate(new Date().getTime(), 'yyyy/M/d/dddd H:mm:ss') // 2022/6/3/Wednesday 11:16:11

• yyyy-MM-dd HH:mm:ss 年-月-日 时:分:秒
• HH大写，是为了区分12小时制（小写）与24小时制（大写）
• yyyy-M-d HⓂ️s 2022-5-2 19:2:4
• yyyy/yyy/yy/y 显示为 2014/2014/14/4
• MMMM/MMM/MM/M 显示为 一月/一月/01/1
• dddd/ddd/dd/d 显示为 星期三/周三(有的语言显示为“三”)/01/1

v-model和sync修饰符有什么区别

相同点：都是语法糖，都可以实现父子组件中的数据的双向通信。 区别点：

• 格式不同。 v-model="num", :num.sync="num"
• v-model： @input + value
• :num.sync: @update:num
• v-model只能用一次；.sync可以有多个。

vue v-for解构用法

<li
  v-for="{ name, id } in users"
  :key="id"
>
  {{ name }}
</li>

四、其它

DSL & GPL

• 谈谈 DSL 以及 DSL 的应用 (opens new window)

DSL 定义

DSL 其实是 Domain Specific Language 的缩写，中文翻译为领域特定语言（下简称 DSL）；而与 DSL 相对的就是 GPL，这里的 GPL 并不是我们知道的开源许可证，而是 General Purpose Language 的简称，即通用编程语言，也就是我们非常熟悉的 Objective-C、Java、Python 以及 C 语言等等。

DSL例子： Regex、SQL、HTML & CSS （声明式特点）

DSL 实现

1. 设计语法和语义，定义 DSL 中的元素是什么样的，元素代表什么意思
2. 实现 parser，对 DSL 解析，最终通过解释器来执行

设计原则和妥协

DSL 最大的设计原则就是简单，通过简化语言中的元素，降低使用者的负担；无论是 Regex、SQL 还是 HTML 以及 CSS，其说明文档往往只有几页，非常易于学习和掌握。

五、热点新闻

• 如何看待安踏女鞋海报被指有擦边嫌疑，鞋底缝隙正对女性大腿根部，客服回应「已下架相关海报」？ - 知乎 https://www.zhihu.com/question/535128670 (opens new window)
• 第 208 期：晋升制度的问题 (opens new window) - 阮一峰
• 第 205 期：互联网风口过去了吗？ (opens new window) - 阮一峰

互联网分类

2022年互联网已经开始走下坡路，接下来的风口啃就是响应国家碳中和的的新能源 （1）消费互联网：争夺消费者的时间和金钱，电商、直播都属于这一类。这个行业已经告别了增量时代，进入存量时代。 （2）企业互联网：为企业服务，公有云和 SaaS 工具属于这一类。据我所知，它们过去一年都活得很不错。就算宏观经济不好，如果云服务可以帮企业省钱，企业还是愿意买的。 （3）产业互联网：针对某个垂直产业的互联网应用，比如华为去年成立五大军团（煤矿军团、港口军团、光伏军团、公路军团等），就属于这一类。