JavaScript原理的相关内容

文章 2022-05-13 来自：开发者社区

《JS原理、方法与实践》- canvas作图（二）- 组合、剪切、坐标检测

#### 组合与剪切组合与剪切主要是对应多个图形来说的，组合指的是多个图形重叠时的组合方式，剪切是指使用路径来指定绘图的区域，类似于Photoshop中的蒙版的效果。###### 组合图形的组合是通过globalCompositeOperation属性来操作的，该属性可以取下面的值：* source-over: 后绘制的图形覆盖原图，该值为默认值* source-in: 保留后绘制图形和原图形重....

文章 2022-05-13 来自：开发者社区

《JS原理、方法与实践》- canvas作图（一）

###### canvas简介canvas标签是HTML5标准最受欢迎的一个标签，它的作用就相当于一块画布，可以通过JS脚本在canvas上面进行绘画，而且还可以对画面的内容进行修改，通过不断修改可以实现动画的效果，再跟事件结合后就可以制作游戏了！canvas标签及其所对应的JS对象HTMLCanvasElement本身非常简单，它们主要包含width、height两个属性和一个getConte....

文章 2022-05-13 来自：开发者社区

《JS原理、方法与实践》- 本地存储

本地存储就是指在浏览器中存储数据，是相对于服务器中存储数据来说的。#### 1. 本地存储的分类浏览器的本地存储主要包括4种方式： Cookie、Storage、SQL数据库和IndexedDB。###### CookieCookie提出来得最早，其最初得设计目的只是为了保存用户得登录信息，所以并不适合保存大量数据。Cookie容量小，将保存得数据拼接成字符串得形式跟程序进行操作。没打开一个网址....

文章 2022-05-13 来自：开发者社区

《JS原理、方法与实践》- HTML5简介

HTML5是近几年非常热门的话题，它提供了很多使用功能，例如：* 本地存储* canvas作图* WebSocket* 多线程* 获取地理位置* 富文本编辑器* 公式编辑器#### 本地存储本地存储主要包含Cookie、Storage和IndexedDB数据库三种方式。不同数据库存储上限：Cookie: 4kStorage: 5M（chrome），不同浏览器上限大小不同IndexedDB: 无上....

文章 2022-05-13 来自：开发者社区

《JS原理、方法与实践》- 其他对象

#### history对象history对象用于保存window对象浏览过的历史记录，它一共包含3个方法属性和一个数值属性：* go(num):跳转到指定页* back(): 前一页* forward():后一页* length: 浏览过页面的个数go方法可以跳转到浏览过的页面，当num大于0向后（新页面）跳，num小于0时向前（旧页面）跳。back = go(-1); forward = g....

文章 2022-05-13 来自：开发者社区

《JS原理、方法与实践》- localtion对象

localtion对象的作用是对当前窗口（或框架）的地址进行读写，主要包含8个读写属性和3个方法属性。#### 8个读写属性* href: 超链接地址，页面的完整url地址内容* protocol: 页面所使用的协议* hostname: 主机名* port：端口号* host: 主机地址，包括主机名和端口号* pathname：页面路径地址* search: 查询内容* hash: 锚点#....

文章 2022-05-13 来自：开发者社区

《JS原理、方法与实践》- window对象

BOM是Browser Object Mode的缩写，表示浏览器对象模型。ES是一种语言，跟具体环境没关系。DOM的作用是将文档转换为相应的对象，它跟具体环境也没有关系。而DOM则是一种将浏览器这个具体的环境对应为一种对象的模型，它提供了ES跟浏览器之间进行交互的桥梁。因为DOM没有自己的标准，所以不同浏览器的实现细节并不相同，但是它们还是有很多统一的地方。虽然BOM没有自己的标准，但是HTML....

文章 2022-05-13 来自：开发者社区

《JS原理、方法与实践》- DOM事件

事件就是用来完成“当...时做...”的功能，也就是起监听作用。事件给我们提供了一个跟文档对象进行沟通的接口。事件主要由三部分组成：事件的目标（EventTarget）、事件监听器（EventListener）和事件本身（Event）。事件的目标可以理解为事件的主人，也就是谁的事件，在DOM中就是各种Node节点；DOM中的事件监听器可以理解为处理事件的函数；事件就是当事件目标（EventTar....

文章 2022-05-13 来自：开发者社区

《JS原理、方法与实践》- DOM中的HTML标准

