Skip to content
cookieStore 的使用

document.cookie 接口是同步的、单线程的和阻塞的。cookieStore 是异步的,基于 promise 的,因此不会阻塞事件循环。

字符串转 DOM 的几种方法和安全措施

使用 Element.setHTML() 代替 Element.innerHTML,这是浏览器的一个最新方法,可以删除 HTML 字符串中在当前元素的上下文中任何不安全或无效的元素、属性或注释。

HTML 字符集和字符编码

字符是可打印符号(字母、数字、标点符号)或非打印符号(例如,回车或软连字符)。字符集是一种编码系统,使计算机识别 Character(字符),包括字母、数字、标点符号和空格。

axios 上传下载进度显示和取消请求

Axios 是一个基于 promise 网络请求库,可用于 node.js 和浏览器中。

HTML5 dataset 的使用

data-* 全局属性是一类被称为自定义数据属性的属性,它赋予我们在所有 HTML 元素上嵌入自定义数据属性的能力,并可以通过脚本在 HTML 与 DOM 表现之间进行专有数据的交换。

HTML rel 属性的使用

rel 属性表示 “关系 (relationship) ”,在 link、a、area 和 form 元素上有效,属性值表示 link 的链接方式或与包含它的文档之间的关系。

CSS 新选择器 :is() :where() :has()

:has(selector) 匹配包含(相对于 selector 的 :scope)指定选择器的元素。它的强大之处是,可以实现父选择器和前面兄弟选择器的功能。支持所有的 CSS 选择符。

使用 grid 轻松实现各种布局

网格布局和 flex 弹性盒布局的主要区别在于弹性盒布局是一维布局(沿横向或纵向的),而网格布局是二维布局(同时沿着横向和纵向)。

CSS easing-function 的使用

easing-function 描述数值变化率的数学函数,可用于 transition-timing-function 属性和 animation-timing-function 属性。

CSS @layer 规则的使用

CSS @规则 中的 @layer 声明了一个级联层,同一层内的规则将级联在一起。也可用于定义多个级联层的优先顺序。

CSS flex 属性的几种写法

2009年,W3C 提出了一种新的方案 - Flex 布局,定义了一种针对用户界面设计而优化的 CSS 盒子模型。目前,它已经得到了所有浏览器的支持。如果学会使用它写 CSS 布局,简直太方便了。

学会 curl 几个常用命令,可以代替 POSTMAN,apipost 等工具

URL 命令行工具,cmd 和 powershell 中都可用。支持多种通信协议,包括 DICT, FILE, FTP, FTPS, GOPHER, HTTP, HTTPS, IMAP, IMAPS, LDAP, LDAPS, POP3, POP3S, RTMP, RTMPS, RTSP, SCP, SFTP, SMB, SBMS, SMTP, SMTPS, TELNET 和 TFTP。

一直想找一个系统架构和设计都足够干净的系统

vitepress的markdown插件支持的语法,一直想找一个干净的系统架构和设计都足够干净都,一直没满意的,不满意就自己设计,一直想找一个干净的系统架构和设计都足够干净都,一直没满意的,不满意就自己设计