LearningRecord
LearningRecord copied to clipboard
Rashomon511
学习资料汇总、阅读记录，持续学习,每天进步一点点.🏫🏫
重置（Resetting）： 重置意味着除去所有的浏览器默认样式。对于页面所有的元素，像margin、padding、font-size这些样式全部置成一样。你将必须重新定义各种元素的样式。 标准化（Normalizing）： 标准化没有去掉所有的默认样式，而是保留了有用的一部分，同时还纠正了一些常见错误。 按照业务情况来绝对使用那种方式
缺点： - iframe会阻塞主页面的Onload事件 - 搜索引擎的检索程序无法解读这种页面，不利于SEO - iframe和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载 - 使用iframe之前需要考虑这两个缺点。如果需要使用iframe，最好是通过javascript动态给iframe添加src属性值，这样可以绕开以上两个问题 优点： - iframe能够原封不动的把嵌入的网页展现出来。 - 如果有多个网页引用iframe，那么你只需要修改iframe的内容，就可以实现调用的每一个页面内容的更改，方便快捷。 - 网页如果为了统一风格，头部和版本都是一样的，就可以写成一个页面，用iframe来嵌套，可以增加代码的可重用。 - 如果遇到加载缓慢的第三方内容如图标和广告，这些问题可以由iframe来解决
href href标识超文本引用，用在link和a等元素上，href是引用和页面关联，是在当前元素和引用资源之间建立联系 若在文档中添加href ，浏览器会识别该文档为 CSS 文件，就会并行下载资源并且不会停止对当前文档的处理。这也是为什么建议使用 link 方式加载 CSS，而不是使用 @import 方式。 src src表示引用资源，替换当前元素，用在img，script，iframe上，src是页面内容不可缺少的一部分。 当浏览器解析到src ，会暂停其他资源的下载和处理（图片不会暂停其他资源下载），直到将该资源加载、编译、执行完毕，类似于将所指向资源应用到当前内容。这也是为什么建议把 js 脚本放在底部而不是头部的原因
Viewport ：字面意思为视图窗口，在移动web开发中使用。表示将设备浏览器宽度虚拟成一个特定的值（或计算得出），这样利于移动web站点跨设备显示效果基本一致。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag，让网页开发者来控制 viewport 的大小和缩放，其他手机浏览器也基本支持。 在移动端浏览器当中，存在着两种视口，一种是可见视口（也就是我们说的设备大小），另一种是视窗视口（网页的宽度是多少）。 举个例子：如果我们的屏幕是320像素 * 480像素的大小（iPhone4），假设在浏览器中，320像素的屏幕宽度能够展示980像素宽度的内容。那么320像素的宽度就是可见视口的宽度，而能够显示的980像素的宽度就是视窗视口的宽度。 为了显示更多的内容，大多数的浏览器会把自己的视窗视口扩大，简易的理解，就是让原本320像素的屏幕宽度能够容下980像素甚至更宽的内容（将网页等比例缩小） Viewport属性值 - width 设置layout viewport 的宽度，为一个正整数，或字符串"width-device" - initial-scale 设置页面的初始缩放值，为一个数字，可以带小数 - minimum-scale 允许用户的最小缩放值，为一个数字，可以带小数 - maximum-scale 允许用户的最大缩放值，为一个数字，可以带小数...
```javascript /* 方法一 */ a = a + b; b = a - b; a = a - b; /* 方法二 */ a = a - b; b = a...
> css 选择器匹配元素是逆向解析 - 因为所有样式规则可能数量很大，而且绝大多数不会匹配到当前的 DOM 元素（因为数量很大所以一般会建立规则索引树），所以有一个快速的方法来判断「这个 selector 不匹配当前元素」就是极其重要的。 - 如果正向解析，例如「div div p em」，我们首先就要检查当前元素到 html 的整条路径，找到最上层的 div，再往下找，如果遇到不匹配就必须回到最上层那个 div，往下再去匹配选择器中的第一个 div，回溯若干次才能确定匹配与否，效率很低。 - 逆向匹配则不同，如果当前的 DOM 元素是 div，而不是 selector 最后的 em，那只要一步就能排除。只有在匹配时，才会不断向上找父节点进行验证
```javascript section { width:100%; padding-bottom: 100%; background: #333; } ```
示例 1： nums1 = [1, 3] nums2 = [2] 中位数是 2.0 示例 2： nums1 = [1, 2] nums2 = [3, 4] 中位数是(2 + 3) / 2 = 2.5 ```javascript function...
== 和 === 的工作原理是一样的，== 和 === 都会检查操作数的类型。 == 允许在相等比较中进行强制类型转换，然后进行值的比较， 而 === 不允许，只有类型相同并且值相等时，才返回true。 == 如果两者类型不同，首先需要进行类型转换。然后比较值是否相等，具体流程如下: 1.首先判断两者类型是否相同，如果相等，判断值是否相等. 2.如果类型不同，进行类型转换 3.判断比较的是否是 null 或者是 undefined, 如果是, 返回 true . 4.判断两者类型是否为 string 和 number, 如果是, 将字符串转换成...
bundle 是由 webpack 打包出来的文件，chunk 是指 webpack 在进行模块的依赖分析的时候，代码分割出来的代码块。module是开发中的单个模块