2024-05-09
浏览器中的尺寸大小和位置
2024-05-09 ~ 2024-05-17
在页面渲染的过程中,获取一个窗口或元素的尺寸大小及位置信息是必要的。鉴于市面上浏览器的多种多样以及某些历史原因,相关的一些元素属性和 API 可能有差异,这里我们以它们在 Chrome 中的表现为准,展开聊一下相关方面的东东 ~
2023-09-04
JS 高级程序设计·摘录
2023-09-04 ~ 2024-04-16
封面 作者简介 数字版权声明 扉页 版权页 献词 译者序 序 前言 致谢 目录 第1章 什么是JavaScript 1.1 简短的历史回顾 1.2 JavaScript实现 1.3 JavaScript版本 1.4
2023-05-25
Ajax
2023-05-25 ~ 2023-09-07
什么是 Ajax ?
2023-05-25
Canvas
2023-05-25 ~ 2023-09-07

> 近来要开发一个手写板程序,顺便来系统回顾一下 Canvas 这个东东……

🔔 本篇摘录自 《学习 HTML5 Canvas 这一篇文章就够了》 ,写的真不错。

<canvas> 是 HTML5 新增的一个可以使用脚本(通常为 JavaScript)在其中绘制图像的 HTML 元素。

![[assets/Pasted image 20230525170231.png|400]]

> 上图就是使用 canvas 绘制出来的

Canvas 是由 HTML 代码配合高度和宽度属性而定义出的可绘制区域。JavaScript 代码可以访问该区域,类似于其他通用的二维 API,通过一套完整的绘图函数来动态生成图形。

2023-05-25
JS 中的拖放
2023-05-25 ~ 2023-09-07

拖放是一种常见的特性,即抓取对象以后拖到另一个位置。在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。

*注:Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持拖动。

2023-05-25
MVX
2023-05-25 ~ 2023-09-07
MVVM ? MVC ? MVP ?
2023-05-25
Promise
2023-05-25 ~ 2023-09-07

:: 这篇 Promise 仅是摘录使用,内容很散碎……

Promise 是一个对象(可以用来绑定回调函数),它代表了一个异步操作的最终完成或者失败。因为大多数人仅仅是使用已创建的 Promise 实例对象,所以我们首先说明怎样使用 Promise,再说明如何创建 Promise 。

2023-05-25
React
2023-05-25 ~ 2024-05-10

📔 快速入门 – React 中文文档

具体安装及引入细节,请直接参考官方文档。

React 是一个用于构建用户界面的 JavaScript 库,你可以用它给简单的 HTML 页面增加一点交互,也可以开始一个完全由 React 驱动的复杂应用。

> 对的,它只是一个 UI 库而已 !!!

2023-05-25
Virtual Dom
2023-05-25 ~ 2023-09-07
Before learning Virtual DOM, lets take a look at DOM.
2023-05-25
文件转换
2023-05-25 ~ 2023-09-07
JavaScript 中的 file、blob 和 base64 。
2023-05-25
模块化编程
2023-05-25 ~ 2023-09-07

每一个领域的内容,都要有先问一下 – 是什么?为什么?做什么?怎么做?

  • 是什么?简述概念;
  • 为什么?历史发展,出现的原因,优缺点;
  • 做什么?主要应用场景;
  • 怎么做?具体使用方法步骤。
2023-05-25
浏览器
2023-05-25 ~ 2023-09-07

了解浏览器,它已经成为主流的信息传递方式,并将持续壮大!
了解它的内核、构成及动作方式。

![[assets/Pasted image 20230525174227.png|300]]

> 蒂姆·伯纳斯·李 (1955.06.08 - )

2017 年,他因 “发明万维网、第一个浏览器和使万维网得以扩展的基本协议和算法” 而获得 2016 年度的图灵奖。

2023-05-25
跨域
2023-05-25 ~ 2023-09-07

i.e. Cross Domain

🔔 本文摘录自 浏览器同源政策及其规避方法

2023-05-25
防抖与节流
2023-05-25 ~ 2023-09-07

i.e. Debounce and Throttle

为什么需要防抖和节流?它们是什么?有什么区别?适用场景是什么?