合集-JavaScript-Basic
摘要：1、如下代码中关于script的部分，详细解释是下document是从哪里来的？ 以及this的含义通俗理解 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatibl
阅读全文
摘要：1、如何理解 == 和 潜在区别？ console.log(3 == '3') console.log(3 '3') 在 JavaScript 中，== 和 是两种不同的比较操作符，它们在比较两个值时的行为有所不同： 双等号（==） - 抽象相等运算符 这个运算符在比较两个值时会进行类型转换。如果两
阅读全文
摘要：1、JavaScript的如下语法，是不是也是类似于在C++中 堆区开辟了一块新内存 let obj = new Object() 在 JavaScript 中使用 let obj = new Object() 创建一个新对象时，其内存分配和 C++ 中的堆内存分配有一些相似之处，但也有一些关键的区
阅读全文
摘要：1、.addEventListener() 方法中，常见的操作类型除了click还有哪些? 在 JavaScript 中，.addEventListener() 方法可以监听多种事件类型，常见的操作类型包括但不限于以下几种： click：用户单击元素时触发。 element.addEventList
阅读全文
摘要：1、在如下代码中，checkAll.checked = document.querySelectorAll('.ck:checked').length cks.length 这个写法有些不太直观，可读性较低。如何理解这种写法。 <script> const checkAll = document.q
阅读全文
摘要：1、关于常见日期对象方法的注意点 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="view
阅读全文
摘要：1、BOM和DOM的直观感受，培养直觉 BOM: Browser Object Model DOM: Document Object Model 【很显然，BOM的范围要大于DOM】 2、为什么如下代码，最后控制台返回的结果是1 2 4 3而不是1 2 3 4? <script> console.l
阅读全文
摘要：1、为什么如下代码，最后一行的i打印不出，但是第1个循环外面的i却能够打印出来？ <script> for (var i = 1; i <= 3; i++) { // 块作用域 console.log(i) } console.log(i) for (let i = 1; i <= 3; i++)
阅读全文
摘要：1、toFixed()方法的作用 const num = 12.1 console.log(num.toFixed()) // 12 不填位数默认是返回整数，取整 console.log(num.toFixed(2)) // 12.00 实际上这个方法就是固定保留小数的位数 2、数组的.reduce
阅读全文
摘要：1、解释下如下代码，尤其是关于prototype的概念和使用。 最后介绍下为什么下面会提到用到prototype能够节约内存？ <script> // 构造函数 公共的属性和方法 封装到 Star 构造函数里面了 // 1.公共的属性写到 构造函数里面 function Star(uname, ag
阅读全文
摘要：1、如下代码的 .box::before 和 .mask::before 如何理解？ <style> .box { width: 200px; height: 200px; } .box::before { content: ''; display: block; width: 100%; heig
阅读全文
摘要：1、这个target参数 是什么含义，_blank 又是什么含义？ <a href="./01-标签的写法.html" target="_blank">跳转到01-标签的写法</a> 在 HTML 中，<a> 标签用于创建超链接，而 target 参数用于指定点击链接时新页面的打开方式。 targe
阅读全文
摘要：1、定义列表-这里的dl, dt, dd的全称分别是什么？ 在 HTML 中，<dl> 标签表示定义列表 (Definition List)，而 <dt> 和 <dd> 是其子元素，用于定义列表项的术语和描述。 <dt>: Definition Term，表示定义列表中的一个术语或名称（在你的例子中
阅读全文
摘要：1、如下代码，为什么只写了 .size {} 却也能够自动作用到 class="red size"? 记住两个结论即可： (1). 一个类选择器可以给多个标签使用 (2). 一个标签可以使用多个类名，class属性值写多个类名，类名用空格隔开 <!DOCTYPE html> <html lang="
阅读全文
摘要：1、理解下子代选择器 > 其实简单理解：就是不会作用于父类下的所有子类标签，仅作用到下一代的子类标签。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible"
阅读全文
摘要：1、如何理解这里的 -n + 5? <style> li:nth-child(-n+5){ background-color: orange; } </style> 理解 -n+5 主要是分解成两部分来看： -n: 这个表达式会随着 n 的增大而减小。n 通常从 0 开始，所以当 n 为 0 时，-
阅读全文
摘要：1、关于浮动 导致 脱标 的直观感受和特点总结 特点总结： 顶对齐；具备[行内块]显示模式特点；浮动的盒子会脱标[脱离标准轴的控制，不在占用标准轴的位置] 建议：为避免脱标，要么就全都浮动，要么就全都不浮动。 浮动前，注释掉.two的 float:right 执行上述代码后，发生脱标。 浏览器此时会
阅读全文
摘要：1、这一章是一个项目案例 先占位，后面补充
阅读全文
摘要：1、定位的作用理解和总结 说穿了：定位的作用就是灵活的改变标签的位置，让两个标签压在一起都可以。 2、关于垂直对齐参数的理解：vertical-align 有上图可知，默认情况下。浏览器会把图片和文字是不对齐排布的，一个偏上、一个偏下。 其实就是因为浏览器会把行内块，行内标签都当作文字处理。当成文字
阅读全文
摘要：1、transform: translate()这种写法，翻译起来并不好理解啊，因为实际是改变位置，但是 translate这个单词不是 翻译的意思吗？这怎么理解呢 首先实战中记住这个即可： transform: translate(x轴移动距离, y轴移动距离) transform: transl
阅读全文
摘要：1、Z轴位置的方向 2、视距参数的理解 经验取值范围：800~1200 注意：要添加给直接父级标签才有效，不能跨越 看到这个perspective参数，条件反射几个字：近大远小。 3、空间-旋转，左手法则的理解记忆 4、rotate3d的用法，了解即可。实际工作中用的很少 5、立体呈现效果：tran
阅读全文
摘要：1、屏幕分辨率的理解 结论：不管是电脑，还是移动设备，只要是屏幕都有逻辑分辨率和物理分辨率 这两种分辨率。 写代码的时候，参考的是逻辑分辨率。 2、关于视口标签的作用 视口标签： 规定HTML的尺寸，让HTML的宽度 = 逻辑分辨率的宽度/(or)设备的宽度 <meta name="viewport
阅读全文
摘要：1. 移动端适配方案, vw, vh 2. vh和vw能够混用吗？ 现实中，全面屏的手机会高度变大，宽度不变。
阅读全文
摘要：1、响应式网页的概念理解 简单来说：就是只用一套代码，就能够适应所有屏幕设备(小屏幕、中屏幕、大屏幕etc) 2、注意min-width, max-width 注意书写顺序： min-width: 从上往下，从小到大去书写； max-width: 从上往下，从大到小去书写； 3、媒体查询——完整写法
阅读全文
浙公网安备 33010602011771号