YZBTDIY

拥抱开源

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），以 0b 或 0B 开头 ，golang 1.13 以上支持
  • 八进制 （octal），以 0 或 0o 或 0O 开头，golang 1.13 以上支持
  • 十进制（decimal），不能以 0 开头
  • 十六进制（hex），以 0x 或 0X 开头

字符串类型

  • string

布尔值类型

  • bool

发表于 更新于 分类于

2020 Happy New Year!

回顾

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

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

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

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

阅读全文 »

发表于 更新于 分类于

JSON 对象

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

发表于 更新于 分类于

对象定义

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

阅读全文 »

发表于 更新于 分类于

函数的作用

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

函数三要素

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