虽然HTML中的接口数量非常多，但是结构很简单。首先是HTMLDocument和HTMLElement，这两个接口分别继承自Core标准中Document和Element，它们在原来的基础上添加了HTML特有的属性。然后是两个Collection: HTMLCollection和HTMLOptionsCollection。![HTML子标准的整体结构](https://upload-images....

文章 2022-05-13 来自：开发者社区

《JS原理、方法与实践》- DOM核心

## Node在DOM中文档的结构是以节点来表示的，所有的元素（对象）都叫做节点。节点有很多类型，总的节点对象叫做Node，Node下面具体分为10个子类型，子类型中的CharacterData对象又进行细分。![HTML DOM Tree 实例](https://upload-images.jianshu.io/upload_images/2789632-5700a02cd89dc3e3.pn....

共有244条

< 1 ... 14 15 16 17 ... 25 >

跳转至： GO

更新时间 2025-06-06 16:43:29

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

JavaScript更多原理相关

JavaScript您可能感兴趣

产品推荐

{"optioninfo":{"dynamic":"ture","static":"true"},"simplifiedDisplay":"newEdition","newCard":[{"iconImg":"https://img.alicdn.com/tfs/TB1JWN9qggP7K4jSZFqXXamhVXa-200-200.png","ifIcon":"img","link":"https://img.alicdn.com/tfs/TB1XY8hGYr1gK0jSZFDXXb9yVXa-1740-328.png","title":"Node.js 性能平台","des":"Node.js 性能平台（Node.js Performance Platform）是面向中大型 Node.js 应用提供 性能监控、安全提醒、故障排查、性能优化等服务的整体性解决方案。提供完善的工具链和服务，协助客户主动、快速发现和定位线上问题。","btn1":"申请开通","link1":"https://common-buy.aliyun.com/?spm=5176.179584.935956.btn1.6bd0276eYr3tGs&commodityCode=npp#/open","contentLink":"https://www.aliyun.com/product/nodejs","btn2":"产品文档","link2":"https://help.aliyun.com/product/60298.html?spm=5176.179584.935956.btn2.6bd0276eYr3tGs","infoGroup":[{"infoName":"入门指导","infoContent":{"firstContentName":"产品快速入门","firstContentLink":"https://help.aliyun.com/knowledge_detail/60338.html?spm=5176.179584.935963.2.6bd0276eYr3tGs","lastContentName":"常见问题","lastContentLink":"https://help.aliyun.com/knowledge_detail/60418.html?spm=5176.179584.935963.3.6bd0276eYr3tGs"}},{"infoName":"最佳实践","infoContent":{"firstContentName":"内存泄露案例","firstContentLink":"https://help.aliyun.com/document_detail/64011.html?spm=a2c4g.11174283.6.570.159030b1bBdKke"}},{"infoName":"产品动态","infoContent":{"firstContentName":"产品最新动态","firstContentLink":"https://www.aliyun.com/product/news?spm=5176.179584.1266814.211view.6bd0276eYr3tGs&category=233&product=261"}}],"btn3":""}],"card":[],"search":[],"infoCard":[],"title":{"mainTitle":"mPaaS","subtitle":"源自于支付宝小程序框架，亿级线上业务体量的锤炼，安全性媲美支付宝原生能力。不仅面向自有 App 投放小程序，更可快速构建打包，覆盖支付宝、淘宝、钉钉等应用。","linkUrl":"https://www.aliyun.com/product/mobilepaas/mpaas-miniprogram","btnText":"查看详情"},"visual":{"topbg":"https://img.alicdn.com/tfs/TB1bQuBIYH1gK0jSZFwXXc7aXXa-3840-740.gif","icon":"","textColor":"dark"},"dataList":[{"summary":"啦啦啦","author":"wuwu","linksUrl":"#"}],"sceneCard":[],"txt":[]}

{"$env":{"JSON":{}},"$page":{"env":"production"},"$context":{"optioninfo":{"dynamic":"ture","static":"true"},"simplifiedDisplay":"newEdition","newCard":[{"iconImg":"https://img.alicdn.com/tfs/TB1JWN9qggP7K4jSZFqXXamhVXa-200-200.png","ifIcon":"img","link":"https://img.alicdn.com/tfs/TB1XY8hGYr1gK0jSZFDXXb9yVXa-1740-328.png","title":"Node.js 性能平台","des":"Node.js 性能平台（Node.js Performance Platform）是面向中大型 Node.js 应用提供 性能监控、安全提醒、故障排查、性能优化等服务的整体性解决方案。提供完善的工具链和服务，协助客户主动、快速发现和定位线上问题。","btn1":"申请开通","link1":"https://common-buy.aliyun.com/?spm=5176.179584.935956.btn1.6bd0276eYr3tGs&commodityCode=npp#/open","contentLink":"https://www.aliyun.com/product/nodejs","btn2":"产品文档","link2":"https://help.aliyun.com/product/60298.html?spm=5176.179584.935956.btn2.6bd0276eYr3tGs","infoGroup":[{"infoName":"入门指导","infoContent":{"firstContentName":"产品快速入门","firstContentLink":"https://help.aliyun.com/knowledge_detail/60338.html?spm=5176.179584.935963.2.6bd0276eYr3tGs","lastContentName":"常见问题","lastContentLink":"https://help.aliyun.com/knowledge_detail/60418.html?spm=5176.179584.935963.3.6bd0276eYr3tGs"}},{"infoName":"最佳实践","infoContent":{"firstContentName":"内存泄露案例","firstContentLink":"https://help.aliyun.com/document_detail/64011.html?spm=a2c4g.11174283.6.570.159030b1bBdKke"}},{"infoName":"产品动态","infoContent":{"firstContentName":"产品最新动态","firstContentLink":"https://www.aliyun.com/product/news?spm=5176.179584.1266814.211view.6bd0276eYr3tGs&category=233&product=261"}}],"btn3":""}],"card":[],"search":[],"infoCard":[],"title":{"mainTitle":"mPaaS","subtitle":"源自于支付宝小程序框架，亿级线上业务体量的锤炼，安全性媲美支付宝原生能力。不仅面向自有 App 投放小程序，更可快速构建打包，覆盖支付宝、淘宝、钉钉等应用。","linkUrl":"https://www.aliyun.com/product/mobilepaas/mpaas-miniprogram","btnText":"查看详情"},"visual":{"topbg":"https://img.alicdn.com/tfs/TB1bQuBIYH1gK0jSZFwXXc7aXXa-3840-740.gif","icon":"","textColor":"dark"},"dataList":[{"summary":"啦啦啦","author":"wuwu","linksUrl":"#"}],"sceneCard":[],"txt":[]}}