YZBTDIY

拥抱开源

0%

发表于 分类于

Promise 简介

  • Promise 是异步编程的一种解决方案，比传统的回调函数和事件解决异步更加合理和灵活
    • 异步操作
      • 文件处理
      • 网络请求 (AJAX, 爬虫)
      • 数据库操作
      • 定时器
  • Promise 支持链式调用，可以解决 Callback Hell (回调地狱)
    • 回调地狱: 外部回调函数异步执行结果是内部嵌套的回调执行的条件
    • 回调地狱不便于阅读和异常处理
  • 语法上 Promise 是一个构造函数
  • 功能上 promise 对象用来封装一个异步操作并可以获取其成功或失败的结果值

文档

阅读全文 »

发表于 分类于

Ajax

  • ajax 全称为 Asynchronous Javascript And XML，就是异步的 js 和 xml
  • ajax 请求是一种特殊的 http 请求，可以动态更新网页数据而无需重载页面
  • 浏览器使用 XHR（XMLHttpRequest）对象或 fetch 函数发送 ajax 请求
阅读全文 »

发表于 分类于

IDE 的选择

VSCode

对于开发者来说，一个好的开发工具至关重要，在众多 IDE 中 我选择了 VScode，微软的一款轻量级开发工具，对应的开源版本为 VSCodium，就像 Chrome 与 Chromium，有开源版本我当然会用开源版本，但 VScode 的远程开发功能在 VSCodium 中无法使用，这一点使我暂时放弃了 VSCodium，远程开发功能让服务器端写代码像在本地一样，虽然目前还是预览功能，但体验了一下我只能说真香。

强烈推荐 FiraCode 编程字体，只需体验三分钟，你就会跟我一样 … …

阅读全文 »

发表于 分类于

jquery 简介

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

使用

<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 按下 / 弹起
阅读全文 »