重点

列表更新事件：2019-08-20

软件来源：https://yun.naodai.org/Software/

https://xclient.info/

http://www.macbed.com/

原文链接：https://blog.csdn.net/laok_/article/details/75760572

一、js获取子节点的方式

1.通过获取dom方式直接获取子节点

其中test的父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。

​ 原文链接：https://harttle.land/2015/10/01/javascript-dom-api.html

经常有人讲在 IDE 中写 C#、Java 会越来越手残，那么经常用 jQuery 也会让我们忘记 JavaScript 是如何操作 DOM 的。 JavaScript的DOM操作也是面试中的常见问题，尤其是当你需要回答jQuery的性能问题时，便需要再次回到JavaScript DOM API。

传统创建标记方法

• document.write方法

• innerHTML属性

DOM方法

• createElement 方法

  创建元素节点方法：document.createElement(nodeName)

  //创建一个p元素
  var para = document.createElement('p');
  //此时p元素是文档碎片(document fragment)游离在文档之外

• appendChild方法

  添加到某元素的节点树

  parent.appendChild(child)

平隐退化

在没有javascript支持的情况下，是否网页会出现错误？

JavaScript和HTML分离

剥离页面元素与用户的逻辑操作，提供页面挂钩

JavaScript相对独立

与HIML语言相比, JavaScript语言的生存环境的要求要苛刻得多。如果 JavaScript代码不符合语法规定, JavaScript解释器(对Web应用而言就是浏览器)将拒绝执行它们并报错;而浏览器在遇到不符合语法规定的HTML代码时,则会千方百计地将其呈现出来。尽管如此,在如今的Web上还是充斥着质量低劣的 JavaScript代码

第四章：JavaScript 图片交互

<ul>
    <li><a href="images/3840x2160-3122452-creative-wallpapers.jpg" onclick="showpic(this);return false;">1</a></li>
    <li><a href="images/3840x2160-3374593-free-dusk-wallpapers.jpg" onclick="showpic(this);return false;">2</a></li>
    <li><a href="images/3840x2160-3957507-photos-wallpapers.jpg">3</a></li>
    <li><a href="images/3840x2160-4279191-stunning-retina-wallpapers.jpg">4</a></li>
  </ul>

//占位符
  <img src="images/3840x2160-3122452-creative-wallpapers.jpg" alt="" id="placeholder">

第三章 DOM

• document 文档
• object 对象
• model 模型
• 统称为文档对象模型

快捷键是提高效率的捷径

不管使用哪一个 App 或者操作系统，掌握快捷键永远提高效率最简单的方法。就像它的名字”shortcuts”一样，它的设计就是为了让你节省时间的捷径。

macOS 系统自带许多有用的快捷键，有全局的也有各个 App 自己的。Mac App 的特色是 Menubar 上的菜单如果是重要操作一般都会带有匹配的快捷键，而且实现起来非常简单。所以 macOS 生态里的快捷键非常统一。用户只需要学习一套快捷键操作，就可以复制到其他 App 里面。