- 博客(76)
- 收藏
- 关注
RSS订阅原创 Element-入门
这段代码是一个Vue.js单文件组件，主要包含以下内容： 模板部分：包含一个<element-view>子组件 脚本部分： 从'./views/element/ElementView.vue'导入ElementView组件 在components选项中注册ElementView组件 定义了空的data对象和methods对象 样式部分：当前为空 这是一个简单的Vue组件容器，主要作用是渲染ElementView子组件，没有定义额外的数据或方法。组件结构清晰，遵循了Vue单文件组件的标准格式。
2026-03-23 23:07:17
82
原创 vue开发流程
本文通过多组实验数据图表展示了不同条件下的性能测试结果。图1显示基准测试的响应时间分布，图2对比了优化前后的吞吐量变化，图3呈现了系统资源利用率曲线，图4则分析了错误率随负载增加的变化趋势。实验结果表明：优化后系统性能显著提升，吞吐量提高约35%，资源利用率更加均衡，高负载下错误率降低明显。这些数据为系统调优提供了可靠依据，证实了优化方案的有效性。
2026-03-22 21:34:50
34
原创 前端工程化
摘要：本文介绍了基于STM32单片机的智能门锁系统设计。系统采用STM32F103C8T6作为主控芯片，结合指纹识别、密码输入和蓝牙模块实现多重开锁方式。硬件设计包括指纹模块、矩阵键盘、OLED显示屏等外设，软件部分实现了指纹录入、密码验证等功能。测试结果表明系统响应速度快、识别准确率高，具有较高的安全性和实用性，为智能家居门锁提供了可靠解决方案。（149字）
2026-03-21 22:31:53
31
原创 Axios入门
这篇文章演示了如何使用Axios库实现前端GET和POST请求。示例代码包含两个功能按钮：一个用于发送GET请求获取数据（请求JSONPlaceholder测试API），另一个用于发送POST请求删除数据。代码展示了两种调用方式：通过axios()方法配置对象发送请求，以及直接使用axios.get()和axios.post()快捷方法。两种方式都使用.then()处理响应数据，并将结果输出到控制台。该示例适合初学者了解Axios的基本用法。
2026-03-21 17:22:27
49
原创 v-生命周期
摘要：本文通过多张实验数据图表，展示了某研究项目的结果分析。图1呈现了基础数据分布，图2对比了不同条件下的实验效果，图3则详细说明了关键参数的优化趋势。这些图表直观反映了研究过程中获得的重要数据，为后续结论提供了可视化支撑。研究通过定量分析，验证了初始假设，并为相关领域提供了有价值的参考依据。
2026-03-19 22:19:22
32
原创 Vue-案例
本文展示了一个使用Vue.js指令实现的表格渲染案例。代码通过Vue的v-for指令循环渲染用户数据表格，包含编号、姓名、年龄、性别、成绩和等级列。其中使用v-if/v-show指令实现条件渲染：根据性别显示"男/女"，根据分数显示不同等级（优秀、及格、不及格）。表格数据来自Vue实例的users数组，包含4个用户对象，每个对象有name、age、gender和score属性。案例演示了Vue数据绑定和条件渲染的基本用法。
2026-03-19 22:03:12
43
原创 v-if&v-show&v-for
本文展示了Vue.js中两种常用指令的使用示例。第一个示例对比了v-if和v-show指令，通过年龄判断演示条件渲染的不同实现方式。第二个示例演示了v-for指令的两种用法：简单遍历数组元素和带索引的遍历方式。两段代码都包含了完整的Vue实例定义，展示了数据绑定和指令应用的基本模式。这些示例为Vue初学者提供了常见指令的实用参考。
2026-03-19 00:50:45
39
原创 v-bind&v-model v-on
本文展示了Vue.js中两个核心指令的使用方法。第一部分演示了v-bind指令的两种写法：完整写法v-bind:href="url"和简写:href="url"，实现数据绑定；第二部分展示了v-on指令的事件绑定功能，通过v-on:click="handle()"实现按钮点击事件处理。两个示例都通过Vue实例管理DOM元素，分别展示了属性绑定和事件处理的基本用法。代码简洁明了，适合Vue初学者快速理解指令的基本应用。
2026-03-17 23:30:07
43
原创 JS-事件-事件绑定
这段HTML代码演示了两种JavaScript事件绑定方式：1）通过HTML元素的onclick属性直接调用函数on()；2）通过JavaScript获取DOM元素后绑定匿名函数。第一种方式在按钮btn1点击时触发on()函数弹出"1111"，第二种方式为btn2绑定点击事件直接弹出"22"。代码展示了事件处理的基本实现方法，适合初学者理解事件绑定机制。
2026-03-16 23:38:20
23
原创 JS-对象-Dom案例
这段HTML代码演示了三种DOM操作：1）通过id获取图片元素并修改src属性切换灯泡状态；2）获取所有div元素并在内容后添加红色"very good"文本；3）选中所有name为"hobby"的复选框。代码展示了基本的DOM元素获取方法（getElementById、getElementsByTagName、getElementsByName）以及属性修改（src、innerHTML、checked）的常见操作。
2026-03-15 22:56:41
61
原创 JS-对象-
本文介绍了JavaScript中BOM(浏览器对象模型)的基本使用。主要内容包括：1) window对象的基本方法如alert()和confirm()；2) 定时器的两种使用方式：周期性执行的setInterval()和延迟执行的setTimeout()；3) location对象的使用，包括获取当前URL和页面跳转。这些BOM对象和方法可以用于控制浏览器窗口、定时执行代码以及管理页面导航等操作。代码示例展示了各功能的实现方式。
2026-03-15 00:06:04
69
原创 JS-对象-Bom
本文演示了JavaScript中JSON与对象的转换操作。通过代码示例展示了如何将JSON字符串转换为JS对象（使用JSON.parse()方法），以及将JS对象转换回JSON字符串（使用JSON.stringify()方法）。其中包含了一个包含name、age和add属性的JSON字符串示例，并展示了如何访问转换后对象的属性。该示例清晰地说明了JSON在JS中的基本使用方法，适用于前后端数据交互场景。
2026-03-14 21:00:44
45
原创 JS-对象-String对象
这篇HTML文档演示了JavaScript中String对象的基本操作。代码示例展示了如何创建字符串、获取长度(str.length)、访问特定字符(str.charAt)、查找子串位置(str.indexOf)、去除空格(str.trim)以及提取子串(str.substring)。通过这些方法可以实现字符串的常见处理，如" hell o "经过trim()变为"hell o"，再通过substring(0,5)提取前5个字符。这些操作是JavaScript字符串处
2026-03-13 23:22:03
23
原创 JS-对象-array数组
JavaScript数组操作示例展示了数组的基本使用：1）定义数组的两种方式（构造函数和字面量）；2）数组的动态特性（长度和类型可变）；3）常用方法包括forEach遍历（支持常规函数和箭头函数）、push末尾添加元素、splice删除元素（示例删除第一个元素）。代码演示了数组索引访问、循环遍历及修改操作，体现了JS数组的灵活性。
2026-03-13 22:41:52
66
原创 JS函数表示
本文介绍了JavaScript函数的两种定义方式：1）使用function关键字声明函数；2）将匿名函数赋值给变量。通过示例代码演示了如何定义add函数并进行调用，最终弹出计算结果30。摘要重点说明了JS函数的基本语法和调用方法，适合初学者快速理解函数的基本使用。
2026-03-13 21:48:53
32
原创 JS基础语法 数据类型
本文介绍了JavaScript中的运算符与类型转换。通过示例代码展示了==和===的区别，演示了parseInt()的字符串转数字特性，以及各种值在布尔转换中的表现。重点说明了哪些值会被转为false（0、NaN、空字符串、null、undefined），其他值则会转为true。这些基础知识对理解JS的类型转换机制非常重要。
2026-03-12 22:19:46
226
原创 JS基础语法-变量
摘要：这段HTML代码展示了JavaScript中三种变量声明方式(var、let、const)的区别。var是全局变量，可重复声明；let是局部变量，不可重复声明；const是常量，声明后不可修改。代码通过注释示例演示了这三种变量的特性，包括作用域范围和可变性，最后实际测试了const变量的不可变性（尝试修改会报错）。
2026-03-12 21:46:19
207
原创 js基础语法
本文介绍了JavaScript的三种基础输出方式：1）使用window.alert()弹出警告框显示"hello"；2）通过document.write()将内容写入HTML文档；3）利用console.log()在浏览器控制台输出信息。这些方法展示了JS与用户交互的不同途径，适用于调试和页面内容显示等场景。代码示例清晰展示了每种方法的语法实现。
2026-03-11 22:38:51
38
原创 表单项标签
这篇HTML代码示例展示了常见的表单元素及其使用方法。表单包含多种输入类型：文本输入框（姓名、密码）、单选按钮（性别）、复选框（爱好）、文件上传（图像）、日期时间选择器（生日、时间）、邮箱验证、数字输入（年龄）、下拉菜单（学历）、多行文本框（描述）以及隐藏字段（id）。此外还演示了表单按钮的三种类型：普通按钮、重置按钮和提交按钮。代码通过<label>标签优化了表单的可访问性，并使用name和value属性确保数据能正确提交到服务器。
2026-03-10 22:43:46
45
原创 表单标签说明
本文介绍了HTML表单的基本使用方式。表单通过<form>标签创建，主要包含两个属性：action指定数据提交的URL（默认为当前页面），method定义提交方式（GET或POST）。GET方式将数据拼接在URL后，长度有限；POST方式在消息体中传输，无长度限制。示例代码展示了一个包含用户名和年龄输入框的表单，使用POST方式提交。文章还配有效果展示图，直观呈现表单的显示效果。
2026-03-10 22:09:15
88
原创 css盒子模型
这篇HTML代码展示了一个新浪新闻网页的基本结构。页面包含新闻标题、发布时间、来源链接、视频内容、正文段落和图片等元素。通过CSS样式设置了标题颜色、段落缩进、行间距等格式，并使用了三种选择器（关键词、类和ID）来控制样式优先级。页面布局采用居中显示，宽度设为60%，并包含新浪政务链接和央视网来源链接。视频元素添加了播放控件，图片和段落内容按设计要求排列。代码展示了HTML基础结构和CSS样式的基本应用。
2026-03-09 20:03:03
45
原创 HTML前端超链接
这段HTML代码展示了一个新浪新闻页面的基本结构，重点演示了CSS样式的三种应用方式。页面包含新闻标题、日期信息和相关链接。代码中详细展示了行内样式、内嵌样式和外联样式的使用方法，特别是通过h1标题、span日期和a链接的样式设置示例。同时演示了关键词选择器、类选择器和ID选择器的优先级关系，以及如何通过CSS控制文字颜色、大小和链接样式等基本属性。页面布局简单清晰，包含了新浪logo、政务链接和新闻内容等基本新闻网页元素。
2026-03-03 23:40:42
30
原创 HTML前端
这段代码展示了一个简单的新浪新闻网页HTML结构，主要演示了CSS样式的三种应用方式：1）行内样式（直接在元素标签内定义）；2）内嵌样式（在<head>中使用<style>标签定义）；3）外联样式（通过<link>引入外部CSS文件）。示例重点展示了使用内嵌样式为标题设置颜色的三种表示方法（关键字、RGB、16进制），并演示了不同类型CSS选择器（标签选择器、类选择器、ID选择器）的优先级规则。页面包含新闻标题、日期等基本元素，通过<hr>标签添加分隔线。
2026-03-03 23:15:42
19
原创 HTML标题样式2
该HTML文档展示了一个新浪新闻页面的基本结构，重点演示了三种CSS样式应用方式：1)行内样式（注释状态）；2)内嵌样式（使用16进制颜色设置h1标题为#4D4F53）；3)外联样式（注释状态）。页面包含新闻logo、标题"焦点访谈：中国底气 新思想务实国粮仓"、水平分割线及日期信息。代码注释详细说明了颜色表示的不同方法（关键字、RGB、16进制），展示了前端开发中样式处理的典型方式。
2026-03-01 22:04:19
27
原创 HTML标题标签
这篇HTML文档展示了一个简单的新浪新闻网页结构。文档包含基本HTML元素：文档类型声明、html根标签、head元信息（字符编码和视口设置）以及body内容。主要内容包括：使用img标签插入新浪新闻logo（通过绝对网络路径），标题文字"新浪政务>正文"，一个h1标题显示新闻标题"焦点访谈：中国底气 新思想务实国粮仓"，以及两条hr分隔线中间显示日期"2026年2月24号 星期二"。文档还注释说明了img标签的src、width、heigh
2026-02-24 22:59:11
171
原创 I/O体系
本文介绍了Java I/O体系中的两种主要流类型：字节流(byte[])和字符流(char[])。字节流包含InputStream和OutputStream类，用于处理字节数据；字符流包含Reader和Writer类，专门处理字符数据。文章提供了两个代码示例：第一个使用FileReader和BufferedReader从文件中逐行读取字符数据并输出；第二个使用FileWriter和BufferedWriter向文件写入字符串数据。示例中展示了基本的文件读写操作流程，包括流的创建、使用和关闭。同时说明了如何在
2025-11-09 00:06:59
204
原创 集合和数组区别
本文简要介绍了Java中集合与数组的区别，重点包括： 数组需固定长度，集合可动态调整 数组可存储基本类型，集合仅限类类型 集合通过自动装箱/拆箱实现类型转换 代码示例演示了int与Integer的自动转换过程，以及ArrayList存储整数时隐式装箱的特性。程序输出验证了集合遍历时自动拆箱的功能。
2025-11-04 00:18:44
126
原创 集合的体系
Java集合体系包括Collection和Map两大接口。Collection存储单个对象，分为有序List（实现类ArrayList）和不重复Set（实现类HashSet）；Map存储键值对（实现类HashMap）。示例展示了List的有序性、Set的过滤重复特性，以及Map通过键获取值和遍历的方式。集合使用泛型指定存储数据类型，提高类型安全性。
2025-11-03 00:08:08
179
原创 自定义异常
本文介绍了Java中自定义异常的实现方法。主要内容包括：自定义异常需要继承Exception类；使用步骤分为创建异常类、抛出异常、处理异常等；提供了示例代码演示如何定义和使用自定义异常。文章还总结了异常处理的实际经验：合理规避运行时异常、使用多重catch块、处理不确定代码、避免简单打印异常、根据业务需求处理异常、释放资源等。通过继承Exception类并覆写toString方法，可以创建满足特定需求的异常类型，提高程序的健壮性和可维护性。
2025-11-01 21:07:08
256
原创 异常处理机制
本文介绍了Java异常处理机制，主要包括try-catch-finally结构的使用方法。通过代码示例展示了如何捕获和处理异常，包括使用throw主动抛出异常，以及throws在方法声明中抛出异常。文章还解释了异常捕获的顺序原则（从小到大）、finally块的作用（资源释放等善后工作），以及如何打印错误栈信息。示例代码演示了除零异常的捕获和处理过程，以及通过方法定义抛出异常的实现方式。
2025-10-30 23:50:06
395
原创 什么是异常
本文介绍了Java异常处理的基本概念和分类。异常(Exception)指程序运行中出现的意外情况，如文件找不到、网络连接失败等，会影响程序正常执行流程。Java异常分为三类：检查性异常(用户错误引起)、运行时异常(可避免的程序逻辑错误)和错误(Error类，程序无法控制的严重问题)。异常体系以Throwable为基类，分为Error和Exception两大分支。Error表示JVM无法处理的严重错误，而Exception中的RuntimeException及其子类(如空指针异常、数组越界等)属于程序应处理的
2025-10-28 23:57:42
799
原创 内部类的实现
本文介绍了Java中的三种内部类：成员内部类/静态内部类、局部内部类和匿名内部类。成员内部类可以访问外部类的私有属性，通过外部类实例化使用；静态内部类添加static修饰。局部内部类定义在方法内部。匿名内部类无需类名，适合一次性使用场景，可以直接实例化调用方法或实现接口（需重写全部方法）。代码示例展示了各种内部类的定义和使用方式。
2025-10-20 22:28:14
273
原创 抽象类的实现
本文介绍了Java中抽象类的特性：1)抽象类不能被实例化，只能通过子类实现；2)抽象类可以包含普通方法；3)抽象方法必须存在于抽象类中。代码示例展示了抽象类的定义方式（使用abstract关键字）和继承实现要求，子类必须实现所有抽象方法，除非子类本身也是抽象类。抽象类主要用于规范子类行为，实现约束和代码复用。
2025-10-20 00:06:02
192
原创 static关键词详解
本文详细讲解了Java中static关键字的用法。第一部分展示了静态属性和方法的区别：静态成员可直接通过类名调用，而非静态成员需通过对象实例调用。第二部分演示了静态代码块、匿名代码块和构造方法的执行顺序，静态代码块最先执行且只执行一次。第三部分介绍了静态导入包的使用方法，可以方便地直接调用外部类的静态成员而无需类名前缀。这些示例清晰地展现了static在Java中的多种应用场景和特性。
2025-10-18 13:56:33
405
原创 instanceof和类型转换
摘要： 本文探讨了Java中instanceof运算符和类型转换的使用。instanceof用于判断对象与类之间的继承关系，当对象是类或其子类的实例时返回true。类型转换包括向上转型（子类转父类）和向下转型（父类转子类，需强制转换），前者会丢失子类特有方法，后者可恢复访问子类方法。通过示例代码演示了这些概念的应用场景和效果。
2025-10-17 23:43:09
220
原创 多态的定义
本文简要介绍了Java中的多态概念及其实现机制。主要内容包括：多态是指同一方法可根据不同对象采取不同行为方式；通过父类引用指向子类对象实现多态；给出了Person、Student类和测试代码示例；列举了多态使用的注意事项（如方法重写限制、类型转换异常等）和存在条件（继承关系、方法重写、父类引用子类对象）。特别指出static、final和private方法不可被重写。代码示例展示了子类重写父类方法后的调用结果。
2025-10-16 22:45:12
674
原创 方法的重写
本文介绍了Java方法重写的基本概念和规则。方法重写需要满足继承关系，子类重写父类方法时要求方法名、参数列表相同，修饰符范围可扩大不能缩小，抛出异常范围可缩小不能扩大。通过代码示例展示了静态方法与非静态方法在继承中的不同表现：静态方法调用取决于引用类型，而非静态方法调用取决于实际对象类型。当父类引用指向子类对象时，静态方法执行父类版本，非静态方法执行子类重写版本（若有），体现了Java多态特性。
2025-10-15 22:46:13
160
原创 Super的详解
本文讲解了Java中super关键字的使用要点及其与this的区别。super用于调用父类构造方法（必须位于子类构造方法首行）和父类成员，而this代表当前对象。关键区别在于：super仅用于继承关系，this在任何情况下可用；super调用父类构造，this调用本类构造。示例代码展示了子类Student继承父类Person时，super如何调用父类无参构造，以及this和super在访问属性时的不同表现。运行结果验证了初始化子类时会先执行父类构造方法，且this访问本类属性，super访问父类属性。
2025-10-15 17:09:11
283
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人