- 博客(121)
- 收藏
- 关注
RSS订阅原创 移动端 H5 页面调试工具
vConsole 是一个由 腾讯 开源的轻量级、专为移动端网页开发设计的前端 调试工具，类似于电脑浏览器中的 开发者工具，但它是专门为手机网页准备的。在开发 微信小程序网页、H5 页面、移动端 Hybrid App 内嵌页面 时特别有用，因为手机上不像 PC 那样方便打开 Chrome DevTools 进行调试。通常只在 开发环境 或 测试环境 中引入，通常我们只在 开发环境 或 测试环境 中引入。vConsole 只适用于 W
2025-10-11 11:00:00
310
原创 uni-app 视图容器组件
视图容器组件，就是用来承载其他组件和内容的“盒子”。它们本身一般不直接展示内容，而是作为布局和结构的基础。你可以把它们理解为：页面的骨架、布局的容器。所有的视图组件，包括view、swiper等，本身不显示任何可视化元素。它们的用途都是为了包裹其它真正显示的组件。
2025-10-03 13:00:00
1059
原创 CSS-Flex布局
Flex布局（弹性盒子布局）是CSS3中一种非常强大且灵活的布局方式，它能够轻松实现各种复杂的页面布局，特别适合处理组件内部元素的排列和对齐问题。Flex布局的主要思想是让容器有能力让其子项目能够改变其宽度、高度（甚至顺序），以最佳方式填充可用空间（主要是为了适应不同屏幕尺寸和设备）。Flex布局：基于弹性容器（flex container）即父元素 和 弹性项目（flex item）即 子元素，通过简单的属性设置就能控制子元素的对齐、排列和分布，非常适合一维布局（行或列）。
2025-10-02 09:30:00
755
原创 antdv- Tooltip 文字提示组件
Tooltip 是一种常见的 UI 交互组件，当用户将鼠标悬停在某个元素（如按钮、图标、文字等）上时，会自动显示一段提示文字信息，用于补充说明、提示功能、展示额外信息等。
2025-09-30 20:45:00
874
原创 CSS-Grid布局
CSS Grid（网格）布局是 CSS 中最强大的二维布局系统，它让我们能够轻松构建行与列组成的复杂网格布局，是现代网页设计中实现页面整体布局、仪表盘、表单布局、卡片网格等的理想工具。相比 Flex布局（一维布局），Grid 布局可以同时控制行和列，是真正意义上的二维布局方案。可以把它想象成一个 Excel 表格，你有行和列，每个格子可以放东西，而且你可以控制每个格子的大小、位置、对齐等。
2025-09-27 21:45:00
725
原创 uni-app 中常见的样式单位
1. rpx （最核心、最推荐）rpx是一个跨平台响应式像素单位，专门为了解决 不同设备屏幕尺寸和分辨率差异大 的问题。2. px （像素） 绝对单位，1px 就是屏幕上的 1个物理像素点，不会根据屏幕大小进行缩放3. % （百分比）4. vw / vh （视窗单位）5. em / rem （不常用，一般用于字体）6. auto
2025-09-26 09:45:00
932
原创 uni-app中page.json文件配置
pages.json 文件用来对 uni-app 进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生 tabbar 等。
2025-09-24 09:45:00
398
原创 JModal的使用
JModal：是原生 a-modal 封装，支持 a-modal 所有特性。JModal的 内容区域（插槽） 非常灵活，可以嵌入任何内容，比如表单、列表、自定义组件等。
2025-09-22 09:04:49
315
原创 BasicForm的使用
BasicForm是一个非常核心且常用的 表单封装组件，它是对 Ant Design Vue 原生 <a-form>的 高度封装和增强，简化表单开发流程，提供更强大、灵活、可维护的表单构建能力。
2025-09-19 20:00:00
239
原创 git 完整提交流程（常用命令）
git 完整提交流程（常用命令）1.创建 git 仓库（已有仓库可以省略该步骤） git init2.检查状态3.添加更改到暂存区（准备提交）git add .4.提交更改到仓库 git commit -m "提交说明"5.可查看提交历史6.分支操作（可选）7.推送更改到远程仓库（有权限的情况下） git push -u origin 分支名
2025-09-18 09:15:00
353
原创 Vue中的nextTick的使用
在 Vue 中，当修改了响应式数据（比如 ref、reactive或 data中的属性），Vue 不会立即更新 DOM，而是将这些变更放入一个队列，并在下一个“tick”（通常是微任务阶段）统一批量更新 DOM，以提高性能。简单解释：意味着当修改了数据，但 DOM 并不会马上同步更新。如果我们立刻去访问 DOM，看到的是更新前的状态！nextTick的作用就是：等修改数据引起的 DOM 更新完成后，再执行你提供的回调函数，确保你操作的是最新的 DOM。
2025-09-17 09:00:00
397
原创 “操作失败，Required request parameter ‘id‘ for method parameter type String is not present“报错解决
"操作失败，Required request parameter 'id' for method parameter type String is not present"解决
2025-09-15 15:32:48
832
原创 content-type内容类型
在调用参数的时候，需要根据需求来配置参数的数据格式。避免无法调用接口，无法获取数据。常见的有两个数据格式，一种是表单数据格式，一种是JSON数据格式。在调用接口时的Headers中的 Content-type 中可以看见什么数据类型。
2025-09-12 10:11:20
384
原创 $attrs学习
父组件传递属性 → 中间组件通过 $attrs 收集未声明的属性 → 用 v-bind="$attrs" 透传给子组件 → 子组件通过 props 接收。通过这种方式，可以避免在中间组件中冗余声明不需要的 props，让代码更简洁、维护性更高。
2025-09-05 16:28:16
459
原创 git中使用SSH的配置
git中使用SSH的配置1.复制生成 RSA密钥到（确定文件存放位置的）命令行2.粘贴密钥运行3.产生两个文件，对比4.点击SSH公钥配置5.配置完成后，使用SSH就可以克隆
2025-08-31 17:38:05
362
原创 vscode克隆远程代码步骤
vscode克隆远程代码步骤：1.复制git的https链接代码 2.在vscode中点击 代码管理-克隆仓库3.粘贴（在git里面复制的https链接）4.选择需要存储的文件位置5.确认6.代码克隆成功
2025-08-31 16:07:25
425
原创 垃圾回收(GC)机制
和生活一样，生活时间长了就会产生生活垃圾，程序运行一段时间后也会产生垃圾。在程序世界中，什么是垃圾？答：若一个对象没有任何的变量对其进行引用，那么这个对象就是一个垃圾。垃圾对象的存在，会严重影响程序的性能。在JS中有自动的垃圾回收机制，这些垃圾对象会被解释器自动回收，无需我们手动处理。对于垃圾回收，我们能做的就是将不再使用的变量设置为 null。
2025-06-18 10:13:57
591
原创 JS内存泄漏
内存泄漏的本质是本该被释放的对象，但依然还存在引用，导致无法被垃圾回收。内存泄漏：就是程序认为一个变量已经没用了（是程序对一段内存失去了控制权，而不是内存数量突然暴增），而垃圾回收机制认为这个变量还在使用，从而导致这段内存无法释放。
2025-06-11 17:56:38
382
原创 HTTP和HTTPS的区别
http：超文本传输协议，https：安全超文本传输协议，都是互联网数据传输的基础协议，核心区别在于安全性和加密机制。
2025-05-31 10:00:00
852
原创 JS高级 - 对象
对象是多个数据的封装体：将相关数据组织在一起，是保存多个数据的容器：可以存储各种类型的数据，是一个对象代表现实中的一个事物：每个对象对应现实世界中的一个实体
2025-05-27 15:16:37
223
原创 JS中对象方法与函数调用(高阶函数理解)
对象属性可以通过点符号访问数组元素可以是函数并可以被调用函数可以作为对象属性值函数可以返回其他函数（高阶函数）可以通过链式调用 func1()() 来依次调用多个函数console.log 等内置函数可以被赋值给变量并调用
2025-05-16 10:40:46
424
原创 作用域和作用域链
全局作用域：最外层的作用域，任何地方都能访问。函数作用域：函数内部的作用域，函数外部无法访问。块级作用域：let和const 声明的变量所在的代码块，代码块外部无法访问。
2025-05-14 14:13:48
423
原创 uni-app 中的条件编译与跨端兼容
uni-app 为了实现一套代码编译到多个平台（包括小程序，App，H5 等），引入了条件编译机制。 通过条件编译，我们可以针对不同的平台编写特定的代码，从而实现跨端兼容。uni-app 的条件编译机制是一种强大的跨端兼容工具。 合理使用条件编译，可以编写一套代码，运行到多个平台，极大提高开发效率。 在使用条件编译时，要清晰的组织代码，做好测试，并避免滥用。通过结合各种最佳实践，可以有效地管理跨平台开发的复杂性，提升应用质量。
2025-05-09 10:48:48
1274
原创 闭包（Closure)及其作用和影响
闭包（Closure）指的是一个函数能够记住并访问其词法作用域（lexical scope），即使该函数在其词法作用域之外执行。换句话说，闭包让函数可以“记住”它被创建时的环境。闭包的核心特点函数嵌套：闭包通常涉及嵌套函数（一个函数内部定义另一个函数）。内部函数引用外部变量：内部函数引用了外部函数的变量。外部函数执行完毕后：即使外部函数已经执行完毕，内部函数仍然可以访问外部函数的变量（因为这些变量被“保存”在内存中）。
2025-05-03 09:45:00
820
原创 null 与 undefined 的区别
null 表示一个空对象指针。 也就是说，它通常表示一个对象应该存在，但目前是空值。 它是一种故意为之的“无值”。 程序赋予的。undefined 表示一个变量声明了但未赋值，或者一个对象缺少某个属性，或者函数没有返回值（或者 return 语句没有明确返回值）。 它是一种更偏向于“不存在”或者“未定义”的含义。 引擎赋予的。
2025-04-30 15:30:00
2402
原创 let，const，var 的区别
在 JavaScript 中，let、const 和 var 都用于声明变量，但它们在作用域、变量提升和重复声明等方面有显著区别。
2025-04-30 09:30:00
484
原创 清除浮动的重要性及解决办法
由于父级盒子很多情况下，不方便给高度，但是子盒子浮动又不占有位置，最后父级盒子高度为0时，就会影响下面的标准流盒子。父元素高度塌陷： 如果父元素内部的所有子元素都浮动了，并且没有设置明确的高度，父元素可能会因为子元素脱离文档流而坍塌为零高度，导致父元素的背景、边框等样式无法显示。后续元素布局错乱： 浮动元素会影响后续元素的布局，可能导致后续元素环绕浮动元素，或者出现垂直重叠等问题。
2025-04-29 10:30:00
976
原创 XSS风险（跨站脚本攻击）
XSS 是一种常见的 Web 安全漏洞，可能导致严重的后果。我们需要从输入验证、输出编码、使用安全的函数、启用内容安全策略等多个方面入手，全面预防 XSS 攻击。 通过不断学习和实践，提高安全意识，才能更好地保护我们的 Web 应用程序安全。
2025-04-28 10:15:00
1051
原创 JS中的数据类型及其区别
JavaScript中的数据类型大致可以分为两类：基本类型（原始类型） 和 引用类型（复杂类型）。它们的区别主要体现在存储方式、操作行为和比较逻辑上。
2025-04-27 10:45:00
387
原创 判断 this 的指向
在 JavaScript 中，this 的指向取决于函数的 调用方式，而不是定义位置（与作用域无关）。在 非严格模式 下，this 指向全局对象（浏览器中是 window，Node.js 中是 global）。在 严格模式 下，this 是 undefined。
2025-04-26 12:45:00
395
原创 CSS预处理器
CSS 预处理器是一种特殊的编程语言（脚本语言），它扩展了 CSS 的功能，能够使用变量、混合（Mixins）、函数、循环、条件语句等编程特性来编写 CSS 代码。预处理器会将这些代码编译成标准的 CSS 代码，供浏览器解析和渲染。简单来说，CSS 预处理器是一种让 CSS 更易于编写、维护和管理的工具。
2025-04-26 11:45:00
819
原创 CSS盒子模型
标准化盒子模型: 在项目中，建议使用 box-sizing: border-box 来统一盒子模型，这样在计算元素尺寸时会更直观和方便。避免过度使用外边距: 在垂直方向上，相邻元素的外边距可能会发生折叠，导致意料之外的布局问题。可以考虑使用内边距或 padding 来替代外边距。理解盒子模型的计算: 在设置盒子的尺寸时，要考虑到 padding 和 border 的影响，特别是使用标准盒子模型时。使用 CSS 预处理器: 如果项目中需要大量的盒子模型相关的样式，可以考虑使用 Less, Sass 等
2025-04-24 09:15:00
972
原创 重绘与重排
当元素的外观（如颜色、背景等）发生改变，但不影响其在文档流中的位置和大小，浏览器会重新绘制该元素。这是一个相对较快的操作，因为不需要重新计算元素的几何属性。重排指当渲染树中的部分或全部元素因其尺寸、布局、隐藏等改变而需要重新构建的过程。这意味着浏览器需要重新计算元素的几何属性（位置、大小等），并更新渲染树。重排一定会导致重绘。
2025-04-23 16:51:30
730
原创 浅拷贝与深拷贝
浅拷贝只复制对象的第一层属性，如果属性是引用类型（如对象、数组等），则复制的是引用地址，而不是真正的值。因此，修改拷贝后的对象中的引用类型属性会影响原对象。深拷贝会递归地复制对象的所有层级属性，创建一个完全独立的新对象，修改拷贝后的对象不会影响原对象。（新对象和原对象完全独立）
2025-04-22 14:50:58
947
原创 蓝桥杯 - 中等 - 分一分
如果给你一个数组，你能很快将它分割成指定长度的若干份吗？本题需要在已提供的基础项目中使用 JS 知识封装一个函数，达到分割数组的要求。
2025-04-09 08:30:00
402
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人