自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 收藏
  • 关注

原创 JS:函数、对象

本文介绍了JavaScript核心概念,包括函数和对象的使用方法。函数部分涵盖声明、调用、匿名函数与箭头函数语法,以及作用域规则;对象部分讲解字面量声明、属性操作和遍历技巧。常见错误部分列举变量重复声明、数组索引错误和循环死循环的解决方案。实战案例演示登录验证和数组去零的实现。扩展知识点包含模板字符串、布尔值判断和内置对象Math、Date的使用。全文提供了完整的代码示例,适合JavaScript初学者系统学习。

2025-12-01 17:32:21 172

原创 JS:基础

JavaScript 是网页交互的核心语言,掌握其基础语法是入门前端开发的关键。

2025-11-26 17:26:02 322

原创 CSS:动效布局动画

Display属性控制元素的显示类型,是CSS布局的基础,决定了元素如何在页面中排列和占用空间。

2025-11-21 17:32:02 887

原创 Bootstrap

Bootstrap 作为全球最受欢迎的前端组件库,始终是开发者快速搭建高质量Web项目的首选工具,Bootstrap 是一套开源的 HTML、CSS 和 JavaScript 工具集,核心定位是 响应式布局、移动设备优先 的Web开发框架。而 Bootstrap5 作为其最新稳定版本,在保留核心优势的基础上,进行了全面升级——更快的样式渲染、更简洁的代码结构、更强大的原生JavaScript支持,让前端开发效率大幅提升。Bootstrap5 作为现代前端开发的“效率神器”,其核心价值在于:降低响应式开发门槛

2025-11-21 17:25:19 847

原创 Grid/Column/Position

* 基础列定义 - 重复模式 */gap: 10px;/* 网格间距,等同于 row-gap 和 column-gap 的简写 *//* 分为3列 *//* 列间距30px */

2025-11-14 16:20:30 264

原创 Flex布局

display属性是 CSS 中控制元素显示类型的核心属性,它决定了元素在页面中的布局方式和行为特性。理解不同的显示模式是掌握 CSS 布局的基础。

2025-11-13 14:11:10 234

原创 CSS从0到1

CSS 全称 Cascading Style Sheets(层叠样式表),它是一种样式表语言,用于描述 HTML 或 XML(包括如 SVG、MathML 等 XML 分支语言)文档的呈现。CSS 描述了元素应该如何在屏幕、纸张、语音或其他媒体上显示。

2025-11-12 18:10:32 666

原创 css:选择器、样式和字体

在编写CSS时,应尽量使用低优先级的选择器,如类型选择器和类选择器,使CSS代码更加灵活和可维护。:清除浏览器默认的margin和padding,是常见的CSS重置方式。:可被多个文档共享,便于网站整体样式管理和维护,是大型项目的首选方式。:优先级最高,但不利于样式复用和维护,适合临时样式调整。:多个字体作为备选,浏览器会使用第一个支持的字体。:一个元素可以有多个类名,类名之间用空格分隔。:仅作用于当前文档,便于单个文档的样式管理。选择页面上的所有元素,常用于重置样式。符号加类名,可选择多个元素。

2025-11-12 13:42:56 519

原创 html语法

HTML(超文本标记语言)是构建网页的基础,本文将汇总HTML的核心知识点,从基础结构到实战应用,帮助你系统掌握HTML编程。

2025-11-12 13:39:37 844

原创 Vue:Ajax

AJAX 允许我们在不刷新页面的情况下与服务器交互,实现:动态加载数据,提交表单信息,实时更新内容,与后端 API 通信。通常使用专门的 HTTP 客户端库来处理 AJAX 请求。

2025-06-07 17:53:02 529

原创 Vue:组件

- 子组件 --> < button @click = " $emit('update', newValue) " > 提交 </ button > <!-- 父组件 --> < child-component @update = " handleUpdate " > </ child-component >-- 子组件 --> < button @click = " $emit('update', newValue) " > 提交 </ button > <!

2025-06-02 15:35:57 429

原创 Vue:axios(POST请求)

发送 POST 请求在 Vue 组件中使用处理请求参数发送 JSON 数据(默认)Axios 默认会将 JavaScript 对象序列化为 JSON,并自动设置请求头 。如果需要提交表单格式数据(如文件上传),需使用 :

2025-05-26 19:49:56 675

原创 Vue:axios(POST请求)

发送 FormData(文件上传)发送 JSON 数据。

2025-05-23 09:56:46 1227

原创 Vue:axios(GET请求)

