BOM和DOM navigator对象 location对象 弹出框 计时相关 HTML DOM 树 查找标签 节点操作 事件 window.onload html Web 服务本质 HTML 是什么？ HTML 不是什么？ HTML 文档结构 HTML 标签格式 HTML 注释 标签 head 内部常用标签 body 内常用标签 img 标签 a 标签 列表 表格 form input select标签 label 标签 textarea多行文本 CSS CSS 实例 CSS注释 行内样式 内部样式 外部样式 基本选择器 组合选择器 属性选择器 伪类选择器 伪元素选择器 CSS三大特性 分组和嵌套 pass CSS网页布局 JavaScript JavaScript是什么 JavaScript如何学习 JS代码书写位置 总结 变量的定义 变量的命名规范 基本数据类型 运算符 if-else if-else if-el ...
初识Vue 渐进式开发框架 第一个Vue应用 简单的用户登录页面 Vue3 新特性 Vue模板应用 模板基础 条件渲染 循环渲染v-for指令 项目范例：代办任务列表应用 Vue组件的属性和方法 属性与方法基础 计算属性和侦听器 进行函数限流 表单数据的双向绑定 样式绑定 HTML标签绑定Class属性 范例：实现一个功能完整的用户注册页面 处理用户交互 事件的监听与处理 Vue中的事件类型 范例1：随鼠标移动地小球 范例2：弹球游戏 小节练习 组件基础 关于Vue应用与组件 组件中的数据与事件的传递 自定义组件的插槽 动态组件的简单应用 范例：开发一款小巧的开关按钮组件 组件进阶 组件的生命周期与高级配置 组件Props属性的高级用法 组件Mixin技术 使用自定义指令 使用组件的Teleport功能卡法全局弹窗 小结 ...
在Linux系统中，磁盘管理是系统管理员日常工作中不可或缺的一部分。无论是添加新硬盘、调整分区大小，还是挂载文件系统，都需要用到一系列工具和命令。本文将详细介绍 fdisk、lsblk、mount 和 resize2fs 这四个常用命令，帮助你掌握Linux磁盘管理的核心技能。 fdisk：磁盘分区工具 fdisk 是一个交互式的磁盘分区工具，用于创建、删除、修改和查看磁盘分区表。它支持MBR（主引导记录）格式的分区表。 常用功能 查看磁盘分区信息 创建新分区 删除现有分区 修改分区类型 使用步骤 查看磁盘设备 使用 lsblk 或 fdisk -l 查看当前系统中的磁盘设备。 1sudo fdisk -l 进入交互模式 对指定磁盘（如 /dev/sdb）进行操作： 1sudo fdisk /dev/sdb 常见命令 p：打印当前分区表。 n：创建新分区。 d：删除分区。 t：更改分区类型。 w：保存并退出。 q：不保存直接退出。 注意事项 操作前确保数据已备份，避免误操作导致数据丢失。 分区完成后需要使用 partprobe 刷新分区表，或者重启系统。 ...
Linux
未读适用场景：Web性能优化、静态资源管理、API响应优化 缓存基础概念 什么是缓存？ 浏览器或服务器通过缓存机制减少重复请求，提升加载速度。缓存分为 强缓存（直接使用本地资源）和 协商缓存（验证资源是否更新）。 强缓存配置 1. 定义与原理 直接命中：浏览器无需与服务器通信，直接使用本地缓存资源。 控制方式：通过 Cache-Control 和 Expires 响应头设置。 2. 关键响应头 响应头 说明 Cache-Control: max-age=3600 相对时间（1小时），优先级高于 Expires（推荐使用）。 Expires: Thu, 31 Dec 2030 23:59:59 GMT 绝对时间（依赖客户端时钟，可能误差）。 3. Nginx 配置示例 12345# 配置静态资源强缓存（1年有效期）location ~* \.(jpg|png|css|js)$ { expires 1y; # 绝对时间 add_header Cache-Control "public, max-age=31536000"; ...
Linux
未读适用场景：Web服务器配置、API接口开发、静态资源托管 跨域（CORS）基础概念 什么是跨域？ 浏览器出于安全考虑，禁止网页从一个域名（如 https://a.com）请求另一个域名（如 https://b.com）的资源。CORS（跨域资源共享）通过HTTP头字段允许服务器声明允许的源，解决跨域问题。 Nginx 配置方法 方法一：全局允许所有域名跨域 适用场景：开发环境快速测试（不推荐生产环境使用）。 配置示例 1234567891011121314151617181920212223server { listen 80; server_name example.com; location / { # 允许所有域名跨域（* 表示通配符） add_header 'Access-Control-Allow-Origin' '*' always; add_header 'Access-Control-Allow-Methods' 'GET ...
Linux
未读本文整理了Shell脚本中常用的自定义函数，涵盖文件操作、系统监控、网络管理、用户交互等场景，每个函数均提供详细注释，助力提升脚本开发效率。 基础文件操作 文件/目录存在性检查 12345678910111213# 检查文件是否存在# 参数: $1 文件路径# 返回值: 输出存在性状态file_exists() { [ -f "$1" ] && echo "✅ File exists." || echo "❌ File does not exist." }# 检查目录是否存在# 参数: $1 目录路径# 返回值: 输出存在性状态dir_exists() { [ -d "$1" ] && echo "📂 Directory exists." || echo "📂 Directory does not exist." } 文件属性获取 12345678910111213# ...
编程与编程语言 python是一门编程语言，作为学习python的开始，需要事先搞明白：编程的目的是什么？什么是编程语言？什么是编程？ 编程的目的： 计算机的发明，是为了用机器取代/解放人力，而编程的目的则是将人类的思想流程按照某种能够被计算机识别的表达方式传递给计算机，从而达到让计算机能够像人脑/电脑一样自动执行的效果。 什么是编程语言？ 上面提及的能够被计算机所识别的表达方式即编程语言，语言是沟通的介质，而编程语言是程序员与计算机沟通的介质。在编程的世界里，计算机更像是人的奴隶，人类编程的目的就命令奴隶去工作。 什么是编程？ 编程即程序员根据需求把自己的思想流程按照某种编程语言的语法风格编写下来，产出的结果就是包含一堆字符的文件。 强调：程序在未运行前跟普通文件无异，只有程序在运行时，文件内所写的字符才有特定的语法意义 所以我有话对大家说 Python是语言，而学习语言的套路都是一样的，以英语学习为例，你需要学单词，然后学语法，最后写作文。 英语的单词---------->Python中的关键字 英语的语法---------->Python的语法 英 ...
在当今互联网时代，维护文章质量、秉持开放共享精神以及保持页面流量稳定至关重要。基于这些综合考量，本站所有原创文章均采用知识共享（CC）协议中较为严格的署名 - 非商业性使用 - 禁止演绎 4.0 国际标准。撰写这篇版权协议，旨在清晰明确地阐述本站的协议标准与要求，以便大家能够合理使用本站文章。 需要强调的是，本站不嵌入任何广告，也不进行任何商业行为。违反版权协议的行为，不仅会打击原作者的创作热情，还会对整个版权环境造成负面影响。因此，强烈呼吁大家在转载本站文章时严格遵守协议。实际上，遵守协议并不会对你的目标产生实质性的负面影响，而鼓励良好的创作环境也是每个创作者的共同期望。 适用本协议的文章范围 本站所有原创内容，都会在文章标题顶部以及文章结尾的版权说明部分进行明确展示。对于原创内容的非商用转载，必须进行完整转载，并标注带有完整 URL 链接的出处，或者使用如“访问原文”之类字样的超链接。若将文章作为参考资料使用，可以无需完整转载，只需摘录所需部分内容，但同样需要标注出处。 用户可进行的操作 只要你遵守本页面所规定的许可，就可以自由地共享文章内容。你可以在任何媒介上，以任何形式复制、发 ...
