- 博客(194)
- 收藏
- 关注
RSS订阅原创 面向对象高级语法 1-- 继承、多态
本文摘要：本文详细介绍了Java面向对象编程中的继承和多态两大核心概念。在继承部分，阐述了父类与子类的创建、权限修饰符的使用规则、继承特点（单继承、多层继承、就近原则）以及方法重写和构造器调用的注意事项。多态部分则讲解了对象多态和行为多态的表现形式、使用前提以及类型转换问题。最后通过加油站支付案例，展示了如何运用继承和多态实现金银卡的不同支付功能，包括公共方法的继承、特定方法的重写以及多态在支付机刷卡功能中的应用。全文系统地呈现了继承和多态在实际开发中的综合应用场景。
2025-12-26 14:38:36
484
原创 面向对象编程
本文摘要：本文系统介绍了Java编程中的核心概念与套路，重点讲解了类与对象的设计与使用。主要内容包括：1）数据存储方式（变量、数组、对象）；2）类的基本语法（构造器、this关键字、封装）；3）JavaBean实体类的设计与应用；4）static关键字的用法（修饰成员变量和方法）；5）通过简易电影信息展示系统项目进行综合实践。文章详细阐述了面向对象编程的三大特征之一"封装"的实现方式，以及如何通过构造器、this关键字和访问控制来实现合理隐藏与暴露，并介绍了静态成员的特性和应用场景。
2025-12-23 22:48:16
982
原创 数组定义及访问
本文介绍了数组和二维数组的基本概念与应用。数组是存储同类型数据的容器，提供了高效访问和批量处理数据的方法。文章详细讲解了数组的定义方式、动态初始化、遍历操作以及性能优化技巧（如使用变量存储中间值）。通过学生成绩案例展示了数组计算平均分、最高/最低分的实际应用。在二维数组部分，阐述了其表格状结构特性，包括定义、初始化、行列访问方式，并演示了遍历赋值、表格形式打印以及元素顺序打乱等操作。这些内容为处理结构化数据提供了基础方法。
2025-12-20 19:20:49
215
原创 程序流程控制
本文主要介绍了编程中的三种基本控制结构及其应用。顺序结构按自上而下执行；分支结构包括if和switch两种形式，后者需注意数据类型限制和break穿透问题；循环结构涵盖for、while、do-while及嵌套循环，重点区分for和while的使用场景。此外，还讲解了break和continue的用法，并通过计算器、猜数字、验证码生成和素数判断等案例展示了这些结构的实际应用。其中，素数判断案例演示了方法调用与循环结构的结合使用。
2025-12-19 21:16:58
661
原创 二.java程序基本语法
写在程序中对代码进行解释说明的文字，方便自己和他人查看，以便理解程序的。为何注释不影响运行，因为javac在进行编译成 class 文件时，就将 注释去掉了双击class文件进行反编译，可以看到out当中的 CommentDemo 的class文件已经将注释去掉了。
2025-12-15 22:00:25
665
2
原创 一.java工具包下载安装+ 集成开发工具 idea下载安装
本文介绍了Java编程语言的基础知识及开发环境配置。主要内容包括：1) Java的起源与发展，由Sun公司开发后被Oracle收购；2) Java的三大技术平台及广泛应用原因；3) JDK安装与环境变量配置步骤；4) 使用IntelliJ IDEA开发Java程序的基本流程，包括创建工程、模块、包和类；5) IDEA的基本设置与常用快捷键。文章为初学者提供了从零开始搭建Java开发环境的完整指南，涵盖了从基础概念到实际操作的各个环节。
2025-12-12 10:56:40
989
原创 个人信息设置
注意：FormData是浏览器提供的一个 web API，是 js 一个内置对象，作用是用于构建一组键值对数据。修改信息 --> 点击保存，给提交保存键 注册一个点击事件，点击即用插件收集表单信息，但并不能马上提交，因为后端需要传输的数据还有creator，以及性别是数字类型（类型转换 +号），使用 收集的表单对象.属性 = 值，增加没有的属性和转换类型。通过对象【】的方法取得响应回来的gender的值（后端标注：0男，1女），恰好把该值作为下标，找到对应单选框，将其checked值赋值为 true。
2025-11-20 17:22:40
387
原创 图书管理案例--增删改查（bootstrap弹框实现）
功能：不离开当前页面，是单独内容，供用户操作引入bootstrap.css 和 bootstrap.js准备弹框标签，确认结构（官方文档找该弹框标签）通过自定义属性，控制弹框的显示和隐藏data-bs-toggle=“modal”，toggle意思是切换，告诉按钮点击之后会出现一个modal类型弹框，这里并不是类名为 modal的选择器，而是bootstrap内部定义的modal类型弹框。
2025-11-19 17:53:12
740
原创 2.fs模块对计算机硬盘进行读写操作(Promise进行封装)
2.promise进行封装：读取resource文件夹下的 1.txt文件。1.回调函数形式：读取resource文件夹下的 1.txt 文件。总结：引进 fs 模块，读取文件，回调函数。
2025-11-06 16:28:40
309
原创 Promise统一调配
注意：p的then方法必须是写在btn.addEventListener的回调函数内部，因为p是在btn.addEventListener回调函数内部声明的，所以 .then的绑定也必须是在btn.addEventListener回调函数内部。也就是说必须是在创建 promise的那个作用域中调用 .then方法。在该抽奖活动中，除了想要在成功或失败的时候告知获奖还是不获奖之外，还需要将抽到的数字是多少进行显示，而获取的随机数字在异步操作中，但是指定回调却是在p.then中。
2025-11-05 19:13:45
279
原创 为什么使用Promise及其优点
前言：Promise是Es6最新引入的进行异步编程的解决方案，语法上来说，就是个构造函数，可以实例化对象，封装异步操作，获取操作成功或失败的结果，并对结果进行处理。下图中，一个回调函数嵌套着另一个异步任务，一个回调函数中嵌套着另一个异步任务......这个就是回调地狱的一种情形。1.为什么要使用Promise来解决异步编程的问题而不再使用回调解决呢？优点：支持链式调用，指定回调函数的方式更加灵活。回调函数方式更加灵活。
2025-11-05 14:03:07
189
原创 构建接口~
提供state状态的时候并没有像之前一样 直接 state : 跟上一个值，而是写成函数的形式，里边 return一个对象完全是可以的，这种方式是官方在分模块的时候推荐的一种语法。在以后的开发中，后端接口还没有准备就绪的时候，可以利用一些工具快速生成增删改查的接口的，该工具 ---- json - server（全局工具仅需要安装一次，进而可以基于json文件快速生成服务器）vuex分模块之后，为了每个模块之间的数据的独立性，也推荐写成一个函数，函数中return一个对象即可。
2025-11-02 16:13:10
413
原创 购物车案例静态结构架设
购物车案例静态页面，封装了三个小组件：头部，中间，底部。注意请求的数据存储于vuex中，以便中间item组件和底部数据公用时方便。
2025-10-15 18:11:21
261
原创 http协议,get，post两种请求方式
比如这次用这个页面进入百度贴吧，但是与此同时用另外一个新开的页面进行百度贴吧还是要进行登录，原因就是http是无状态的协议，两次请求之间是相互独立的，新进行的请求并不知道上一次进行了怎样的操作，所以就会每次访问就要每次进行登录。为了规避上面的问题，比如登陆了百度，那么百度就会给发一个令牌，发给客户端或者浏览器，再去访问百度的页面的话都不需要登录了。1.get参数在url中，post参数在请求体中，get请求大小受限制（因为网址受到限制，不能说想要输多长就输多长）总结：get和post区别。
2025-06-04 15:19:00
240
原创 请求第三方 api
首先找到“天聚数行”注册找到免费 api ,，选中了一个头条热门新闻调试接口，里边有请求地址和请求参数，还有请求信息和相应的结果。然后在 api 文件夹的 user 文件中编写请求信息。（注意，请求参数是虽然写在 params中，但是实际上是以？key= 的形式拼接到 请求的 URL 中。如果是要搜索之类的，那就是要到 vue 页面中给调用的 api文件夹中的 请求函数传递过去参数，这就是携带参数，然后该参数作为形参传递到 params中，并拼接到 要请求的URL 中，进行关键搜索。
2025-03-07 00:19:26
1005
原创 文章管理+
该文章管理也是引用由 components文件夹下的 PageContainer 文件来的，在PageContainer中设置来 父传子，通过文章管理页面传递过去标题，具名插槽设置是否需要button按钮，以及默认插槽传递内容。通过在 el-form表单中 添加 inliine属性，使得3个item 项 并排一行，默认是 true不写对表格区域进行渲染， 直接定义响应结果中的 data数据，然后进行渲染渲染文章标题下的列的内容，均为链接，并且无下划线操作，用到作用域插槽。
2025-02-27 00:47:41
418
原创 文章分类页
给 ”编辑分类“ 添加回显。确认并关闭弹框之后，该子组件通过 emit 传递给父组件重新渲染的信息，通过将 修改/添加成功的信息传递给父组件，在父组件的子组件标签中通过 @success监听并绑定函数 onSuccess，该函数重新调用 getChannelList函数，该函数通过更新 channelList里边的内容，在 el-table标签中通过 ：data类似 for 循环进行 渲染。然后校验，校验成功直接发请求，如果 id存在，那么证明该弹框的确认按钮是关于编辑分类的，点击之后弹出修改成功的信息。
2025-02-26 16:19:34
589
原创 正式页面开发-登录注册页面
共用 formModel ，因为登录中也需要 username和password，然后将其在 登录部分的 el-form中 ：model="formModel" 绑定。el-row搭配 el-col来实现板块划分，一行分为 24份数，el-col中通过 ：span="份数"来实现板块占据的份数，offset =""来实现与左侧的margin。右侧的登录页面通过 el-form 表单来总实现，el-form-item表示表单中每个小部分，注册字样，输入用户名，输入密码 ，再次输入密码，注册字样，返回字样。
2025-02-18 21:25:32
1804
5
原创 数据交互，请求拦截器，响应拦截器
关于错误提示也可以使用 element-plus中的消息提示 message。官网直接复制 创建实例 ，配置请求拦截器和响应拦截器的代码。request.js中配置请求拦截器和响应拦截器。
2025-02-16 22:09:00
261
原创 pnpm, eslint, vue-router4, element-plus, pinia
而统一导出就在于 在 app.vue中进行导出各个模块时，必须要写一长串的路径，例如导出user模块，导出路径是 import {useUserStore} from '@/stores/modules/user'，每要使用任何一个模块，就必须要导入这么一长串，所以解决办法是将所有模块在 stores文件夹下的 index.js文件中进行导入然后再进行导出，也就是将index.js作为核心出口，那么在app.vue中进行导入的话就直接从 stores文件夹下的 index.js中进行导出了。
2025-02-16 00:00:01
1288
原创 处理 this
与call的区别就是call中参数任意，但是apply中参数必须是数组。与其他两个区别是，bind不会立马调用函数。构造函数和原型对象都指向 实例。bind（）（最重要）
2025-02-08 17:24:35
203
原创 数组，对象解构，forEach方法，filter方法
forEach遍历数组，能得到每个数组中的数据，item是对象中的每个元素。将 str 字符串中的 8 个 div 添加到 list盒子中。将遍历的数组中每个对象 加到 str 中。
2025-01-25 21:35:13
322
原创 闭包，变量和函数提升，函数参数，展开运算符，箭头函数
函数表达式也不能进行函数提升，函数表达式是这样的 var fun = function() { }，变量只提升声明，不提升赋值，所以提升的是 var fun ,这没体现 fun 是啥呀，js 是弱编程语言，只有赋值才能看出是什么数据类型，那么紧接着调用的话 就是 fun() , 显然报错呀，fun 都没能体现是啥。直接打印 ...arr 看似是没有逗号隔开，但是其实是有逗号的，这就是为什么Math对象的 max方法需要的是这样 1，2，3 的形式但是使用 ...arr 依然可以 的原因。
2025-01-22 23:40:15
391
原创 学生就业统计表
本来新增了两条数据，但是将 id 为 1 的数据删除了，现在只剩下 id 为 2 的数据，要新增的话 id 应该是 3 才对，但是实际上点击新增却是 2 ，因为原本的代码是 arr.length + 1，现在数组中只有一条数据，当然长度是1 ，再加上 1 不就是 2 了嘛，所以出现错误。现在将 新增的 id 赋值 为数组中最后一条数据的 id 的值加上 1，在此之之前还要判断数组是否为空，为空的话就直接将 新增的 id 值赋值为 1，否则的话就是数组中最后一个数据的 id 加上 1。把数据存储到本地存储。
2025-01-19 23:02:54
270
原创 事件委托，其他事件，电梯导航，固定导航
tab栏切换：前边的案例是 for 循环遍历每个 li 注册鼠标进入事件，给添加了 active类的 a 删除掉 active类，然后给点击的 a 添加上 active类（也就是将已经有的 active 类删除掉，为当前点击到的 a 加上 active类）现在通过事件委托形式也就是不再给每个 li 注册点击事件给 li 中的 a 删除添加类了，而是给 a 的祖元素注册点击事件，但是其实点击的还是 a ，但是通过冒泡的话 点击 a 是能冒泡到祖先元素的，所以直接通过 祖 元素去监听点击事件。
2025-01-18 22:11:30
1127
原创 Tab栏切换
分别获取大的复选框和各个小的复选框，给大的复选框注册点击事件，将大的复选框的选中状态遍历赋值给各个小的复选框的选中状态。如果选中的小复选框个数等于所有小复选框个数，那么就将 大复选框个数改为 true,否则的话就是false。给每个 a 和 div 中的 img 都注册鼠标经过事件，虽说遍历时都加上了，但是只有经过才会触发。遍历给 5 个 a标签和 5 个对应内容加上 active 类别（类似小圆点做法）伪类选择器选中 输入框 状态 ，选中的复选框盒子变大。获取选中的小复选框元素，
2025-01-16 21:40:31
195
原创 事件监听,事件类型
最后将 total.innerHTML = `${tx.value.length}/200`css直接实现 input 框的缩放 （没用到 js) focus伪类选择器。先给开始按钮添加点击事件。给结束按钮添加点击事件。
2025-01-15 23:55:16
377
原创 定时器-间歇函数
在 setInterval之外写定义函数，然后在里边运用写好的函数并非是函数调用，所以行数名之后不用写上括号。一般是鼠标经过才关闭定时器，鼠标离开才又继续开启(也就是给定时器重新赋值）定时器返回的是一个 id 数字，可用一个变量来接收定时器 id。
2025-01-15 12:00:15
160
原创 获取DOM，操作元素内容，属性，自定义属性
获取 DOM 元素选择匹配到的第一个元素:document.querySelector('css选择器') 括号中 css 选择器可以是标签，可以是类，可以是id 返回值：css选择器匹配的第一个元素，一个HTMLElement对象 如果没有匹配到，则返回空选择匹配到的所有元素document.querySelectorAll(' css选择器 ') CSS选择器匹配的 NodeList 对象集合 （获取过来的存放到数组） 得到的是伪数组，有长度和索引号，但是没有 pop()
2025-01-15 10:36:17
653
原创 Bootstrap 前端 UI 框架
例如改变背景色，右键检查 找出背景色所在选择器，将 样式写在 link 引入的 bootstrap.main.css之后，因为后边的会覆盖前边样式，并且注意 右键检查时有没有！引入 css 文件， bootstrap.css 和 bootstrap.main.css ，前者跟平常书写 css 的样式一样，都是选择器然后样式属性，后者则是给浏览器看的，但是轻量，所以一半就是选择 后者。生产文件是开发响应式网页应用，源码是底层逻辑代码，因为是要制作响应式网页，所以下载开发文件。
2025-01-12 21:53:18
1481
原创 媒体查询
如果是对应要生效的 css 多，那么就在 link 引入 css文件时，加上 media=(视口宽度)，如果是要生效的 css 很少，那么就直接 在css 文件中 @meida (视口宽度) { css样式 }@media (媒体特性) {
2025-01-11 21:15:59
347
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人