【代码】Vue:axios(GET请求)

2025-05-22 10:43:06 796

原创 Vue:数据双向绑定

在自定义组件中,v-model默认绑定value属性和监听input事件。-- 子组件 -->-- 等价于 -->在子组件内部通过props接收和$emit// 子组件代码methods: {

2025-05-17 14:56:23 328

原创 Vue:显示数据

v-text和v-html。它们都能将数据渲染到页面上,但处理方式有本质区别。通过代码示例理解它们的特性和使用场景。v-text。

2025-05-14 17:02:49 467

原创 Vue:插值表达

插值表达式适合简单逻辑,复杂逻辑应交给计算属性或方法。避免在模板中写 JavaScript 语句,保持模板简洁。默认的 XSS 防护机制让渲染更安全,但需注意v-html的使用场景。

2025-05-12 19:03:55 295

原创 Vue:生命周期钩子

Vue 的钩子函数(生命周期函数)是 Vue 实例在不同阶段自动调用的函数。可以在 Vue 实例的创建、更新、销毁等阶段插入自己的逻辑。

2025-05-11 12:25:53 647

原创 第十五届蓝桥杯Web开发应用赛道省/国赛部分题解

Pinia 的 state 存储响应式数据,actions 处理业务逻辑,getters 实现计算属性。:生成指定长度的不重复数字组合(如 max=5,count=3 时生成 [1,2,3], [1,2,4] 等)。:实现页面在不同屏幕尺寸下的布局切换,当屏幕宽度≤768px 时,容器改为垂直排列,各模块宽度自适应。:使用 Pinia 实现购物车功能,包括添加商品(重复则数量+1)、删除商品、清空购物车及总价计算。:遍历指定目录,统计不同扩展名文件的大小占比(区分指定类型与其他类型)。

2025-05-07 12:06:40 1139

原创 404了怎么办快把路由给我断掉(React配置路由)

核心作用:管理单页面应用的页面切换主要功能根据URL显示对应组件保持浏览器历史记录实现页面间导航不刷新// App.jsxreturn (<Routes></Routes>

2025-04-25 18:38:44 475

原创 做我的猫想每天在你怀里React依赖

React的核心库,提供组件化开发能力与虚拟DOM机制。选择ES Module规范的库(如lodash-es)封装Webpack/Babel等构建工具链的配置。负责将React组件渲染到浏览器DOM中。分析包体积,优先选择轻量库。

2025-04-23 11:15:19 491

原创 2025第十六届蓝桥杯PythonB组部分题解

计算满足X_AX_B + Y_AY_B ≤ L的正整数组合数。游戏从第1回合开始,当敌人血量≤0时结束,求结束时的回合数。从给定字符串s中切割最多数量的指定3字符组合(6种可能)。通过交换操作将乱序书恢复顺序,求最少操作次数。计算ΣΣ(a_i⊕a_j)*(j-i)的值。保留最长的等间隔递增树列。

2025-04-13 20:14:28 1176

原创 2024CAT开发测试 Web应用赛道

关键要点准确的元素定位是成功进行功能测试的基础,需要熟练掌握多种定位方法并根据页面实际情况灵活运用。合理设置等待机制对于处理页面加载和异步操作至关重要,能够提高测试脚本的稳定性和可靠性。正确处理多frame和多窗口场景,确保操作在正确的上下文环境中进行,避免元素定位和操作错误。有效的结果验证和断言能够保证测试的准确性,及时发现功能缺陷。易错点元素属性可能会随着页面更新或开发调整而变化,导致定位失败,需要定期检查和更新定位表达式。

2024-12-15 19:37:16 1164

原创 2024硬件科技协会LLVM第二次考核题解

问题描述:如果使用了未定义的类型或者存在类型不兼容的操作,Clang在构建AST和生成LLVM IR时会报错。比如,将一个不相关类型的值赋给另一个类型的变量。解决办法:检查代码中的类型定义和使用,确保类型的正确性和兼容性。如果是自定义类型,确认其定义是否完整且正确。问题描述:如果代码中使用了宏定义,且宏定义存在问题(如宏展开后导致语法错误、重复定义等),会影响解析过程。解决办法:检查宏定义的正确性,确保宏展开后的代码是合法的。可以通过查看预处理后的代码(使用命令)来检查宏展开的结果,帮助发现问题。

2024-12-05 19:19:49 1608

原创 2024硬件科技协会LLVM考核题解

待施工。

2024-11-19 01:40:19 732

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除