- 博客(46)
- 收藏
- 关注
RSS订阅原创 elementUI组件库el-switch开关控件的样式设置，精细至开关内的文字、圆点、背景设置
elementUI开关控件样式设置开发项目时做一种开关控件样式，要求显示和隐藏两种状态下的文字、圆点、背景色等都有区别，就研究了一下，各种设置已在代码中标注，小白也可直接复制使用。 active-color与inactive-color属性来设置开 关的背景色。会直接将背景以及边框颜色都改变，此处不适用，边用css来操作
2023-04-28 18:52:41
4371
原创 axios拦截器是什么？（请求拦截器、相应拦截器），作用？挂载请求头携带token、权限验证等
axios在每次发送数据请求时，会首先经过请求拦截器，可以在此挂载统一的token等后才会到达服务器，服务器处理完请求要响应给浏览器时，首先经过响应拦截器才会到达，在此通常做一些响应结果的判断。请求拦截器 在请求发送前进行必要操作处理，例如添加统一cookie、请求体加验证、设置请求头等，相当于是对每个接口里相同操作的一个封装；响应拦截器 也是如此功能，只是在请求得到响应之后，对响应体的一些处理，通常是数据统一处理等，也常来判断登录失效等。返回的请求体，携带请求头headers、请求方法、地址路径等。
2023-02-11 16:46:08
951
原创 vue自定义指令---处理加载图片失败时出现的碎图,onerror事件
一、自定义指令 1、局部注册和使用 2、全局注册和使用二、自定义指令处理图片加载失败（碎图）inserted方法 - 指令所在标签, 被插入到网页上触发(一次)update方法 - 指令对应数据/标签更新时, 此方法执行，只要更新就触发 el参数为使用此自定义指令的DOM元素 binding参数用来接收传的值，binging.value就是具体值
2023-02-11 15:13:19
1128
原创 移动端下拉加载更多数据onload做法详细解读，网易云音乐案例解读
onload 下拉刷新加载更多数据 （触底后加载下一页数据）（loading，finished，page） 思想：1、监测页面触底执行onload事件 （onload事件:页面内所有元素包括图片等都加载完成后执行） 2、配合后台接口，传递下一页的标识 3、拿到下一页数据后追加到当前数组末尾即可
2023-02-11 11:36:45
1038
原创 vue解决跨域问题-反向代理Proxy
不同源下：浏览器向服务器发送请求数据，服务器处理后，发现此浏览器和我并不遵守同源策源，不安全，就不会把处理后的数据响应给浏览器，浏览器无法获取数据。总的思想就是做一个代理服务器，他的基地址路径手动设置为和服务器的路径一致，来作为两者之间的中间人，转交数据。浏览器有同源策略，限制同协议、同域名、同端口，只要有一项不一致，就是跨域。同源下：浏览器向服务器请求数据，服务器响应数据给浏览器。3、真正的服务器将数据响应给代理服务器。4、代理服务器再将得到的数据交给浏览器。2、代理服务器请求真正的服务器。
2023-02-09 23:29:41
1672
原创 vuex的使用，相关配置的解读及使用state、mutations、actions、getters，vuex的辅助函数用法
一、vuex是什么、作用、特点、使用场景 二、vuex的入门使用步骤 三、vuex的模块化用法 四、vuex的相关配置用法解读 1、state是提供共享数据的唯一根节点 2、 mutations是修改共享数据state的唯一节点 3、 actions内可写任何异步操作，注意提交的是一个mutation4、getters内定义的数据和计算属性相同，值的获取 五、vuex的辅助函数mapState , mapMutations,mapActions,mapGetters
2023-02-06 22:22:15
716
原创 vue项目报错解决，Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)
出现此错误的原因是因为此时的项目为vue2 ，下载的vue-router包版本太高，将vue-router包更新至低版本即可解决，如 yarn add vue-router@3.5.3 或 npm i vue-router@3.5.3。在做vue2项目时，使用路由vue-router，浏览器显示空白且报错如图。
2023-02-01 11:04:06
3188
原创 webpack打包构建工具的使用和相关的配置
一、webpack的基础使用步骤二、webpack的配置1、入口和出口2、 webpack打包后自动生成html文件并自动引入打包后的js3、加载器loader 3.1、处理css文件 3.2、处理less文件 3.3、处理图片文件 3.4、处理字体文字 3.5、处理高版本js语法（降级）4、代码变更，自动刷新打包（webpack开发服务器）
2023-01-31 20:14:51
1389
1
原创 解读Ajax原理、XMLHTTPRequest对象，及其Ajax使用步骤
Ajax的原理、Ajax优缺点、Ajax 的实现流程、实现步骤 (只用Ajax发送请求，需要先引入jQuery库)二、XMLHTTPRequest对象此对象所具有的方法、常用详细解析、常用属性、实现步骤 （使用XMLHTTPRequest配合Ajax时）
2023-01-29 21:49:37
739
1
原创 vue组件通信 - 父向子传、子向父传 （详细步骤）
vue组件通信 - 父向子传、子向父传 （详细步骤）一、父组件向子组件传值 1、要传递的值为 普通数据类型 的值， 2、要传递的值为 复杂数据类型、被变量接收的值类型二、子组件向父组件传值三、扩展 $parent $refs
2023-01-13 21:07:42
1865
2
原创 vue跨组件通信(兄弟组件)-详细步骤
vue组件通信 - 跨组件通信（兄弟组件）详细步骤1、准备一个空白的对象文件 路径src > eventBus > index.js ，作为两个跨组件之间的桥梁 在此文件夹内需要实例化 vue ，并导出2、在两个要传收数据的组件内，分别将此eventBus文件引入3、要传值的子组件内，（建议使用在函数方法内）4、要接收的子组件内，与data(){},同级创建create(){}钩子函数
2023-01-13 20:04:12
445
原创 解读同步与异步，同步任务与异步任务，JavaScript中的任务执行顺序
遇到代码，从最外层作用域层层向内剖析任务类别，如console.log()、new Promise()之类，先将这种同步任务执行，再去看他们身上是否存在微任务，如new Promise()上的then()方法、.catch()方法，如果有，先将此微任务依次放入宿主环境等待执行，所有的同步任务限制先执行完后，再执行等待中的微任务，微任务完之后执行宏任务。（简单理解同步就是有顺序的从先到后执行，前一个进程没有执行完，后一进程只有等待前面的执行完后，才可以继续执行）前一任务执行完毕后，才可以执行后一任务才。
2023-01-04 19:36:22
2262
2
原创 【封装一个判断闰年的函数（可以返回true和false），再写一个根据闰年和平年输出2月天数的函数（函数返回值，函数内部调用别的函数）】
【代码】【封装一个判断闰年的函数（可以返回true和false），再写一个根据闰年和平年输出2月天数的函数（函数返回值，函数内部调用别的函数）】第一种方法，内部匿名函数第二种方法：封装两个函数，以回调函数形式嵌套实现
2022-10-30 20:36:10
127
原创 封装一个判断闰年的函数（可以返回true和false），再写一个根据闰年和平年输出2月天数的函数（函数返回值，函数内部调用别的函数）
第二种方法：封装两个函数，以回调函数形式嵌套实现。第一种方法，内部匿名函数。要求：判断闰年的函数（可以返回true和false）再写一个根据闰年和平年输出2月天数的函数
2022-10-30 20:25:13
119
原创 封装两个函数，找出任意一个由数字组成的数组（如[1,2,3,4,5,6,7]）里面的质数，返回并打印
【代码】封装两个函数，找出任意一个由数字组成的数组（如[1,2,3,4,5,6,7]）里面的质数，返回并打印。
2022-10-30 20:19:40
110
原创 h5c3清除浮动的四种方法
父元素不设高度，由内容自动撑开，若子元素浮动，则此子元素不能撑开标准流的块级父元素。给父元素最后添加一个块元素、此块设置 clear:both。（缺点：添加额外标签，复杂HTML结构）①直接设置父元素高度 (新闻网页、京东推荐)⑤给父元素设置overflow：hidden。原因，子元素脱标，不占位置。
2022-10-30 19:55:29
159
原创 外边距合并、外边距塌陷，如何形成，及解决方法
水平布局的盒子，左右margin正常，两者距离为左右margin之和 1、外边距折叠现象-合并： 垂直布局的同级块级元素，上下margin会合并，两者距离为最大一方margin 解决方法： ①开发时，避免出现垂直布局的上下相邻块级元素之间同时出现margin-top、margin-bottom 2、外边距折叠现象-塌陷： 互相嵌套的块级元素，子元素的margin-top会作用在父元素之上会导致连带父元素一起往下移动 *解决方法
2022-10-30 16:51:59
141
原创 行内元素、行内块元素任意两者间为什么会有小间隙，如何解决
2、给父元素设置 font-size：0，再给本身设置font-size。4、本身设置margin-left：-5px;3、本身设置浮动 float：left；行内元素、行内块元素任意两者间为什么会有小间隙？1、编辑代码时强制不换行。由于代码编辑行内/行内块时换行造成。
2022-10-30 16:41:02
128
原创 label标签使用-扩大点击响应范围
label标签的使用，扩大点击响应范围第一种方法：直接包裹内容，第二种方法：设置id与for 单选框上设置 id=‘ ’,内容用label包裹，设置属性for=' '
2022-10-30 16:33:15
610
原创 Java 斐波那契数列（兔子数列），计算斐波那契数列的第n个值，并将数列打印出来，完美实现
斐波那契数列（兔子数列） 输入一个数据n,计算斐波那契数列的第n个值 1 1 2 3 5 8 13 21 34 55 规律：一个数等于前两个数的和 要求：计算斐波那契数列的第n个值，并将数列打印出来代码亲写，可用package com.xuexi.contact;import java.util.Scanner;public class RecursionTest { public static void main(St...
2022-04-14 12:50:48
1595
1
原创 Java递归方法实现100以内数的和输出，n的阶乘输出 ，方法的定义和调用
例三、已知f(0)=1,f(1)=4，f(n+2)=2*f(n+1)+f(n), 其中n是大于0的整数，求f(10)的值 代码亲写，可用* 递归方法的使用* 1、递归方法：一个方法内调用它自身* 2、方法递归包含了一种隐式的递归，他会重复执行某段代码，但这种重复执行无需循环控制* 递归一定要向已知方向递归否则就是无穷递归，类似死循环package com.xuexi....
2022-04-14 12:40:25
1156
原创 【无标题】
定义一个Circle类，包含一个double型的radius属性代表圆的半径一个findArea()方法返回圆的面积定义一个PassObject,在类中定义一个方法printAreas()* 该方法定义如下：public void printAreas(Circle c ,int time)* 在printAreas方法中打印输出1到time之间的的每个整数半径值，以及对应的面积* 例如，time为5，则输出半径1、2、3、4、5，以及对应的面积* 在main方法中调用printAr...
2022-04-13 15:55:49
1145
原创 定义类Student、包含三个属性：学号 年级 成绩 ，冒泡排序 改进优化版，将操作数组的功能封装到方法中
代码可用，详细注释* 定义类Student、包含三个属性：学号number（int），年级state（int、成绩score（int）* 创建20个学生对象，学号为1到20，年级（小学）和成绩（百以内）都有随机数确定* 问题一：打印出三年级（state值为3）的学生信息* 问题二：使用冒泡排序按学生成绩排序，并遍历所有学生信息* 提示：* 1）生成随机数：Math.random(),返回值类型Double* 2）四舍五入取整数：Math.round(double d),返回值...
2022-04-07 09:48:58
876
原创 Java 定义类Student， 属性：学号 年级 成绩 ，冒泡排序 简单思想版
* 定义类Student、包含三个属性：学号number（int），年级state（int、成绩score（int）* 创建20个学生对象，学号为1到20，年级（小学）和成绩（百以内）都有随机数确定* 问题一：打印出三年级（state值为3）的学生信息* 问题二：使用冒泡排序按学生成绩排序，并遍历所有学生信息* 提示：* 1）生成随机数：Math.random(),返回值类型Double* 2）四舍五入取整数：Math.round(double d),返回值类型long...
2022-04-07 09:45:45
3729
原创 打印m*n的星型矩阵，再计算该矩阵面积，return
声明一个method方法，打印m*n的星型矩阵，再计算该矩阵面积 将其作为方法返回值，在main方法中调用该方法，接受返回的面积值并打印1、方法中形参定义m、n，调用时m、n作为矩阵长、宽 public class Exer11 { public static void main(String[] args) { Exer11 test = new Exer11(); int area = test.method(10,5); System.out.println(...
2022-04-07 09:41:22
795
原创 Java 利用面向对象的编程方法，设计类Circle计算圆的面积
代码：（亲写可用）package com.xuexi.demo; public class CircleTest {//测试类 public static void main(String[] args) { Circle c1 = new Circle(); c1.radius = 4.5; //对应方法一// double area = c1.Area();// System.out.println("此圆面积为" + area); //对应方法二 .
2022-04-07 09:37:34
2895
原创 Java类中 属性的变量 和 方法的使用
* 类中属性的使用* 属性（成员变量） VS 局部变量* 1、相同点* ①定义变量的格式 ： 数据类型 变量名 = 变量值* ②先声明、后使用* ③变量都有其对应的作用域* 2、不同点* ①在类中声明的位置不同* 属性：直接定义在一对{}内* 局部变量：声明在方法内、方法形参、代码块内、构造器形参、构造器内部的变量* ②关于权限修饰符的不同* ...
2022-04-07 09:33:48
759
原创 Java中类和对象的思想，基础掌握
* 一、Java面向对象的三条主线* 1、Java类及类的成员：属性、方法、构造器；代码块、内部类* 2、面向对象的三大特征：封装性、继承性、多态性、（抽象性）* 3、其他关键字：this\super\final\abstract\interface\package\import*大处着眼，小处着手*二、”人把大象装进冰箱“*1、面向过程：强调的是功能行为，以函数为最小单位，考虑怎么做* ①把冰箱门打开* ②拾起大象，塞进冰箱* ③把冰箱门关闭*...
2022-04-07 09:29:53
104
原创 排序算法，冒泡排序、快速排序思想
排序算法 排序算法就是指通过特定的算法因式将一组或多组数据按照既定模式进行重新排序 这种新序列遵循着一定的规则，体现出一定的规律。 1、时间复杂度：分析 关键字的比较次数和 记录的移动次数 2、空间复杂度：分析排序算法中需要多少 辅助内存 3、稳定性：若两个记录A、B的 关键字值相等 ，但排序后A、B的 先后次序保持不变，则这种排序算法是稳定的。 内部排序、外部排序排序算法： 1选择排序：直接选择排序、【堆排序】 2交换排序：【冒泡排序】、【快速排序 】...
2022-04-06 20:52:40
645
原创 操作数组的常用工具类，java.util.Arrays
//判断两个数组是否相等//输出数组信息//将指定值填充到数组之中(替换)//对数组进行排序//对排序后的数组进行二分法检索指定的值
2022-04-06 20:40:30
732
原创 二维数组，基础核心理解，代码分析
* 二维数组的使用* 1、二维数组的声明和初始化* 2、如何调用数组的指定位置的元素* 3、如何获取数组的长度* 4、如何遍历数组* 5、数组元素的默认初始化值 见ArrayTest3.java* 6、数组的内存解析 public class ArrayTest2 { public static void main(String[] args) { int[] arr...
2022-04-06 20:36:31
69
原创 一维数组，基础核心理解，代码分析
* 一、数组的概述* 1、数组（Array）：多个相同类型数据按一定顺序排列的集合，并使用一个名字命名* 并通过编号的方式对这些数据进行统一管理* 2、数组相关概念：* >数组名* >元素* >角标、下标、索引* >数组的长度、元素的个数* 3、数组特点* 数组是有序排列的* 数组本身属于引用数据类型的变量，但其内部元素可以是任意类型* 创建数组对象会在内存中开辟一整块的连续空间* 数组长度一经确定，就不能修改* 4、数组分类...
2022-04-06 20:33:28
121
原创 二维数组学习，基础掌握Java
二维数组的使用* 1、二维数组的声明和初始化* 2、如何调用数组的指定位置的元素* 3、如何获取数组的长度* 4、如何遍历数组* 5、数组元素的默认初始化值 见ArrayTest3.java* 6、数组的内存解析*/public class ArrayTest2 { public static void main(String[] args) { int[] arr...
2022-03-29 16:21:00
98
原创 一维数组的学习与练习， 基础掌握
一、数组的概述* 1、数组（Array）：多个相同类型数据按一定顺序排列的集合，并使用一个名字命名* 并通过编号的方式对这些数据进行统一管理* 2、数组相关概念：* >数组名* >元素* >角标、下标、索引* >数组的长度、元素的个数* 3、数组特点* 数组是有序排列的* 数组本身属于引用数据类型的变量，但其内部元素可以是任意类型* 创建数组对象会在内存中开辟一整块的连续空间* 数组长度一经确定，就不能修改* 4、数组分类* ①...
2022-03-29 16:18:44
106
原创 键盘读入学生成绩，找出最高分并输出相应学生等级 java,数组方式
java,数组方式 代码：亲写，有效，标注清晰 键盘读入学生成绩，找出最高分并输出相应学生等级
2022-03-29 16:12:32
1084
原创 杨辉三角10行，java数组方式输出，简洁明了
代码：亲写，有效（清晰的解释说明）杨辉三角(10行)1、第一行有1个元素，第n行有n个元素2、每一行的第一个元素和最后一个元素都是13、从第三行开始，对于非第一个元素和最后一个元素的元素。 此值等于位于此值上一位数与此值上左一位数的和，即* yH[i][j] = yH[i-1][j-1] + yH[i-1][j]; package com.xuexi.demo;/*杨辉三角(10行) * 1、第一行有1个元素，第n行有n个元素 * 2、每一行的第一个元...
2022-03-29 16:08:35
3081
原创 java 数组方式输出，电话号码（联系方式），简单理解
代码：亲写有效class IphonCode {//电话号码 public static void main(String[] args) { int[] arr = new int[] {5,2,1,0,3};//号码中出现的数值 int[] code = new int[] {2,0,3,2,4,0,1,3,2,3,};//遍历号码的顺序 String tel = " "; for(int i = 0;i <code.length;i++) { tel
2022-03-29 16:03:57
2418
原创 Java“完数”，代码详解，
//一个数的输出恰好等于它的因子之和，这个数就称为“完数”。例如：6=1+2+3//编程，找出1000以内的所有完数。//因子：出去这个数本身的其他约数代码：（亲写有效）class dada{ public static void main(String[] args) { int add = 0; //定义add以进行因子的累加 System.out.println("1000以内质数如下： "); for(int i = 1;i <= 1000;i++){
2022-03-27 17:41:23
4759
原创 java输出100内质数，计算数量，输出美观，两种输出顺序
代码：（亲写有效）标注、解释，非常清晰，适合小白，另有缩减运行时间的优化版1、普通版，输出形式：质数从大到小输出2、优化版，输出形式：质数从小到大输出（取质数范围较大时，运行时间缩减明显）取10000以内质数时用优化版，运行时间节省几倍
2022-03-25 23:16:08
1167
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人