简介
在调用通义千问的流式接口时，内容是流式的一点点生成的。这里使用的并不是 WebSocket 而是 SSE（Server-Sent Events）
流式响应允许服务器在数据完全生成之前就开始向客户端发送数据。SSE 是一种允许服务器主动向客户端推送更新的技术。与 WebSocket 不同，SSE 只支持单向通信（从服务器到客户端），但它更简单，只需要一个普通的 HTTP 连接。
以下是使用 JavaScript 创建 SSE 的基本步骤：
创建对象：在客户端使用 new EventSource(url) 方法创建一个新的 EventSource 实例，其中 url 参数是事件源的 URL
用于缩放图像的JavaScript库，像Medium网的一样。
特征
📱 响应式——可在移动和桌面上扩展🚀 性能卓越，重量轻——优化至每秒60帧⚡️ 高清支持——在缩放时加载图像的高清版本🔎 灵活性——将缩放应用于选定的图像🖱 鼠标、键盘和手势友好——点击任意位置、按键或滚动以关闭缩放🎂 事件处理——当缩放进入新状态时触发事件📦 自定义——设置自己的边距、背景和滚动偏移🔧 可插拔——将您自己
JavaScript 在浏览器环境中通常是单线程执行的，这意味着在同一时间只能有一个脚本在运行。这是因为 JavaScript 设计之初是为了操作 DOM 和处理用户交互，如果允许多个脚本同时修改 DOM，那么可能会导致不可预测的行为。
然而，JavaScript 单线程并不意味着它是阻塞的或没有并发能力的。JavaScript 通过其事件循环机制和异步编程模型（如回调函数、Promise、async/await 等），能够实现非阻塞的 I/O 操作和其他异步任务。
但是，在JavaScript中，长时间计算会阻塞UI线程，导致应用无法响应用户操作。为了避免这种情况，可以将长时间计算的代码放在
URL 是一个内置的 JavaScript 对象，它提供了处理和构造 URL 的方法。它使得解析、构建以及操作 URL 变得更加容易。使用 URL 对象可以创建一个新的 URL 对象，或者解析一个已有的 URL 字符串，并且可以获取或设置 URL 的各个部分，如协议、主机名、端口、路径名等。
下面是如何使用 URL 构造函数来创建一个 URL 对象的基本示例：
// 创建一个 URL 对象
const url = new URL('https://example.com/path?query=string#hash');
// 获取 URL 的各个部分
console.log(url.hre
URLSearchParams 是一个内置的 JavaScript 对象，它用于处理查询字符串，即 URL 中跟在问号 (?) 后面的部分。这个对象可以用来创建、解析、操作 URL 的查询字符串，并从中获取值。它非常适用于发送 GET 请求给服务器，或者处理从服务器返回的带有查询参数的 URL。
下面是一些 URLSearchParams 的基本用法示例：
创建 URLSearchParams 对象
直接构造：
const params = new URLSearchParams();
从查询字符串构造：
const params = new URLSearchParams('key1
JSON Web Tokens (JWT) 是一种用于在各方之间安全传输信息的紧凑、URL 安全的方式。它常用于认证流程中，以减少每次请求时需要重新验证完整会话信息的情况。然而，正确地存储 JWT 是至关重要的，因为如果存储不当，它们可能会被恶意第三方获取并滥用。
以下是关于如何安全地在 Cookie 和 Web Storage 中存储 JWT 的一些建议：
推荐方案
首选存储在 Local Storage 中。
在安全方面最大的收益便是天然的CSRF免疫，因为不会被浏览器自动发送。 如果你使用了这种方法，后端并不需要花费时间精力来做CSRF相关的防护。
JS可以直接读取JWT，方便使用。
在Web开发中，操作cookie是一项常见的需求。虽然JavaScript本身并没有直接提供操作cookie的API，但是可以通过操作document.cookie属性来实现对cookie的操作。下面是一些基本的示例来展示如何使用JavaScript来设置、获取和删除cookie。
设置Cookie
设置一个cookie通常是在响应中通过Set-Cookie头完成的，但是在客户端的JavaScript代码中，可以利用document.cookie来模拟这个过程：
function setCookie(name, value, days) {
var expires = "";
在使用Three.js导入3D模型时，通常会涉及到几个步骤，包括准备3D模型文件、选择合适的加载器以及在场景中添加模型。下面是一个基本的流程：
1. 准备3D模型文件
首先确保你的3D模型文件是Three.js支持的格式。常见的格式有 .glb（GLTF二进制格式），.gltf（GLTF JSON格式），.obj （加上.mtl材质文件），.fbx 等等。
2. 选择加载器
Three.js 提供了多个加载器来处理不同类型的3D模型文件。例如：
GLTFLoader 用于加载 .glb 和 .gltf 文件。
OBJLoader 用于加载 .obj 文件。
FBXLoader 用于加载 .f
requestAnimationFrame (RAF) 是 JavaScript 中的一个函数，它用于在下一次重绘之前请求浏览器调用一个指定的函数。这对于创建动画非常有用，因为你可以将每一帧的绘制工作安排在屏幕的下一次重绘之前。这样可以提高性能，并且使得动画更加流畅。
下面是一个简单的使用 requestAnimationFrame 创建动画的例子：
步骤 1: 创建 HTML 文件
首先，你需要一个基本的 HTML 文件来显示你的动画。
!DOCTYPE html
html lang="en"
head
meta charset="UTF-8"
title
scrollIntoView() 是一个在JavaScript中用于滚动浏览器窗口直到指定的元素进入视口的方法。这个方法对于让用户聚焦到页面上的特定部分非常有用，比如在用户完成表单或点击链接后需要高亮显示某些信息。
下面是一个基本的使用 scrollIntoView() 的例子：
// 假设页面中有一个id为 'myElement' 的元素
var element = document.getElementById("myElement");
// 将该元素滚动到视口内
element.scrollIntoView();
scrollIntoView() 方法有可选的参数，可以用来控制如何滚
在JavaScript中，操作剪切板通常涉及到读取或写入文本到系统的剪切板。过去浏览器一般使用 document.execCommand('copy') 之类的实现剪切板的操作。现代浏览器通过navigator.clipboard API提供了对剪切板的原生支持。这个API包括writeText()方法用于写入文本，以及readText()方法用于读取文本。
下面是一个简单的例子，展示如何使用这些方法：
写入文本到剪切板
async function copyToClipboard(text) {
try {
await navigator.clipboard.writ
1. 什么是 Proxy？
Proxy 是 JavaScript 中的一个构造函数，它允许你拦截并定义基本操作的行为。它有两个参数：一个是目标对象（target），另一个是处理器对象（handler）。通过定义处理器对象中的方法，你可以定制目标对象的行为。
2. 创建 Proxy
创建一个 Proxy 需要使用 new Proxy(target, handler) 构造函数。这里 target 是你想要拦截的对象，而 handler 是一个包含了多个方法的对象，这些方法定义了如何拦截和处理特定的操作。
3. 处理器对象中的方法
处理器对象中可以定义多个方法来拦截不同的操作。以下是一些常见的方法
在JavaScript中，Set 是一个内置的对象，它允许你存储任何类型的唯一值，无论是原始值或对象。下面是一个关于如何使用 Set 的简单教程：
创建 Set 对象
创建一个空的 Set 对象非常简单：
let mySet = new Set();
也可以通过传递一个数组或其他可迭代对象来初始化 Set：
let mySet = new Set([1, 2, 3, 4]);
添加元素到 Set
你可以使用 add 方法来添加新元素：
mySet.add(5);
mySet.add('some string');
如果尝试添加一个已经存在的元素，则 add 方法不会改变 Set 并返回 fal
html2canvas 是一个 JavaScript 库，它允许你将 HTML 内容渲染为 Canvas 元素，进而可以导出为图片。这对于打印或者保存网页的快照非常有用。以下是如何使用 html2canvas 的基本步骤：
1. 安装 html2canvas
如果你正在使用模块化 JavaScript 或者构建工具（如 Webpack），你可以通过 npm 来安装 html2canvas：
npm install html2canvas
2. 导入 html2canvas
在你的 JavaScript 文件中导入 html2canvas：
import html2canvas from 'ht
使用 JavaScript 生成二维码常常用到 qrcode 和 qrcodejs，本文主要介绍 qrcode。
git clone https://github.com/davidshimjs/qrcodejs.git
在 HTML 中，引用 qrcode.js 文件。
script src="qrcode.js" /script
简单的示例：
div id="qrcode" /div
script type="text/javascript"
new QRCode(document.getElementById("qrcode"), "https://javascrip
HTML textarea 元素简介
HTML textarea 标签用于在网页上创建一个多行的文本输入控制台，允许用户输入较长的文本段落。与单行的 input 标签不同，textarea 允许文本换行，并且用户可以自由地调整输入区域的大小（如果设置了相应的属性）。这对于收集用户的评论、反馈、描述等大量文本信息非常有用。
基本语法结构如下：
textarea name="textareaName" rows="numberOfRows" cols="numberOfColumns"
默认显示的文本内容（可选）
/textarea
各属性解释：
name: 必需属性，为
HTML中的 input type="checkbox" 元素用于创建复选框，允许用户从多个选项中选择多项。下面是一个基本的教程，帮助你理解和使用HTML中的复选框。
基本用法
最基本的复选框可以通过以下代码创建：
Html
input type="checkbox" id="option1"
label for="option1" 选项1 /label
input type="checkbox" 定义了复选框。
id属性为复选框分配一个唯一的标识符，这对于关联 label 标签非常重要。
label 元素通过for属性与对应的输入元素关联，提高用户体验。当用户点击标签文本时，
在HTML中， input type="radio" 元素用于创建单选按钮，让用户从多个互斥的选项中选择一个。这些单选按钮通过共享相同的name属性值来实现互斥，意味着同一组内的单选按钮中只能有一个被选中。基本结构如下：
input type="radio" id="option1" name="exampleGroup" value="value1"
label for="option1" 选项1 /label br
input type="radio" id="option2" name="exampleGroup" value="value2" checked
lab
HTML select 下拉列表简介
在HTML中， select 元素用于创建一个下拉列表，允许用户从多个预定义的选项中选择一个。这个元素通常与 option 元素一起使用，每个 option 代表下拉列表中的一个可选项。基本结构如下：
select name="dropdownName"
option value="value1" 显示文本1 /option
option value="value2" selected 显示文本2 /option
option value="value3" 显示文本3 /option
/select
name属性是必
日期选择器
input type="date" 是HTML中用于输入日期的输入类型。这个元素提供了一个用户友好的界面，专门用于选择日期值，通常会根据用户的浏览器和操作系统显示一个日历控件。用户可以通过点击日历图标选择一个日期，而不是手动输入日期格式。
基本用法如下：
label for="myDate" 选择日期： /label
input type="date" id="myDate" name="myDate"
在这个例子中，id 和 name 属性被用来标识这个输入字段，这对于后端处理表单数据和前端使用JavaScript操作该输入值时非常有用。
注意几点：
输入的日