- 博客(152)
- 收藏
- 关注
RSS订阅原创 【ES6】Class继承-super关键字
类的继承可以通过extends实现，让子类继承父类的属性和方法，而在子类内部（构造函数constructor）必须调用super()实现继承（super()代表父类构造函数，调用之后生成一个继承父类的this对象）
2023-12-27 10:45:54
603
原创 【JavaScript】面向对象继承
对象编程很重要的一方面，就是对象的继承。A对象通过继承B对象，就能直接拥有B对象的属性和方法。这对于代码的复用是非常有用的。大部分面向对象的编程语言，都是通过“类”（class）实现对象的继承。传统上，JavaScript语言的继承不通过class（ES6引入了class语法），而是通过“原型对象”（prototype）实现。在JavaScript中，面向对象继承有多种实现方式，每种方式都有其优缺点。选择合适的继承方式取决于具体的需求和场景。
2023-12-27 10:41:34
919
原创 【收获】成长之路
四年，对于一个人的成长来说，是一个相当重要的阶段。在这段时间里，我经历了许多挑战、收获了许多成就，也在不断地成长和改变。回首这四年的点点滴滴，我深刻地感受到了自己的成长与变化。回顾这四年的成长历程，我深刻感受到了自己的变化和进步。这四年不仅让我学会了更多的知识，更让我拥有了更加坚强的意志和更加清晰的人生目标。我相信，这四年的成长经历将成为我人生道路上宝贵的财富，让我更加勇敢地迎接未来的挑战。
2023-12-11 19:34:38
104
原创 【React】深入理解React组件状态State
定义一个合适的State，是正确创建组件的第一步。State必须能代表一个组件UI呈现的完整状态集，即组件的任何UI改变，都可以从State的变化中反映出来；同时，State还必须是代表一个组件UI呈现的最小状态集，即State中的所有状态都是用于反映组件UI的变化，没有任何多余的状态，也不需要通过其他状态计算而来的中间状态。
2023-10-23 21:30:07
667
原创 【React】React绑定事件
在React中，事件是组件与用户或其他组件通信的重要方式，例如：点击按钮、输入文本、拖动元素等。事件绑定是指将事件处理函数与组件的某个属性或元素关联起来，以便在事件发生时执行相应的逻辑。React事件绑定有很多种方式，每种方式都有其优缺点，本文将介绍四种常用的事件绑定方法，并比较它们的区别和使用场景使用属性初始化器来正确的绑定回调函数（推荐），在组件内使用箭头函数定义一个方法简单易懂，不需要使用bind方法，可以避免每次渲染时创建新的函数实例。类成员函数语法需要在构造函数中进行支持。
2023-09-25 10:44:30
532
原创 【React】JSX语法
此博文将讲解一个有趣的标签语法，它既不是字符串也不是HTML，它被称为JSX，是一个JavaScript的语法扩展，建议在React中配合使用JSXJSX可以很好地描述UI应该呈现出它应有交互地本质形式。JSX可能会使用人联想到模板语言，但它具有JavaScript的全部功能对于JSX来说，虽然是一种JavaScript语法扩展，但是你能发现其无法直接使用在HTML中，需要借助Babel的转换，转换后会自动帮我们解析成想要的样式JSX将HTML。
2023-09-25 10:12:01
264
原创 【React】React入门
以上就是我们对React的初步认识，包括React的概念、基础知识、如何创建React项目、编写React应用程序，以及一些基本的操作。接下来，还会不断地更新有关React的学习内容。
2023-09-16 15:52:49
461
原创 【前端】CSS-Grid网格布局
通过使用CSS-Grid，可以创建复杂的布局，如响应式的多列网格、媒体查询、网格项的自适应大小和位置等。CSS-Grid通过定义网格行和列来组织内容，并使用网格容器和网格项将内容放置在网格中。CSS-Grid的主要优点是它提供了更灵活的布局选项，比如可以定义不同的网格行和列的大小和位置，而且不需要使用复杂的浮动和定位技术。
2023-09-04 11:03:08
2079
1
原创 【前端】CSS-Flex弹性盒模型布局
CSS弹性盒子（Flexbox）是一种强大而灵活的布局模型，能够简化我们对网页布局的控制，并使页面在不同设备上的适应性更强。本文将介绍CSS弹性盒子的基本概念、属性和使用方法，帮助你更好地掌握弹性盒子布局。决定主轴的方向（即项目的排列方向）弹性元素永远沿主轴排列，那么如果主轴排不下，通过flex-wrap决定容器内项目是否可换行是flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap定义了项目在主轴上的对齐方式定义项目在交叉轴上如何对齐定义了多根轴线的对齐方式。
2023-09-01 09:53:21
5208
1
原创 【前端】CSS3新特性
css3这个相信大家不陌生了，是个非常有趣，神奇的东西！有了css3，js都可以少写很多！最近我也在过一遍css3的一些新特性（不是全部，是我在工作上常用的，或者觉得有用的），以及一些实例，就写了这一篇总结！希望，这篇文章能帮到大家认识css3。写这篇文章主要是让大家能了解css3的一些新特性，以及基础的用法，感觉css3的魅力！如果想要用好css3，这个得靠大家继续努力学习，寻找一些讲得更深入的文章或者书籍了！如果大家有什么其他特性推荐的，欢迎补充！大家一起学习，进步！
2023-08-30 15:14:22
4350
2
原创 我的创作纪念日
学习是一个反复的过程，再学习的过程中，一定要问问题，要多问问题，因为问题是最好的老师。通过和其他人的讨论，再自己想法的基础上再结合其他人补充或对自己想法的完善，自己对问题的结果会有更深刻的理解和认识。这样更高效的提高自己的创作水平，也解决了自己的问题。在项目实战中，要把遇到的问题进行记录，以及在解决问题时是如何进行解决的，也要进行记录，这样避免再次出现类似的问题时，不知如何解决，从而影响开发效率。创作已经成为了我生活的一部分了，学到了新的知识、遇到了新的事物、收获了新的学习方法，都会在CSDN中进行记录。
2023-08-26 09:28:53
2734
原创 【项目实战典型案例】05.前后端分离的好处(发送调查问卷)
将同一功能的样式和逻辑计算进行了拆解，这样的好处：1.提高了开发效率，前后端可以有对应的人员进行开发。2.增强了代码的可维护性，减少了样式和逻辑的耦合。解决问题方便定位。3.提高了复用性，适应能力强同一套后端程序代码，不用修改就可以用于Web界面、手机、平板等多种客户端。体现了面向对象的思想。高扩充、高复用、低成本维护。
2023-08-25 17:41:55
3628
2
原创 【前端】CSS技巧与样式优化
CSS作为前端开发的重要组成部分，不仅赋予网页美观的外观，还能为用户提供良好的交互体验。本文将深入探讨CSS中的精灵图、三角效果、用户界面样式、溢出省略号以及常见布局技巧，帮助你更好地运用CSS，打造出更加吸引人的网页界面。CSS精灵图是将多个小图标或图片合并成一张大图，然后通过CSS的背景定位来显示需要的部分。这样做的好处是减少了HTTP请求的数量，从而加快了页面加载速度。一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接受和发送请求图片，造成服务器请求压力过大，这将
2023-08-24 09:50:43
3751
原创 【前端】深入解析CSS：选择器、显示模式、背景属性和特征剖析
CSS（层叠样式表）作为前端开发的核心技术之一，为网页赋予了美观和交互性。本文将深入探讨CSS的复合选择器、元素显示模式、背景属性以及其三大特征，帮助读者更好地理解和应用CSS。CSS的复合选择器、元素显示模式、背景属性以及其三大特征共同构成了CSS的核心部分。通过深入理解这些概念，开发者可以更灵活地控制元素的样式和外观，从而创造出更精美、交互性更强的网页。
2023-08-24 08:46:26
4192
3
原创 【前端】深入理解CSS盒子模型与浮动
页面中的元素都是由盒子构成的，盒子里面装的就是元素的内容。盒子的从内到外分别是内容(content),内边距(padding),边框(border),外边距(margin)，这些属性也是我们常用的属性。我们F12打开开发者工具选中页面的元素就能很清晰的看到对应的属性及属性值通过本文的介绍，读者对CSS盒子模型和浮动有了更深入的理解。掌握了这两个概念后，读者可以更灵活地进行页面布局和设计，提升网页的用户体验和可维护性。
2023-08-22 09:44:01
3489
原创 【前端】深入理解CSS定位
CSS定位是用来控制元素在页面上的位置和排列方式的技术。普通流、浮动流、定位流，其中定位流包括相对定位、绝对定位和固定定位。普通流：元素默认从上至下或者从左至右的排序顺序浮动流：添加了浮动的元素定位流：添加了定位的元素，包括相对定位、绝对定位、固定定位接下来，博主会从CSS定位、CSS边偏移、元素的显示与隐藏，这三部分进行讲解静态定位是元素的默认定位方式，无定位的意思#静态定位语法相对定位是元素在移动位置时，是相对于它原来的位置来说的#相对定位语法绝对定位。
2023-08-18 10:16:25
3095
原创 【Nexus】Maven从Nexus中下载jar包
【Nexus】Nexus创建Maven私服【Nexus】上传jar包至Nexus的两种方式。
2023-06-26 08:28:00
8303
1
原创 【Nexus】上传jar至Nexus的两种方式
确保IDEA中项目为Maven项目，并且在nexus中已经创建了Maven私服。【Nexus】Nexus创建Maven私服。
2023-06-19 08:50:23
16310
原创 【Nexus】Nexus创建Maven私服
已经安装好了Nexus并可以成功登录我们需要创建两个Hosted Repository，一个类型为Release，一个类型为Snapshot。Release类型的仓库主要用于存储咱们发布的jar包；Snapshot类型的仓库主要用于存储咱们开发的jar包，是经常更新的存储库为什么要注意顺序？
2023-06-15 10:09:19
8152
原创 【Nexus】Linux安装Nexus
非root权限用户执行防火墙相关命令时，需要在命令前加上sudo，提升权限并根据提示输入密码。默认的端口号为8081，这里我修改为了8089，端口号可以根据需要进行修改。
2023-06-15 09:40:26
8025
原创 【前端】掌握按钮的显示与隐藏
在前端开发中，按钮的显示与隐藏效果是常见且重要的交互.有时候我们需要通过一些逻辑来控制按钮的显示或隐藏。下面就来介绍一些实现方式。//是否显示删除按钮通过CSS属性、JavaScript、前端框架等方法，我们可以实现按钮的显示与隐藏，提升用户界面的交互性和用户体验。根据项目需求和技术栈的不同，选择合适的方法来实现按钮的控制，使用户界面更加灵活和友好。
2023-06-02 20:32:28
10604
3
原创 【算法排序】直接插入排序详解与实现
插入排序(InsertionSort)，一般也被称为直接插入排序。对于少量元素的排序，它是一个有效的算法。插入排序是一种最简单的排序方法，它的基本思想是将一个记录插入到已经排好序的有序表中，从而一个新的、记录数增 1 的有序表。在其实现过程使用双层循环，外层循环对除了第一个元素之外的所有元素，内层循环对当前元素前面有序表进行待插入位置查找，并进行移动。
2023-05-24 08:16:57
4490
2
原创 【算法排序】动态规划
在递归实现中，当计算F(n)时，会先计算F(n-1)和F(n-2)，而计算F(n-1)时又会先计算F(n-2)和F(n-3)，这样就会出现重复计算的情况。将待求问题划分为若干个子问题，按划分的顺序求解子阶段问题，前一个子问题的解，为后一个子问题的求解提供了有用的信息（最优子结构）。二者都是求原问题具有最优子结构性质，都是将原问题分而治之，分解成若干个规模较小的子问题，然后将子问题的解合并，形成原问题的解。问题的最优解是由最优子问题的最优解推出的，也就是问题的最优解包含了子问题的最优解。
2023-05-22 08:11:32
4656
1
原创 【Shell脚本】Linux安装Nexus的两种方式以及开机自启
Nexus是一个功能强大的仓库管理器，可用于存储和管理各种构件，如软件包、依赖项、镜像等。在Linux系统上安装Nexus可以极大地简化软件交付和部署流程。本文将介绍两种在Linux上安装Nexus的方法，以及如何配置开机自启。无论你选择哪种方法安装Nexus，它都将成为你软件交付流程的有力助手。通过本文所述的步骤，你可以在Linux系统上轻松安装Nexus，并配置开机自启，以便始终保持可用状态。始终记得查阅官方文档以获取最新的安装和配置信息。
2023-05-17 08:26:49
6331
2
原创 【AR技术】AR教学机器人
随着科技的不断进步，越来越多的 AR 技术被应用到各个领域。AR 指增强现实技术，是一种可以将数字信息和现实场景融合的技术。下面将简单介绍 AR 技术的应用领域和现状。教育领域是 AR 技术的重要应用领域之一。AR 技术可以将学习过程变得更加生动有趣，帮助学生更加直观地了解知识点。例如，在高中化学教学中，AR 技术可以将元素周期表变成一个立体的、可交互的图像，帮助学生更加深入地了解元素的性质和应用。我们公司有一款软件，是针对教育的。主要是给用户上课使用的。而我们软件的简介是三得四无限。
2023-03-25 10:47:04
953
1
原创 【docker】docker安装MySQL
服务器上安装了dockerMySQL是一种广泛使用的关系型数据库管理系统（RDBMS），它使用SQL作为其查询语言。Docker是一个开源的容器化平台，可以为应用程序的开发、部署和运行提供便利。在Docker中安装MySQL可以使开发人员更加方便地进行MySQL应用程序的开发和测试。本文将介绍如何在Docker中安装和配置MySQL。Docker是一种开源的容器化平台，可以帮助开发者打包、运输和部署应用程序和服务。Docker利用容器技术，将应用程序打包到一个独立、可重复的容器中，以便在任何环境下运行。
2023-03-24 19:52:17
868
3
原创 【项目实战典型案例】15.登录之后我加入的课程调用接口报错
通过对于项目的部署使用发现，项目在使用不久会就发现非常的卡顿，内容加载不出来，或者加载非常慢的情况。但是每当我们构建完毕之后就不卡了，但是使用一点时间就又会出现卡顿的问题，带着这些现象对服务器进行了监控，看了服务对应的log日志。发现了一下两个问题。在项目开发过程中，对于一些公共变量的使用要慎重，需要考虑是否有并发，以及多线程的情况编写代码的时候，要清楚为什么要这么写。
2023-03-18 10:45:00
713
3
原创 【项目实战典型案例】25.AR系统、第三方、用户三角形超级稳定耦合
现阶段有一个AR助教机器人的软件，该软件的核心思想是：让学生的学习看得见、抓得住、帮得上。需要老师在第三方上制作相应的课程，然后同步到AR助教机器人中，然后把做好的课程推送出来让学生进行学习。学生端登录用到的是登录第三方的账号和密码 需要到第三方上进行校验，校验通过之后才能登录AR。在第三方上做课第三方服务不稳当就会导致活动爬取不下来的问题。
2023-03-17 15:39:00
619
2
原创 【项目实战典型案例】03.fegin调用404情况
在项目当中我们经常使用Nacos来管理配置文件。Nacos从中起到了两个作用一个是注册中心，一个是配置中心。配置中心将配置从应用中抽离出来，交给nacos统一的来管理配置，可以配置多套环境，发生改变各个微服务各自到nacos配置中心拉取相关配置，实现配置中心化避免频繁修改配置文件；作为注册中心实现服务调用者对服务提供者远程调用，项目中出现了两台使用同一个命名空间的nacos只更新了一台，导致请求到了没更新的那一台导致了404问题的出现。保持代码一致性可以确保两套服务在功能上完全相同。
2023-03-17 10:03:10
916
2
原创 【项目实战典型案例】09.数据类型不一致导致equals判断为false
在判断课程id和班级id的时候，如果类型一致就会更新课程信息，如果类型不一致就会插入一条新的数据。其实两个变量的值是一致的，只不过数据类型不一致，从而导致了，在判断的时候结果为false，就会往库中插入一条相同课程班级的数据。结果数据发生了混乱的情况。equals方法不能作用于基本数据类型的变量如果没有对Object中equals方法进行重写，则比较的是引用类型的变量所指向的对象的地址，反之则比较的是内容equals方法如果没有进行重写操作的话去比较两个对象的地址。
2023-03-16 14:49:31
528
1
原创 【项目实战典型案例】02.SQL语句优化
sql语句各部分的执行顺序明确distinct和group by的差异查看sql语句是否已经添加了索引，索引是否失效明确sql语句的执行顺序有助于我们对于sql语句进行优化。提高我们对数据库和sql语句的理解。来编写效率更高的语句。优化SQL语句可以提高查询性能、减少系统负载、提高用户体验、节省成本和改善系统的可扩展性。这些好处有助于提高系统的性能、稳定性和可用性，提升用户的满意度和系统的价值。
2023-03-15 17:08:30
660
1
当root下的磁盘空间不足时，我们如何把home下面的磁盘空间分配到root磁盘下面
2023-01-31
TA创建的收藏夹 TA关注的收藏夹
TA关注的人