add: 笔记

00-前端工具/01-VS Code的使用.md

@@ -363,8 +363,6 @@ Mac 用户按住快捷键 `Cmd+Shift+P` （Windows 用户按住快捷键`Ctrl+Sh
 
 
 
-
-
 ### 1、修改主题
 
 1）修改颜色主题：
@@ -577,6 +575,10 @@ VS Code 会根据你所打开的文件来决定该使用空格还是制表。也
 
 ![20211012_1704](http://img.smyhvae.com/20211012_1704.png)
 
+### 16、自动删除行尾的空格
+
+打开设置项，搜索`files.trimTrailingWhitespace`，将选项勾选，即可在保存文件时自动删除行尾的空格。
+
 
 
 > 接下来，我们来讲一些更高级的操作。

03-CSS进阶/CSS开发积累.md

@@ -18,27 +18,42 @@ flex布局常用的三行代码：
 
 ### 让文字只显示一行，超出显示省略号
 
-```
+```css
 	overflow: hidden;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 
 ```
 
-
 ### 让文字最多只显示两行，超出后显示省略号
 
-```
+```css
-	overflow:hidden;
+	display: -webkit-box;
-	text-overflow:ellipsis;
+	-webkit-box-orient: vertical;
-	display:-webkit-box;
+	-webkit-line-clamp: 2;
-	-webkit-box-orient:vertical;
+	overflow: hidden;
-	-webkit-line-clamp:2;
+	text-overflow: ellipsis;
 ```
 
+上面的代码中，我们把 `-webkit-line-clamp`的值设为1，也能达到“让文字只显示一行，超出显示省略号”的效果。
+
 参考链接：<https://blog.csdn.net/NN_nan/article/details/55045562>
 
 
+### 让文字最多只显示三行，超过后显示省略号
+
+> 如果当前元素处于flex布局等复杂的场景中，那么，样式可能比较难调，用上面两种写法未必能达到预期效果。此时可以试试下面这种写法（多加了一行 `white-space: normal`）。
+
+```css
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: normal;
+```
+
+
 
 ### 问题描述：文本内容里自带了换行，但是在前端没有展示出来
 

04-JavaScript基础/13-对象简介.md

@@ -104,9 +104,9 @@ const person = {
 
 ## 对象的属性值补充
 
-### 对象的方法【重要】
+### 什么叫对象的方法【重要】
 
-对象的属性值可以是任何的数据类型，也可以是个**函数**（也称之为方法）。换而言之，**如果对象的属性值是函数，则这个函数也被称之为对象的“方法”**。
+对象的属性值可以是任意的数据类型，也可以是个**函数**（也称之为方法）。换而言之，**如果对象的属性值是函数，则这个函数可被称之为对象的“方法”**。
 
 ```javascript
 const obj = new Object();

09-移动Web开发/03-Less详解.md

@@ -393,7 +393,7 @@ PS：我发现，我安装的 node.js v8.9.4 版本，已经自动添加了环
 
 ![](http://img.smyhvae.com/20180226_2212.png)
 
-然后重启资源管理器（或者重启电脑）。在 cmd 中输入 `lessc`，如果能看到下面的效果，说明 less编译环境安装成功：
+然后重启资源管理器（或者重启电脑）。在 cmd 中输入 `lessc`，如果能看到下面的效果，说明 less 编译环境安装成功：
 
 ![](http://img.smyhvae.com/20180226_2217.png)
 

11-Node.js/03-Node.js开发环境安装.md

@@ -113,8 +113,11 @@ proxy
 ```bash
 nvm install 版本号
 
-# 举例
+# 安装举例
-nvm install 8.10.0
+nvm install 12.20.0
+
+# 使用该版本
+nvm use 12.20.0
 ```
 
 输入 `node -v`，查看当前使用的 node 版本。

16-前端综合/01-2022年Web前端开发流程和学习路线（详尽版）.md

@@ -159,7 +159,7 @@ title: 01-2022年Web前端开发流程和学习路线（详尽版）
 
 （1）目录结构设计、代码风格
 
-（2）公共组件、工具类设计：确保**可复用**、高内聚低耦合的原则。哪些可以复用京喜平台的公共组件，哪些需要自己单独写 components、utils。
+（2）公共组件、工具类设计：确保**可复用**、高内聚低耦合的原则。哪些可以复用平台的公共组件，哪些需要自己单独写 components、utils。
 
 （3）弹窗设计：如果一个页面有多个弹窗，建议先设计一个抽象的弹窗基类。**设计弹窗时，需要考虑的是**：
 

16-前端综合/2022年-前端日记.md

@@ -1,10 +1,9 @@
-
 ### 2022-03-30
 
-有些Mac设备里，Safari浏览器的默认字体竟然是宋体，这太奇怪了。建议在页面的 body 标签设置**字体族**的优先级，还是很有必要的：
+有些 Mac 设备里，Safari 浏览器的默认字体竟然是宋体，这太奇怪了。建议在页面的 body 标签设置**字体族**的优先级，还是很有必要的：
 
 ```css
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
 ```
 
 参考链接：
@@ -13,7 +12,7 @@
 
 ### 2022-04-27
 
-在flex布局的容器里，如果发现某个子元素的尺寸与预期不符，说明这个子元素可能是被挤掉了。
+在 flex 布局的容器里，如果发现某个子元素的尺寸与预期不符，说明这个子元素可能是被挤掉了。
 
 解决办法是给这个子元素设置如下属性，则表示它不会被挤压：
 
@@ -21,18 +20,48 @@
 flex-shrink: 0;
 ```
 
-
 ### 2022-09-26-从 html 富文本中提取纯文本（通过正则表达式）
 
 ```js
 // 写法1
-const text = html_str.replace(/<[^<>]+>/g,"");
+const text = html_str.replace(/<[^<>]+>/g, '');
 
 // 写法2
-const reg = new RegExp('<[^<>]+>','g');
+const reg = new RegExp('<[^<>]+>', 'g');
-const text = html_str.replace(reg ,"");
+const text = html_str.replace(reg, '');
 ```
 
 参考链接：
 
-- [js提取html字符串的文本方法总结（去html标签） - 掘金](https://juejin.cn/post/7020985945218351135)
+-   [js 提取 html 字符串的文本方法总结（去 html 标签） - 掘金](https://juejin.cn/post/7020985945218351135)
+
+### 2022-11-16-修改页面内引入的 iframe 页面内部元素的样式
+
+参考代码：
+
+```js
+document.getElementById('ifm').onload = function () {
+    document
+        .getElementById('ifm') //获取到iframe
+        .contentWindow //获取到iframe的window
+        .document //获取到iframe的document
+        .getElementById('ifmh1').style.color = 'orange'; //正常获取元素 //修改样式
+};
+```
+
+注意，`iframe.contentDocument` 是 `iframe.contentWindow.document` 的简写。
+
+参考链接：
+
+- [修改页面内引入的iframe页面内部元素的样式](https://zhuanlan.zhihu.com/p/31296331)
+
+- [终于搞懂了 Iframe （跨窗口通信）](https://juejin.cn/post/7127916577684471845)
+
+
+### 2022-11-17-VS Code报错semi-colon expectedcss(css-semicolonexpected)的解决方法
+
+这可能是VS Code 的一个bug。
+
+出现这个问题, 可能并不是该条CSS语句出现问题, 而是它之前的CSS。所以请检查它之前的CSS有没有不完整或不正确的。
+
+参考链接：[VS Code报错semi-colon expectedcss(css-semicolonexpected)的解决方法 - 话语的服侍](https://blog.class4ever.com/2943.html)