0%

事件处理

  • 事件三要素:
    • 事件源(承载事件的对象)
      • 获取事件源 DOM 对象
    • 事件类型(触发操作)
      • 添加对应事件监听
    • 事件处理(回调函数)
      • 书写处理回调

事件绑定与解绑

  • dom0 和 dom2 分别使用独立的事件绑定与解绑方式
  • dom1 和 dom3 没有新的事件绑定方式
  • dom0 同一类型事件多次添加后添加的会覆盖前面的,只保留最后一次的事件
  • dom2 同一类型事件多次添加会依次执行
阅读全文 »

子节点与父节点

子节点常用属性

节点类型 nodeName nodeType nodeValue
文本节点 #text 3 文本内容
元素节点 大写元素标签 1 null
注释节点 #comment 8 注释内容
阅读全文 »

webhook

使用 github webhook 实现网站自动部署,服务器端部署 webhook 客户端后,git push 操作触发服务器自动执行 git pull 操作,实现自动部署。

客户端

github 上有一个 go 语言开发的客户端,部署非常方便:
https://github.com/adnanh/webhook

阅读全文 »

BOM 简介

  • BOM 是 Browser Object Model 的缩写,译为 浏览器对象模型
  • BOM 没有统一标准可以遵循,每个浏览器都有自己的实现
  • BOM 根本上只处理浏览器窗口和框架,但习惯上把针对浏览器的扩展也认为是 BOM 的一部分:
    • 弹出新窗口的功能
    • 移动,缩放,关闭浏览器窗口的功能
    • 提供浏览器详细信息的 navigator 对象
    • 提供浏览器所加载页面详细信息的 location 对象
    • 提供用户显示器分辨率详细信息的 screen 对象
    • 对 cookie 的支持
    • 像 XMLHttpRequest 和 IE 的 ActiveXObject 这样的自定义对象
阅读全文 »

DOM 简介

  • DOM 是 Document Object Model 的缩写,译为 文档对象模型
  • DOM 是针对 XML 但经过扩展用于 HTML 的 应用程序编程接口( API,Application Programming Interface)
  • DOM 不只是针对 javascript 的,很多其它语言也实现了 DOM
  • DOM 规范解释了文档的结构并提供了对其进行操作的对象
  • DOM 提供了使程序和脚本有能力去动态访问和更新文档内容、结构及样式的方法和接口
  • window 是 浏览器窗口对象,document 是 window 下的一个属性,代表整个 DOM 对象模型
  • DOM 把整个页面映射为一个 多层节点结构,称为 DOM 树 HTML 或 XML 页面中的每个组成部分都是某种类型的节点,这些节点又包含着不同类型的数据
    • 以 html 为根节点,各种标签形成分支节点组成倒立的树状结构,称为 DOM 树
    • 通过 DOM 提供的方法去获取或操做的节点称为 DOM 对象
  • DOM 节点:
    • 元素节点 标签
    • 属性节点 标签属性
    • 对象节点 文本内容
    • 注释节点 注释说明
阅读全文 »

内置基本类型(17种)

数值类型

  • 整数类型
    • int(别名 byte
    • int8
    • int16
    • int32(别名 rune
    • int64
    • uint
    • uint8
    • uint16
    • uint32
    • uint64
    • uintptr
  • 浮点数类型
    • float32
    • float64
  • 复数类型
    • complex64
    • complex128

整数类型的值有四种字面量形式:

  • 二进制 (binary),以 0b0B 开头 ,golang 1.13 以上支持
  • 八进制 (octal),以 00o0O 开头,golang 1.13 以上支持
  • 十进制(decimal),不能0 开头
  • 十六进制(hex),以 0x0X 开头

字符串类型

  • string

布尔值类型

  • bool

2020 Happy New Year!

回顾

2019 年结束了,这一年过的平淡无奇,留下了些许遗憾,

国庆节结束后,本来想学习 golang,但由于各种原因最后决定学前端,

个人网站的建设有了初步进展,学生主机的 1M 带宽凑合自己玩,

github 迟迟未开坑,哎,又是碌碌无为的一年。

阅读全文 »

JSON 对象

方法 作用 参数 返回值
stringify() 将对象或数组对象封装为 json 字串发送至后端 对象 json 字串
parse() 将后端收到的 json 字串转化为对象,供前台展示 json 字串 对象
阅读全文 »

对象定义

在 javascript 中,对象是一系列无序键值对的集合,javascript 中对象的概念类似于 python 中的字典

阅读全文 »

函数的作用

  • 解决代码冗余问题,提高代码复用率
  • 实现代码的模块化
  • 封装代码,是函数内部代码对外部不可见

函数三要素

  • 函数名,最好使用动词,经常使用 getset 作为前缀
  • 参数,定义函数是括号内的为形参,调用函数时传递实参,形参一般是变量,实参是具体的值
  • 返回值,函数通常会通过 return 返回值作为函数调用表达式的值,若无 return 默认返回 undefined
  • 函数是否需要参数和返回值需要具体判断
阅读全文 »