返回介绍

第一课时 入门基础

发布于 2024-09-07 17:38:19 字数 2138 浏览 0 评论 0 收藏 0

知识点

  • 操作系统就是个应用程序
  • 只要是应用程序都要占用物理内存
  • 浏览器本身也是一个应用程序
  • 浏览器本身只懂得解析 HTML
  • 调用浏览器这个应用程序的一个功能绘制

    1、javascript 介绍

  • JavaScript 操作 DOM 的本质是=获取+触发+改变
  • 目的:就是用来操作内存中的 DOM 节点
    • 修改 DOM 节点的属性
    • javascript 语法组织逻辑代码操作 DOM
    • BOM(window) 它包含了 DOM
    • DOM(document)
    • script 脚本推荐放在最下边好处:防止因网络问题,页面加载时间长,出现空白;即便网络问题,浏览器也把 DOM 加载渲染完成,等待从服务端下载完 js 脚本,出现效果
    • css 不放在最下面原因通俗地讲:好比先穿好衣服在出去,浏览器先把 css 样式准备好,在加载结构层,使得页面有样子;如果放在下面,因为页面是从上往下加载,没有 css ,就剩下裸露的标签,很难看,使得用户体验不好

2、基于对象的内存管理

  • javascript 就是来操作这些对象
    • 通过逻辑组织对象之间的关系和行为
    • 如何操作这些对象?通过变量引用

3、变量

  • 变量本质是一个空盒子,里面记录了一个内存地址,使能找到内存中的对象,保存了指向具体的实在的东西的地址
  • 变量存在栈中,对象存在堆中
  • 变量的意义:方便我们去操作对象
  • 变量的几种引用方式
    • 指针( C 语言中叫法)
    • 引用( Java
    • 变量
  • 例如:
    • var b = document.body 含义:把 body 这个对象在内存中的地址放到 b 变量里面,变量 bb 是内存地址的别名)本身也存在内存中,以后的操作是针对 body 这个地址
  • 变量命名规范
    • 由字母( a-zA-Z ) 数字( 0-9 ) 下划线( _ ) 以及美元符号( $ )
    • 不能由数字开头
    • 命名尽量用英文并且具有一定的含义
    • 如果有多个英文单词,后面单词的首字母大写
    • 不能使用关键字
    • 首字母不要大写,大写是有特殊含义的

DOM 在内存中的一些图示

DOM Tree

DOM 内存图

DOM 内存图

DOM 内存图

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文