自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 问答 (1)
  • 收藏
  • 关注

原创 浏览器文件操作API

File System Access API 是一个现代的 Web API,它允许网页应用程序以更细粒度的方式访问用户的文件系统。与传统的 <input type="file"> 元素不同,File System Access API 提供了更多的功能,包括读写文件、创建和删除目录等。这个 API 使得 Web 应用程序可以像桌面应用程序一样处理文件和目录。

2025-03-14 12:35:26 735

原创 Web Component

‌Custom Elements(自定义元素‌允许开发者创建新的 HTML 标签,通过继承类定义组件逻辑。例如,可注册标签并绑定行为‌。‌Shadow DOM(影子 DOM‌提供封装机制,将组件的 DOM 和样式与主文档隔离,避免全局污染。通过创建独立作用域‌。‌HTML Templates(HTML 模板‌使用<template>和<slot>标签定义可复用的 HTML 结构,支持动态内容插入。模板内容不会直接渲染,需通过 JavaScript 激活‌。

2025-03-07 14:45:11 447

原创 React-路由配置

【代码】React-路由配置。

2025-03-07 13:59:13 401

原创 React-异步队列执行方法useSyncQueue

【代码】React-异步队列执行方法useSyncQueue。

2025-03-07 13:48:29 320

原创 JavaScript.Part.5 对象与 this

基本数据类型引用数据类型使用typeof检查基本数据类型和函数。使用instanceof检查对象的构造函数。使用检查数组。使用进行更精确的类型检查。//精确类型检测使用来启用严格模式。可以在全局作用域或函数内部启用。严格模式有助于捕获错误并提高代码的安全性。writable: false, // 不能修改enumerable: true, // 可枚举configurable: true // 可配置});// 输出: "Alice"

2024-09-29 15:50:18 2065

原创 JavaScript.Part.4 字符串

UTF-8、UTF-16 和 UTF-32 的设计差异反映了它们在存储效率、兼容性和使用场景上的不同需求,开发者可以根据具体应用选择合适的编码方式。Unicode 是对 ASCII 的扩展,提供了更广泛的字符支持,同时保持与 ASCII 的兼容性。Unicode 使得计算机能够处理全球各种语言和符号,而 ASCII 则是其基础。Unicode码是包含了ASCII码的。Base64 编码是一种方便的方式,用于在需要以文本形式处理二进制数据的场合,确保数据的完整性和可传输性。

2024-09-27 16:47:19 1033

原创 JS贪吃蛇自动寻路之A*算法

我试了一下BFS广度优先没有太大提升,还是有局限性,所以我就直接搞A*算法,它会有更好的权重评估。

2024-08-30 15:59:59 1003

原创 JS贪吃蛇自动寻路之深度优先搜索DFS

第一个就是寻路算法,第二个是原版代码稍微调整了一下。,判断蛇状态是否合法,获取seat位置周围合法的位置,获取当前snake移动到seat后的新蛇数组,包括吃到食物的情况,获取两点之间的曼哈顿距离,就是坐标差值之和深度优先搜索算法,查找到达目标的最优路线查找当前最优的下一位置。

2024-08-23 10:53:23 1018

原创 JS贪吃蛇

JS贪吃蛇

2024-08-14 10:13:35 985

原创 JavaScript.Part.3 浏览器进程与线程

进程是资源分配的基本单位,线程是执行的基本单位。进程之间相互独立,线程之间共享资源。

2024-08-14 10:03:04 395

原创 JavaScript.Part.2 JavaScript原型链

函数与原型对象的关系函数与函数的关系原型链:原型对象与原型对象的关系。

2024-08-14 10:01:37 1825

原创 JavaScript.Part.1 JavaScript基础

JavaScript,常被简称为JS,是一种轻量级的、解释或即时编译的编程语言。它是一种主要在用户浏览器上运行的脚本语言,是Web开发中不可或缺的一部分。JavaScript的设计哲学是“弱类型”和“动态类型”,这意味着变量的类型是在运行时决定的,而不是在编译时。JavaScript最初是为了在HTML网页中添加动态交互性而创建的。它可以用来控制网页的行为,例如响应用户输入、操作HTML文档、处理数据以及与服务器进行通信。

2024-08-14 08:35:21 1840

原创 CSS.Part.2 CSS重点样式

第一个和第三个值是定义X轴和Y轴方向的关键字,先后顺序可颠倒,第二个值和第三个值则是表示其前面那个值定义的轴上的偏移量。4.3. 三值语法:此时对应设置三个属性值的情况,这三个属性值只可能是两个关键字值和一个数值或百分比,两个关键字定义X轴和Y轴位置,一个数值或百分比定义其前面的那个关键字所定义轴上的偏移量。它可以接受多种形式的值,包括颜色名称、RGB 值、HEX 值、HSL 值、RGBA 值、HSLA 值等。属性是一个 CSS 的简写属性,用于设置文字的字体、字号、字重和文字样式属性。

2024-08-13 17:07:37 676

原创 CSS.Part.1 CSS基础

CSS,全称“Cascading Style Sheets”,用于设置HTML标签的样式,美化我们的网页。

2024-08-13 17:04:50 1028

原创 HTML.Part.2 HTML文件加载、解析顺序

浏览器多线程异步优先解析script link 标签, 并加载这些资源. 就是优先加载外引js css。外引js: 先网络请求,加载js, 再阻塞html文档的解析, 直到脚本执行完。script标签: 阻塞html文档的解析, 直到脚本执行完。chrome 脚本访问css时, 阻塞这个js脚本。Firefox 所有css阻塞js脚本。

2024-08-13 17:02:56 302

原创 HTML.Part.1 HTML基础

HTML指的是超文本标记语言(Hyper Text Markup Language),它是用来描述网页的一种语言。HTML不是一种编程语言,而是一种标记语言(markup language)。

2024-08-13 16:56:49 688 1

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除