- 博客(44)
- 收藏
- 关注
RSS订阅原创 Vue3 + uni-app 自定义导航栏的方法封装（考虑平台兼容性)
在模板中添加一个填充盒子，其高度为状态栏高度 + 导航栏高度，防止内容被固定定位的导航栏遮挡。素材来源于B站的咸虾米老师视频，再加上自己的一点理解，老师讲的非常好，非常通俗易懂，推荐。动态绑定样式，确保在不同设备上都能正确显示。），并兼容处理获取失败的情况（返回 0）。获取胶囊按钮的位置信息（），然后计算出导航栏高度。
2025-10-02 15:29:33
185
原创 Vue3中的父子组件通信（defineProps，defineEmits，defineExpose）
其自身的 DOM 树已经创建完成并插入了父容器中。注意仅当根容器在文档中时，才可以保证组件 DOM 树也在文档中。（template ref）——用来“抓 DOM 元素”或“抓子组件实例”。这个钩子通常用于执行需要访问组件所渲染的 DOM 树相关的副作用，或是在。——跟模板引用毫无关系，只是 Vue 的“响应式变量”。，但还没挂载到 DOM，父的同步代码仍在跑。（ref）拿到子组件内部的数据/方法。，拿不到真实 DOM/子组件实例。——它只保证“第一次渲染完成”。绑定的 DOM 或子组件实例）
2025-09-27 21:59:35
1761
原创 三行 CSS 代码实现“单行文本溢出显示省略号”
这三行必须，缺一不可，否则省略号不会生效。此外，（如或max-width），否则文本不会“溢出”，也就不会触发省略号。
2025-09-22 15:00:55
114
原创 Vue3中使用Axios网络请求数据的方法
Axios 是一个基于网络请求库，作用于和浏览器中。它是的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.jshttp模块, 而在客户端 (浏览端) 则使用 XMLHttpRequest。
2025-09-22 09:17:08
273
原创 CSS选择器（含新增）
出来的虚拟元素，专门用于样式化目的。浏览器在渲染时，会根据 CSS 的指令，在文档中插入这些虚拟的内容节点。这是伪元素最核心的特征之一。它的存在完全由 CSS 规则定义，与 HTML 结构完全分离。这类选择器根据用户界面元素的状态（如是否被点击、禁用等）进行选择。这类选择器根据元素在文档树中的位置关系来匹配元素。这类选择器根据元素的属性及其值来匹配元素。值必须是由空格分隔的单词列表。(这里的“类”泛指类、属性、伪类)这些是选择器最核心、最常用的部分。功能最强大，但也最宽泛。用于明确元素之间的结构关系。
2025-09-05 14:08:38
608
原创 HTML5新增的input类型
显示为一个普通的文本输入框。对于不支持的浏览器，用户仍然可以手动输入内容，只是体验没那么好。你还可以配合 JavaScript 来做更复杂的验证或提供 polyfill（功能补丁）。不是所有浏览器都支持这些新类型。不支持的浏览器会将其视为。
2025-09-05 11:25:19
218
原创 HTML5新增的语义化标签
HTML5 新增的语义化标签是前端开发中一个非常重要的进步。它们本身没有特殊的样式，但为网页内容提供了，让浏览器、搜索引擎和屏幕阅读器能更好地理解页面内容。
2025-09-05 11:06:42
1817
原创 JavaScript--异步编程
如果所有操作都是同步的，一个耗时的网络请求就会卡住整个页面，导致用户无法进行任何操作（按钮点击无响应、页面无法滚动），体验极差。我们无法像写同步代码一样，一行一行地等待结果。是一种编程模式，允许代码在等待一个耗时操作（如网络请求、读写文件、定时器）完成的同时，继续执行后续的任务，而不是“阻塞”在原地等待。：ES2017 引入，基于 Promise 的语法糖，让异步代码看起来和同步代码一样直观，是当前最推荐的写法。（即下一个操作依赖于上一个操作的结果）时，不得不将回调函数嵌套在另一个回调函数内部。
2025-09-03 17:27:32
2101
原创 面向结构编程和面向对象编程
核心思想：像写菜谱或说明书一样写代码。你把完成一个任务所需要的每一个步骤，从头到尾、一步一步地写下来。代码是围绕着 “步骤” 和 “数据” 来组织的。怎么建房子？打地基砌墙盖屋顶安装门窗刷墙代码就会像这样（伪代码）： 特点：核心是“过程”：代码是线性的，关注“先做什么，后做什么”。数据和操作是分离的：数据（）和操作数据的函数（）是分开定义的。就像一本说明书：逻辑清晰，但一旦项目变大，说明书会变得非常冗长复杂，难以修改。比如你想修改“墙”的结构，可能需要在整个代码的各个地方去找所有和“墙”相关的操
2025-09-03 10:05:53
343
原创 JavaScript--封装
将对象的内部状态和复杂逻辑保护起来，只暴露必要的操作接口。：提供一个清晰、稳定、易于使用的方式来与对象交互，避免外部代码直接操作内部数据，从而减少耦合，提高代码的可维护性和健壮性。封装就是把对象的，只通过受控接口（getter/setter）对外暴露，作用是在防止外部随意篡改的同时，让内部规则（校验、计算、缓存等）始终成立。
2025-09-03 09:52:44
461
原创 JavaScript--继承
语法：使用来创建一个子类。构造函数：子类的必须调用，并且要在使用this之前调用。super关键字super(...)在构造函数中调用父类构造函数。在方法中调用父类的方法。内部原理extends建立了的原型链，实现了方法的继承。静态方法：父类的静态方法也会被继承。继承内置类：可以继承ArrayMap等内置类，创建功能强大的自定义数据结构。
2025-09-03 09:41:58
309
原创 JavaScript--Object.creat()
是 JavaScript 中用于创建新对象的方法，它允许你指定新对象的原型对象。基本功能和使用1. 创建以指定对象为原型的对象
2025-09-02 22:07:27
215
原创 JavaScript--静态方法
静态方法是直接绑定到类本身而不是类实例的方法。这意味着您可以直接通过类调用静态方法，而无需创建类的实例。不能用实例调用。return '这是一个静态方法';// 实例方法return '这是一个实例方法';// 调用静态方法// "这是一个静态方法"// 创建实例调用实例方法// "这是一个实例方法"
2025-09-02 21:49:26
210
原创 JavaScript--原型继承和构造函数
原型（Prototype）是 JavaScript 中实现继承的基础。每个 JavaScript 对象（除null外）都有一个内置属性（在浏览器中可通过__proto__访问），它指向另一个对象，这个对象就是它的“原型”。你可以把它理解为一个“备用仓库”或“委托对象”。当你试图访问一个对象的属性或方法时，如果这个对象自身没有找到，JavaScript 引擎就会自动去它的（即它的原型）上去找，如果还找不到，就继续去原型的原型上找，直到找到或到达链条的尽头（null这条链就叫做原型链。prototype。
2025-09-02 17:06:11
748
原创 JavaScript--事件委托
事件委托是一种利用事件冒泡机制，将事件处理程序绑定在父元素上，而不是每个子元素上，通过事件目标（event.target）来判断具体是哪个子元素触发事件的技术。
2025-09-02 09:39:36
326
原创 CSS/HTML--内联元素，块级元素和行内块元素
可以设置宽高、margin、padding。两个行内元素：在同一行，上下margin无效。两个行内块元素：在同一行，但可以设置尺寸。：左右有效，上下无效（不会影响行高）：不独占一行，与其他行内元素在同一行。：宽度高度由内容撑开，无法直接设置。：总是从新行开始，占据整个可用宽度。：默认宽度100%，高度由内容决定。：与其他行内元素在同一行显示。两个块级元素：各占一行。
2025-09-01 19:43:00
258
原创 JavaScript--setTimeout 与 clearTimeout，setInterval和clearInterval
方法用于在指定的毫秒数后执行一次代码或函数。方法用于每隔指定的毫秒数重复执行代码或函数。返回一个正整数，表示间隔定时器的ID。返回一个正整数，表示定时器的ID。方法用于取消先前通过。
2025-09-01 15:50:44
329
原创 JavaScript--forEach 和for ...of的区别
是 Array 的方法，所以主要用于数组。虽然其他类数组对象或集合（如 NodeList, Map, Set）也可能有自己实现的。你只是想简单遍历数组并对每个元素执行一个操作。（在超大数组时差异可能更明显）。方法，但这取决于该对象本身。，并且你需要等待它们完成。这是两者最关键的差异。是语言语法，可以用于。
2025-09-01 08:55:55
139
原创 JavaScript--数组的常见方法
接受一个整数值（正数或负数），返回该索引对应的元素。负整数表示从数组的最后一个元素开始倒数。，而是返回一个新的数组，包含从开始索引到结束索引（不包括结束索引）之间的元素。如果为负数，则从数组末尾开始计算。将一个数组（或类数组对象）的所有元素连接成一个字符串并返回这个字符串。此方法不会更改现有数组，而是返回一个新数组。如果省略，则提取到数组末尾。匹配给定索引的数组中的元素。将数组中元素的位置颠倒，并返回该数组的引用。要返回的数组元素的索引（位置），允许负数。，返回被删除的元素组成的数组。并返回数组的一部分。
2025-08-31 17:38:27
502
原创 JavaScript--闭包（浅浅理解）
闭包 = 函数 + 创建该函数时所在的词法环境函数能够记住并访问它被创建时的作用域中的变量，即使函数在那个作用域外执行。后续持续更新。。。。。
2025-08-30 22:01:45
118
原创 JavaScript--var，let和const
/ - 块级作用域2. 变量提升（Hoisting） - 提升并初始化为 / - 提升但不初始化（暂时性死区）3. 重复声明 - 允许重复声明/ - 不允许重复声明
2025-08-30 21:38:12
255
原创 JavaScript--立即调用函数表达式（IIFE）和现代语法糖
/ 方式1：括号包裹函数console.log('立即执行！');})();// 方式2：括号包裹整个表达式console.log('立即执行！');}());// 方式3：使用其他运算符!console.log('立即执行！');}();console.log('立即执行！');}();
2025-08-30 20:55:09
180
原创 JavaScript--函数的应用（Function）
是指被作为参数传递给另一个函数，并在某个特定时间或条件满足时被调用的函数。接受一个或多个函数作为参数。返回一个函数作为结果。
2025-08-30 16:56:08
149
原创 JavaScript--普通对象和可迭代对象
就是我们用字面量{}或创建的对象。是的集合属性没有固定的顺序（虽然现代JS引擎会保持添加顺序）- 不能直接用for...of循环主要用于存储和访问数据。
2025-08-30 11:04:00
282
原创 JavaScript--可选链和空值合并操作符
用于在访问一个深层嵌套的对象属性时，如果中间的某个属性是。时，返回其右侧操作数，否则返回左侧操作数。这样的错误，我们不得不写很长的条件判断。：这是一个逻辑运算符，当其。运算符会在左侧操作数为。）时返回右侧操作数。
2025-08-30 08:41:58
304
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人