CSS知识点（一）
CSS知识点（一） 1、CSS选择器 基本选择器 元素选择器（直接使用HTML元素） 123p { color: blue;} 类选择器（使用 . 加上类名) 123.container{ margin: 0 auto;} ID选择器（使用 # 加上ID名） 123#header{ background-color
ServiceWorker
Service Worker 一、概述Service Worker 是一种在浏览器后台运行的脚本，与网页（主线程）完全分离。运行在独立线程中，不直接操作 DOM，而是通过事件机制与页面进行通信。它要求在 HTTPS 环境下运行（或 localhost 环境下开发）。 其主要作用包括： 拦截网络请求：通过监听 fetch 事件，Service Worker 能够捕获页面的网络请求，返回缓存内容或自定
ApplicationCache
应用缓存(Application Cache) 一、需求来源在 HTML5 出现之前，Web 应用主要依赖 Cookie 或服务器端技术来实现部分离线功能，但这两种方式都有明显的局限性（如容量小、同步性差等）。应用缓存旨在解决离线运行问题，使得用户即使在没有网络连接的情况下也能访问预先缓存好的静态资源，提升用户体验。 二、工作原理 清单文件（manifest file） 应用缓存的核心在于一个纯文
LeetCode10：和为K的数组
10.和为K的数组题目给你一个整数数组 nums 和一个整数 k ，请你统计并返回 该数组中和为 k 的子数组的个数 。 子数组是数组中元素的连续非空序列。 示例 1： 12输入：nums = [1,1,1], k = 2输出：2 示例 2： 12输入：nums = [1,2,3], k = 3输出：2 提示： 1 <= nums.length <= 2 * 104 -1000
WebWorker
WebWorker（HTML5新引入技术） 一、基本概念JS 在浏览器中默认运行在单线程环境中，所有任务（渲染、事件处理等）都在同一线程上执行。如果某个任务耗时过长，就可能导致页面冻结、响应迟缓。Web Worker允许我们创建新的线程，专门用来处理耗时任务，从而避免主进程被阻塞。 二、工作原理Web Worker 与主线程之间采用消息传递进行通信。主线程与 Worker 线程之间不能共享同一上下
PAT09：数字黑洞
9.数字黑洞题目题目描述12345678910111213给定任一个各位数字不完全相同的4位正整数，如果我们先把4个数字按非递增排序，再按非递减排序，然后用第1个数字减第2个数字，将得到 一个新的数字。一直重复这样做，我们很快会停在有“数字黑洞”之称的6174，这个神奇的数字也叫Kaprekar常数。 例如，我们从6767开始，将得到 7766 - 6677 = 1089 9810 - 018
HTML知识点（三）
HTML知识点（三）1、Canvas和SVG的区别 Canvas 使用是基于像素（位图）的绘图方式。当调用绘图API时，实际是在对一个固定分辨率的像素矩阵进行修改，绘制完成后，这个矩阵的状态就保存在Canvas中。后续的每一次绘制都是在当前画布进行重新绘制。 1234567<canvas id="myCanvas" width="300" height
HTML知识点（二）
HTML知识点（二）1、img的srcset属性作用？srcset：提供实际可用的图片资源。 按图像宽度描述 123<img src="small.jpg" srcset="small.jpg 500w, medium.jpg 1000w, large.jpg 1500w" alt="..."> 按图像
