随笔分类 - js
摘要：父页面 <html> <body> <p>我是父页面</p> <iframe src="./sub.html" frameborder="0" width="100%" height="80%"></iframe> </body> </html> 子页面 <html> <body> <p>我是子页面
阅读全文
posted @ 2022-12-24 17:28
~LemonWater
摘要：主要知识点：通过注册oncontextmenu事件重写菜单 html+css实现简易的菜单 <html> <head> <style> html, body { width: 100%; height: 100%; margin: 0; padding: 0; } .box { background
阅读全文
posted @ 2022-12-24 16:48
~LemonWater
摘要：Web Workers API接口 通过使用Web Workers，Web应用程序可以在独立于主线程的后台线程中，运行一个脚本操作。这样做的好处是可以在独立线程中执行费时的处理任务，从而允许主线程（通常是UI线程）不会因此被阻塞/放慢。 主线程和 worker 线程相互之间使用 postMessag
阅读全文
posted @ 2022-08-15 11:49
~LemonWater
摘要：setTimeout() 超时限制-节流 /* interval()，在setInterval()时间间隔到期后调用。 * timeout()setTimeout()计时器到期后调用。 * run()，在程序启动时调用。 * logline()在间隔和计时器到期时称为，它在出现节流时显示最近的间隔和
阅读全文
posted @ 2022-08-12 16:33
~LemonWater
摘要：PromiseWorker PromiseWorker是一个ChromeWorker，调用而不是postMessage()发送消息，而是调用post()，它返回一个Promise。 PromiseWorker模块由两个JavaScript文件PromiseWorker.jsm和PromiseWork
阅读全文
posted @ 2022-08-12 16:10
~LemonWater
摘要：Web Worker 在专用workers的情况下，DedicatedWorkerGlobalScope 对象代表了worker的上下文（专用workers是指标准worker仅在单一脚本中被使用；共享worker的上下文是SharedWorkerGlobalScope (en-US)对象）。一个专
阅读全文
posted @ 2022-08-12 15:08
~LemonWater
摘要：Promise 一个 Promise 必然处于以下几种状态之一： 待定（pending）: 初始状态，既没有被兑现，也没有被拒绝。 已兑现（fulfilled）: 意味着操作成功完成。 已拒绝（rejected）: 意味着操作失败。 如果一个 promise 已经"被兑现（fulfilled）"或"
阅读全文
posted @ 2022-08-12 14:26
~LemonWater
摘要：异步JS setTimeout() 我们希望传递给setTimeout()中运行的函数的任何参数，都必须作为列表末尾的附加参数传递给它。 function sayHi(who) { alert('Hello ' + who + '!'); } let myGreeting = setTimeout(
阅读全文
posted @ 2022-08-12 13:56
~LemonWater
摘要：async/await 它保证函数的返回值为 promise。 用更少的.then()块来封装代码，同时它看起来很像同步代码 注意：可能会因为大量await的promises相继发生而变慢。 async关键字 使用 async 关键字，把它放在函数声明之前，使其成为 async function。
阅读全文
posted @ 2022-08-12 13:35
~LemonWater
摘要：DOM DOM树 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Simple DOM example</title> </head> <body> <section> <img src="dinosaur.png" alt="
阅读全文
posted @ 2022-08-12 11:48
~LemonWater
摘要：从服务器获取数据 Ajax 通过使用诸如 XMLHttpRequest 之类的API或者 — 最近以来的 Fetch API 来实现. 这些技术允许网页直接处理对服务器上可用的特定资源的 HTTP 请求，并在显示之前根据需要对结果数据进行格式化。 XHR已经面世非常之久，现在已经有了相当棒的跨浏览器
阅读全文
posted @ 2022-08-12 11:35
~LemonWater
摘要：Compositing 组合 globalCompositeOperation这个属性设定了在画新图形时采用的遮盖策略，其值是一个标识12种遮盖方式的字符串。 | 值 | 描述 | 图示 | | | | | | source-over | 默认设置，并在现有画布上下文之上绘制新图形。| | | so
阅读全文
posted @ 2022-08-12 11:04
~LemonWater
摘要：给Canvas上下文设置样式 <canvas class="myCanvas" width="700" height="500"> <p>添加恰当的反馈信息。</p> </canvas> <script> var canvas = document.querySelector('.myCanvas'
阅读全文
posted @ 2022-08-12 10:06
~LemonWater
摘要：web API web-api | 分类 | 链接 | 描述 | | | | | | 操作文档的API | 操作document | dom，html，svg | | 从服务器获取数据的API | XMLHttpRequest |XMLHttpRequest（XHR）对象用于与服务器交互。通过 XM
阅读全文
posted @ 2022-08-12 09:54
~LemonWater
摘要：Canvas Canvas API 提供了一个通过JavaScript 和 HTML的<canvas>元素来绘制图形的方式。它可以用于动画、游戏画面、数据可视化、图片编辑以及实时视频处理等方面。 canvas <canvas> 标签只有两个属性—— width和height。当没有设置宽度和高度的时
阅读全文
posted @ 2022-08-11 18:34
~LemonWater
摘要：zTree官网 https://treejs.cn/v3/api.php 涉及到zTree的异步获取 这里主要是在setting部分的设置： setting: { ..., async: {enable: true, url: getUrl }, callback: { //回调函数，实现展开功能
阅读全文
posted @ 2022-08-08 11:02
~LemonWater
摘要：Canvas -Transformations变换 save() 保存画布(canvas)的所有状态 restore() 是 Canvas 2D API 通过在绘图状态栈中弹出顶端的状态，将 canvas 恢复到最近的保存状态的方法。 Canvas状态存储在栈中，每当save()方法被调用后，当前的
阅读全文
posted @ 2022-05-26 19:59
~LemonWater
摘要：canvas -像素操作 ImageData ImageData对象中存储着canvas对象真实的像素数据。包括width，height，data（rgba的一维数组，索引值从0到(高度×宽度×4)-1） createImageData(width,height[,imagedata]): 创建一个
阅读全文
posted @ 2022-05-26 19:33
~LemonWater
摘要：canvas-点击区域 & 支持性 支持 <canvas>...</canvas>标签里的内容被可以对一些不支持canvas的浏览器提供兼容。 <canvas> <h2>Shapes</h2> <p>A rectangle with a black border. In the background
阅读全文
posted @ 2022-05-14 16:08
~LemonWater
摘要：canvas优化 渲染相似的图像 myEntity.offscreenCanvas = document.createElement("canvas");myEntity.offscreenCanvas.width = myEntity.width;myEntity.offscreenCanvas.
阅读全文
posted @ 2022-05-14 16:03
~LemonWater
浙公网安备 33010602011771号