前端进阶学习：CSS回顾与JS挑战-CSDN博客

本文链接：https://blog.csdn.net/weixin_42938619/article/details/115449796

本周笔记聚焦于深入学习HTML的JS高级内容，回顾CSS盒子模型与CSS视频进展，同时解析JS红宝书难点与MongoDB基础应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2021年3月第4周

本周落地
- 学习笔记
- - HTML
  - CSS
  - - 书
    - CSS 视频
  - JS
  - - 红宝书
    - JS 视频
  - MongoDB

本周落地

学习笔记

HTML

本周书上的内容是 JS，因为先看的「JS 高级程序设计」，所以里面的内容都有些印象。以下列出了几点自己不是很熟悉的内容：

operator in

可以判断对象是否具有某个属性，以前基本上都是直接用 if obj[variable] {} 进行判断，没有直接用过 if key in obj 的语法。

感觉从实际的操作来看区别好像也不是很大……？毕竟也没写过 obj[sth]=undefined 这种没什么意义的代码过，还是说会有什么性能上的优化？
数字转字符串
- number.toString()，里面可以跟进制，一直都用十进制还没用过二、八、十六进制……
- toExponential(n)，到现在也没怎么用过科学计数法……
- ttoPrecision(n)，一般都用 toFixed(n) 确定小数后两位，精度还真没考虑过……

其他就……没有了……

CSS

css

书

书看完了，盒子模型的总结在这里：

CSS 盒子模型

其他的部分就是可见格式化模型以及其他 CSS 布局模块，这方面的内容我打算等视频上的内容追进了之后再补，这也是出于以下几个考虑：

时间管理方面的考虑，这点下面也会细讲
其他 CSS 的布局模块在后面的章节会写到，不是很需要现在就急吼吼的全都补完，毕竟一口吃不成个胖子
「精通 CSS 高级 Web 标准解决方案」不是一本保姆级的书，但是视频是，如此剩下一些时间——我不用二倍速快进看视频，也可以减少一些搜索浮动、BFC 上的时间

说到这个，就不得不感叹一下——选错书作为第一本啃得 CSS 书了。

「精通 CSS 高级 Web 标准解决方案」绝对不是入门级的，我甚至怀疑这都不是进阶级的书……毕竟我现在才反应过来，封面上的「直接提供常见问题的解决方案，让前端架构更上一层楼」是什么意思——你至少得有 「常见问题」 、有 「前端架构」 ，才能够获得 「解决方案」 ，提升架构吧？

对于读通这本书的读者来说，能够获得「解决市面上大部分的 CSS 相关问题」的能力是毋庸置疑的，但是，「读通」这本书，本身就带有了一定的难度。毕竟，其实这本书里面的不少概念真的只是捎带而过。

CSS 视频

完成了背景(background) 的讲解，这个部分的内容到「漂亮的盒子」部分再进行复习整理
完成了五彩导航栏的案例
讲了 CSS 的三大特性：层叠，继承，权重，这个部分的内容上个礼拜也复习过了
讲了盒子模型，这部分的内容上面也总结过了
border 和 padding 的应用，这部分的内容也不是特别的多，之后做案例的时候再讲吧

JS

这 JavaScript 的图直接崩了吧……我总结完后都不是很想看……

红宝书

JS 红宝书的内容真的是太多了……可能因为是找了很多额外的，本来书中一带而过的内容吧。不过也是因为找了挺多的资料，视频里面的内容理解起来就不是很吃力了。

详细的总结在这里：

严格模式 Strict Mode 和关键字与保留词都是根据最新的 ES 生产环境的文档更新的，严格模式真的是……看了好久……至少两天吧。

基本数据类型里面，Symbol 没有细讲，那个等到看完了 prototype 再继续补作业。

函数第十章还会细讲，这里暂时略过，毕竟基础的使用也不是不会啊（趴）……

放一下本章小结：

ECMAScript 基本的数据类型包括
- Undefined
- Null
- Boolean
- Number
- String
- Symbol
- BigInt
JS 目前有两种数值数据类型，Number 不分整数和浮点类型和 BigInt 用来表示比 Number 要大的整数
为了能够写出更安全的代码，以及减少难以预测的意外，可以使用严格模式
ECMA 提供了很多的操作符
JS 流程控制和其他语言的语法很像
ECMA 中的函数与其他语言的函数差别不小
不为函数指定返回值时，函数默认返回 undefined
函数可以在函数体内的任意地方返回任意值