0%

Git 简介

Git 是一款开源的分布式的版本控制系统,由 Linux 之父 Linus Torvalds 开发,最初的目的是为了便于维护 Linux 内核,如今已成为最流行的版本控制系统。

官网:https://git-scm.com/

阅读全文 »

jquery 简介

jquery 是一个快速,小巧,功能丰富的 javascript 库。其独特的 API 使 html 文档的遍历,事件处理,动画和 Ajax 等变得简单。

使用

1
<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.js"></script>
阅读全文 »

canvas

  • <canvas> 标签是一个图形容器,需要使用 javascript 来绘制图形
  • <canvas> 标签是 inline-block 元素,标签内部是浏览器不支持 <canvas> 标签时显示的内容
  • <canvas> 元素默认宽度 300px,默认高度 150px,只能通过标签属性设置宽高,不能通过 css 设置(会改变像素的宽高比),不需要写单位,以像素计数
阅读全文 »

inheritance(继承)

  • 在某种情况下,一个类会有“子类”,子类比原本的类(称为父类)要更加具体化
  • 子类会继承父类的属性和行为,并且也可包含它们自己的
  • 当一个类从多个父类继承时,我们称之为“多重继承”

encapsulates(封装)

  • 封装面向对象编程隐藏了某一方法的具体运行步骤
  • 封装是通过限制只有特定类的对象可以访问这一特定类的成员,而它们通常利用接口实现消息的传入传出

polymorphism(多态)

  • 由继承而产生的相关的不同的类,其对象对同一消息会做出不同的响应
  • 多态性的概念可以用在运算符重载上

鼠标事件

  • onclick 单击
  • onmouseover / onmouseout 移入移出,从父元素移入子元素会切换事件对象,事件委派不应使用
  • onmounseenter / onmouseleave 移入移出,从父元素移入子元素不会切换事件对象
  • onmousemove 移动
  • onmousedown / onmouseup 按下 / 弹起
阅读全文 »

事件处理

  • 事件三要素:
    • 事件源(承载事件的对象)
      • 获取事件源 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

阅读全文 »