- 博客(29)
- 收藏
- 关注
RSS订阅原创 JSON-LD 的格式
value：用于指定一个属性的“值”。@language：与@value配合使用，指定该值的语言。"name": {"@value": "苹果",@container：在@context中用于指定一个属性的值应该如何被存储，例如作为列表 (@list)、集合 (@set) 或索引 (@index1. 有固定格式它必须是有效的 JSON，并且必须包含@context等核心关键字来构成一个合法的 JSON-LD 文档。2. 有固定的关键字所有以开头的关键字（如@context@type@id。
2025-09-28 20:42:15
671
原创 JavaScript 的 type 有哪些
用于结构化数据（JSON-LD格式），帮助搜索引擎理解页面内容。: 当类型不是JavaScript时，浏览器不会执行其中的代码。: 表示脚本是ES6模块，支持import/export语法。: 通用的JSON数据，用于存储配置数据或应用数据。: 与text/javascript类似，较少使用。: 标准的JavaScript代码，现代浏览器中。: Handlebars模板，不会被作为脚本执行。: 定义模块导入映射，用于ES6模块的别名解析。: 存储纯文本数据，浏览器不会执行。: 存储HTML模板片段。
2025-09-28 20:23:32
462
原创 npm run dev （经历了什么）
启动 Next.js 的开发服务器，除了上述功能，还处理了页面路由、服务端渲染（SSR）、静态生成（SSG）等 Next.js 特有的功能。它会先执行一次完整的打包构建，生成内存中的 Bundle，然后启动服务器。如上所述，利用浏览器原生 ES 模块和支持 ESBuild 的快速预打包，启动速度极快。这保留了应用的当前状态（例如表单输入、数据、滚动位置），极大地提升了开发体验。中的库）快速地预打包成原生 ES 模块，这极大地提升了后续的加载速度。浏览器收到消息后，动态替换掉正在运行的应用程序中的旧模块，
2025-09-16 22:22:26
1286
原创 NPM 常用命令
NPM 是 JavaScript 软件包管理器 (Package Manager)，是世界上最大的软件注册表 (Registry）
2025-09-16 22:16:18
593
原创 CSS 伪类选择器
伪类选择器（pseudo-class selector）是一种用于选择HTML元素特定状态或特征的关键字，它允许开发者基于文档树之外的信息（如用户交互、元素位置或状态变化）来选择元素并应用样式。伪类选择器以冒号(:)开头，附加在基本选择器后面，用于定义元素的特殊状态。
2025-09-11 22:00:11
360
原创 CSS（引入、权重、特指度、继承）
important会打破特指度规则，但多个!任何直接应用于元素自身的样式规则，无论其特指度多低（哪怕只是一个简单的元素选择器。important优先级高于作者样式表中的!：作为最高优先级，它用于覆盖其他所有样式，但应谨慎使用，以免造成维护困难。的规则因为直接应用于元素本身，所以轻松覆盖了继承来的样式。ID选择器优先级高于类选择器，因为ID在文档中应该是唯一的。在外部样式表中，后加载的样式表会覆盖先加载的样式表。后出现的规则会覆盖先出现的规则（源代码顺序）特指度通常显示为类似"0,1,0,1"的形式。
2025-09-10 23:44:41
595
原创 CSS 继承 (Inheritance)
CSS 继承是指某些 CSS 属性如果被设置在父元素上，其值会自动流向（应用到）其所有后代元素（子、孙元素等）的特性。核心价值：通过将样式声明应用于祖先元素，可以避免在所有后代元素上重复编写相同的代码，使得样式表更简洁、更高效、更易于维护。
2025-09-10 23:19:19
977
原创 CSS 特指度 (Specificity)
CSS 特指度 (Specificity)：是一套计算规则，用于确定当多个CSS规则冲突时，哪个选择器更“具体”、更“特殊”，从而优先级更高。
2025-09-10 16:16:47
725
原创 在地址栏输入URL后，会发生哪些事
这个过程涉及了计算机网络的多个层面（应用层、传输层、网络层等）和浏览器的核心工作原理，构建 DOM → 构建 CSSOM → 构建渲染树 → 布局 → 绘制 → 合成理解这个流程对于前端性能优化至关重要，因为它帮助我们：最小化关键资源（如压缩、减少CSS/JS阻塞）。减少重排（回流）和重绘的次数（如使用transform代替修改top/left利用合成机制来创建平滑的动画。
2025-09-10 10:24:26
1629
原创 PM2 管理后端（设置项目自启动）
部署新代码(例如通过git pull安装新增依赖(如果有的话)重启 PM2 进程以使新代码生效(可选) 再次保存进程列表(通常不需要，除非你新增或删除了进程)pm2 save至此，已经拥有了一个完全体的生产环境 Node.js 服务，它具备了：后台运行崩溃自动重启服务器开机自动启动便捷的日志查看pm2 logs便捷的状态管理pm2 status以后再也不需要手动输入npm start了。
2025-09-09 15:33:50
489
原创 Vue3 生命周期函数
生命周期钩子所在阶段关键访问权限必须/典型使用场景setup()初始化无this，可定义响应式数据定义所有响应式数据、计算属性、方法挂载前虚拟DOM已就绪，无真实DOM极少使用，挂载前最后的状态修改onMounted挂载后可访问 DOM数据请求、DOM 操作、集成第三方库更新前DOM 是旧状态保存更新前的 DOM 状态（如滚动位置）onUpdated更新后DOM 已更新为新状态基于新 DOM 的操作（常与配对）卸载前所有功能仍可用清理工作！（定时器、事件、请求）卸载后。
2025-09-09 15:10:47
829
原创 Git 创建 SSH 密钥
你可以把它交给任何需要的地方（如 GitHub, GitLab, 远程服务器等），相当于锁孔，公钥只能用来加密数据或验证你的私钥签名，无法反向推导出私钥。它的用途是：为你创建的 Git commit 或 tag 提供一个密码学签名，证明这个提交确实是你本人创建的，而不是别人冒充的。输入一个你能记住但别人猜不到的密码（输入时屏幕不会显示任何字符，这是正常的），然后按。: 是现代的首选，在安全性、速度和效率方面都有优势，是目前推荐的新标准。：生成的私钥和公钥文件比传统的 RSA 密钥要小很多，更方便管理。
2025-09-08 15:03:31
1393
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人