摘要:
1. 操作属性 1.1 HTML 属性与 DOM 属性的对应 1.2 属性操作方式 1.2.1 Property Accessor 1.2.2 getAttribute / setAttribute 1.2.3 dataset 自定义属性,其为 上的属性也是 的属性集。 主要用于在元素上保存数据。获 阅读全文
摘要:
1. 获取节点 1.1 直接获取节点 父子关系: 兄弟关系: 1.2 通过接口获取节点 getElementById 获取文档中指定 的节点对象。 只作用于 ,返回唯一值。 getElementsByTagName 获取指定标签元素节点的集合。此接口可直接通过元素而获取,不必直接作用于 之上。 ge 阅读全文
摘要:
1. continue、break和return的区别 循环遍历。 javascript for(let i = 0; i 阅读全文
摘要:
1. 函数 1.1 定义函数 上述函数定义如下: 关键字 指出这是一个函数定义; 是函数的名称; 括号内列出函数的参数,多个参数以 分隔; 之间的代码是函数体,可以包含若干语句,甚至可以没有任何语句。 函数体内部的语句在执行时,一旦执行到 时,函数就执行完毕,并将结果返回。 如果没有 语句,函数执行 阅读全文
摘要:
1. 什么是对象 在JavaScript中, 对象 是属性的无序集合,每个属性存放一个原始值、对象或函数。 1.1 创建对象 在JavaScript中创建对象的两种方法: ① 字面上: ② 面向对象: 注意 :在对象中,属性名永远都是字符串。如果你使用 (字面量)以外的其他值作为属性名,那它首先会被 阅读全文
摘要:
1. 什么是浮动 《精通CSS》(第3版)关于 浮动 的描述: 浮动盒子可以向左或向右移动,直到其外边沿接触包含块的外边沿,或接触另一个浮动盒子的外边沿。 浮动盒子也会脱离常规文档流,因此常规流中的其他块级盒子的表现,几乎当浮动盒子根本不存在一样。 为什么说“几乎”?因为其他元素盒子中的文本内容会记 阅读全文
摘要:
1. 布尔值为false的值 在JavaScript中,布尔值为 的值有如下几个: 或`''`(空字符串) 2. !!的作用 将上述值与 作比较。 发现 、`null==false NaN==false false !!`,结果如下: 事实上, 的作用是将值的类型强制转化为布尔类型。 3. 回顾条件 阅读全文
摘要:
精通CSS意味着不仅能写出可用的标记和样式,还能让代码好阅读、方便移植、易维护。 1.外部代码质量:调试CSS 外部代理质量就是用户能体验到的最终结果。主要体现在几个方面。 正确性。 CSS属性名都写对了吗?浏览器能否支持? 健壮性。 声明两套属性,其中一套用作旧版浏览器的后备。 性能。 页面加载快 阅读全文
摘要:
3.混合模式与合成 在图形编辑软件(比如 Photoshop )中,设计师很早就可以选择两个设计元素叠加时的颜色如何混合了。 CSS Compositing and Blending 标准使我们可以在CSS中使用图形编辑软件的 混合模式 。 最简单的混合模式是“正片叠加”(multiply),计算方 阅读全文
摘要:
1.CSS Shapes CSS Shapes 是一个新标准,旨在让Web设计者能使用各种形状。 CSS Shapes包含两组新属性,一组用于设置影响盒子中内容的形状,另一组用于设置影响形状元素周边内容流的形状。 属性只能应用给浮动元素。这个属性不改变元素自身的外观,只会通过设置形状影响其外部内容流 阅读全文