欢迎使用 WordPress。这是您的第一篇文章。编辑或删除它，然后开始写作吧！

一、问题现象与核心原因 建站时，发现用IP访问：网站内容、图片、样式正常加载。而域名访问：文字样式缺失、图片不显示、CSS/JS也加载失败。 虽然困扰了我蛮久，但这其实是很简单问题，无非是这几个原因： 域名未绑定：宝塔面板未正确绑定域名。 站点地址错误：WordPress后台仍使用IP地址作为站点URL。 数据库残留IP路径：媒体库或插件引用了IP…

在日常使用电脑的过程中，很多人会遇到一个令人头疼的问题：浏览器自带的下载功能速度极慢，尤其在下载大文件、视频或网盘资源时，常常卡在几 KB/s 或几十 KB/s 的龟速状态。这不仅浪费时间，还严重影响工作效率和使用体验。其实，这个问题有一个非常简单又高效的解决方案——安装 Neat Download Manager（简称 NDM）插件与客户端，它能…

​ 一、事件监听：v-on 指令的使用 事件监听让页面 “动” 起来，v-on 指令是交互的桥梁 学习要点： v-on:事件名 可以简写为 @事件名，比如 v-on:click 简写为 @click，更简洁 事件处理函数需要在 setup 中定义并返回才能使用 对于键盘事件，可以使用修饰符指定特定按键，如 .enter 表示回车键 组合键可以通过多…

​  目录 1. 引言： 2. 什么是JavaScript操纵DOM？ 3. 常用的DOM操作方法 3.1 获取元素 1. getElementById() 2. getElementsByClassName() 3. getElementsByTagName() 4. querySelector() 和 querySelectorAll() 3.…

​ 一.什么是JavaScript JavaScript（简称 JS）是一种广泛应用于 Web 开发的高级、动态、弱类型、解释型编程语言。它最初由 Netscape 公司的 Brendan Eich 于 1995 年开发，旨在为网页添加动态交互功能。经过多年发展，JavaScript 已成为前端开发的核心技术之一，同时也在后端开发（如 Node.j…

​  目录 一、Flex 弹性布局是什么 1. WHAT 2. 应用场景： 二、基本概念 三、盒子的布局 1.基本容器 2.1 主轴的方向 2.2 主轴上的对齐方式  2.3 交叉轴上的对齐方式     一、Flex 弹性布局是什么 1. WHAT Flex 是 Flexible Box 的缩写，意为 "弹性布局"，用于为盒状模…

​ display属性值(用于元素性质的转换) 1.块级元素（display:block） 独占一行，宽度默认占满父容器，可设置宽高。独占一行 <div>, <p>, <h1>~<h6>, <ul>, <li> 等。 div { display: block; width: 2…

​ 一、浮动   语法：float: right/left/none;  目的：让块级元素呆在一行。 作用：浮动元素会脱离标准流（简称：脱标），在标准流中不占位置 半脱离特性： 盒子脱离标准流，但文字仍会环绕 表现为"脱离但未完全脱离"的特殊状态 实际表现：当第一个div浮动后，第二个div会顶替其原有位置，但文字会环绕浮动元素 类比说明…

​  一、标准流 标准流又称文档流，是浏览器渲染网页时默认采用的排版规则，即HTML标签的默认显示方式，如div独占一行、span同行排列等。 实际表现: 块级元素(如div)：从上往下，垂直布局，独占一行 行内元素或行内块元素(如span、a)：从左往右，水平布局，空间不够自动拆行 行内元素设置宽高无效，块级元素设置有效 二、定位流 属性posi…