- 博客(119)
- 收藏
- 关注
RSS订阅原创 el-carousel走马灯页数回到第一页
this.$refs.carousel: this.$refs是通过引用组件或 DOM 元素来访问,获取 "carousel" 的引用(carousel 是在模板中定义的 ref 名字)(this.$refs.carousel.activeIndex = 0): 将 "carousel" 的引用的activeIndex属性设置为 0,将走马灯的当前激活项设为第一个项目&& 确保只有在 carousel 存在时才将当前激活项重置为第一个，避免在 carousel 未定义时触发错误，同时确保走马灯回到
2024-05-08 17:03:20
302
原创 vue+elementUI实现点击左右箭头切换按钮功能
如果放六个超出了,就设置一下button不换行 再给里面的文字设置超出显示省略号就好了。最后用button和element里面的el-carousel(走马灯)结合了一下。原本是可以用el-tabs做的,就像下面的样式,但是领导说不行。循环来生成足够的 Carousel 页面，存放所有的按钮。来选取每页6个按钮，确保在当前页面范围内显示正确的按钮。：这是 Carousel 的每一页, 用。循环来生成每一页中的6个按钮。计算出需要多少页，每页6个按钮。表示每页显示6个按钮。
2024-04-30 17:28:38
818
原创 vue-router清除url地址栏路由参数
在另一个页面得到这个id之后,刷新浏览器页面还是会存在在url地址栏中。// 使用 $router.replace() 方法更新路由。// 获取当前路由的查询参数。// 删除指定的查询参数。
2024-04-26 18:03:35
684
原创 高尔夫代码
在高尔夫游戏中，每个洞都有自己的标准杆数par，意思是一个高尔夫球员为了把球打进洞里完成比赛，预计要挥杆的平均次数strokes。 根据你把球打进洞所挥杆的次数strokes高于或低于par多少，有一个不同的昵称（代表打高尔夫球的水平）。
2023-11-01 14:30:00
193
原创 在vue项目里添加阿里图标的彩色图标
不过我尝试了一下css那个没出来彩色图标,只能用于普通图标。直接在在public文件里添加链接就好。在vue项目中添加阿里图标库。最后页面中直接使用就可以了。
2023-03-31 10:15:00
280
1
原创 Vue2 el-tree组件在不选中的情况下自动默认高亮选定的节点
el-tree组件在不选中的情况下自动默认高亮选定的节点,defaultExpand 在data中定义。只需要加一个属性就好啦。
2023-03-30 16:42:08
302
原创 vue日期组件el-date-picker中更改默认日期格式并且实时显示的方法
vue日期组件el-date-picker中更改默认日期格式并且实时显示的方法,使用了默认:default-value="currentTime"属性之后,新增的时候会报错,前端与后端传递的数据不匹配。因为默认时间被new date() 解析之后返回的数据是默认时间形式的,格式不符。在项目中有一个需求是这样的,要求实时显示他的当前默认时间,并且不能修改。上面的格式写好之后是2023-01-18 13:58:3(没有补0)
2023-01-18 14:01:14
4068
原创 Java-----键盘录入一个三位数，将其拆分为个位、十位、百位后，打印在控制台
首先，键盘录入可以参照我们之前学过的键盘录入其次个位：数值 % 10十位：数值 / 10 %10百位：数值 / 100 % 10千位：数值 / 1000 %10
2022-10-10 10:00:00
2830
原创 Java小练习-----键盘录入两个整数，求出他们的和并打印出来
键盘录入练习键盘录入两个整数，求出他们的和并打印出来//1.导包，找到Scanner这个类在哪//注意：要写在类定义的上面import java.util.Scanner;public class ScannerTest{ public static void main (String[] args){ //2.创建对象，表示现在要用这个Scanner这个类 Scanner sc = new Scanner(System.in); //提示要输入的第一个数据 Sy
2022-10-09 09:15:00
2277
原创 JAVA-----键盘录入
Java帮我们写好了一个类叫做Scanner，这个类可以接收键盘输入的数字。导包要写在类定义的上面。sc是变量名，可以变，其他是固定格式。
2022-10-09 09:00:00
507
原创 Java-----变量、数据类型、标识符及命名规则
🪄在程序的执行过程中，其值有可能发生改变的量（数据）🪄数据类型 变量名 = 数据值；可以这样理解//主入口//定义变量//数据类型 变量名 = 数据值;//数据类型：限定了变量能存储数据的类型//int（整数） double（小数）//变量名：就是存储空间的名字//作用：方便以后使用//数据值：真正存在变量中的数据//等号：赋值。把右边的值赋值给左边的变量}}给类，方法，变量起的名字。
2022-10-08 13:13:45
444
原创 十进制，二进制，八进制，十六进制以及进制之间的转换
🐡十进制：由0~9组成 ----------> 不加任何前缀。🐡二进制：由0和1组成 ----------> 以0b开头。🐡八进制：由0~7组成 ----------> 以0开头。十进制中的4 ----------> 二进制中的100。十进制中的2 ----------> 二进制中的10。十进制中的3 ----------> 二进制中的11。十进制中的0 ----------> 二进制中的0。十进制中的1 ----------> 二进制中的1。
2022-10-02 09:00:00
755
原创 JAVA-----注释、字面量、关键字、制表符
单行注释 //注释信息多行注释 /*注释信息 */文档注释 /**注释信息 **/关键字class：字面量补充：特殊字符 制表符\t常用的代码编辑器，针对关键字有特殊的高亮颜色标记，非常直观。被Java赋予了特定涵义的英文单词。字面量是数据在程序中的书写格式。
2022-10-01 09:00:00
492
原创 JAVA-----下载JDK、安装、运行、配置环境
🌸下载和安装JAVA🌸编写第一个程序HelloWorld🌸编译🌸运行🌸案例常见问题💮.注意带；💮.注意分号用英文的💮.system开头要打大写🌸环境变量💮配置Path环境变量的目的💮配置环境变量注意：如果你重新开机后，配置的环境变量失效了，那怎么办？解决方法：1.JAVA_HOME还是要配置（虽然配置java用不到，但以后用得到）2.在path里不要引入JAVA_HOME了，直接写完成路径D:\develop\jdk\bin
2022-09-30 17:00:00
1095
原创 JAVA-----CMD命令
什么是CMD：打开CMD： 常见的CMD命令🥕.盘符名称 + 冒号🥕.dir🥕.cd 目录🥕.cd..🥕.cd 目录1\目录2\...🥕.cd \🥕.cls🥕.exit
2022-09-29 17:00:00
1877
原创 git上传项目到gitee的详细方法
git initgit add .git commit -m "first commit"git remote add origin git@github.com:Jsmond2016/my-study.gitgit push -u origin master
2022-09-22 11:47:38
15911
4
原创 VUE-----vue路由
使用一个自定义组件router-link来创建链接。这使得 Vue Router 可以在不重新加载页面的情况下更改 URL，处理 URL 的生成以及编码。🐇 切换路由举个栗子: 🐇 切换路由的地址关于产...
2022-08-08 00:34:36
497
原创 VUE-----axios
axios是一款ajax请求工具,是一个用于发送ajax请求的HTTP库，本质上是对AJAX的封装。(Promise是JS中进行异步编程的一种解决方案。methods//请求方法get,post,put,delete。3.可以通过get,post,put,delete操作资源。win+R找到cmd命令窗口切换到项目目录(cd项目目录)res.data请求返回的数据。paramsget请求的数据。或者在main.js中直接配置。data,post请求的数据。url,//请求的地址。...
2022-07-28 19:52:42
713
原创 VUE -----组件传参
第一步：在 components 目录新建你的组件文件（CounterCom.vue），script 一定要 export default {}第二步：在需要用的页面（组件）中导入：import CounterCom from './components/CounterCom.vue'第 三 步 ： 注 入 到 Vue 的子组件的 components 属性上面, components:{CounterCom}第四步：在 te...
2022-07-27 21:39:22
552
原创 VUE-----生命周期
每个组件在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到DOM并在数据变化时更新DOM等。同时在这个过程中也会运行一些叫做生命周期钩子的函数🍓。......
2022-07-27 20:36:00
517
原创 常用的cmd指令
我们在文件夹中创建一个叫做my的txt文件,现在来用cmd指令查看他。查看文本文件的内容(没写内容的时候就会显示为空)(以下示例中系统找不到指定的驱动器是因为我电脑上没有d盘)这时候我们可以看到在C盘下创建了一个名为my的文件夹。关于这个my.txt文件,要知道下面两个指令。(y是yes,N是no,询问你是否删除)如果你忘记了某个指令怎样使用,那就help。文件夹my中的my.txt文件就被删掉了。(在alt键的左边),就会弹出一个窗口。mdmy创建一个叫my的目录。......
2022-07-25 19:17:54
4758
原创 JavaScript-----立即执行函数
// 立即执行函数,有两种 // 1.立即执行函数:不需要调用,立即能够自己执行的函数 // 主要作用:创建一个独立的作用域,所有的变量都是局部变量, // 避免命名冲突的影响 // 2.写法 // (function(){})() 或者 (function(){}()) (function(a,b){ console.log(a+b); })(1,2) //第二个小括号可以看做是调用函数,也可以传递参数进去 // 如果有多个立即执行函数.
2022-06-25 06:00:00
298
2
原创 JavaScript-----元素可视区client
client系列属性 作用element.clientTop 返回元素上边框的大小element. clientleft 返回元素左边框的大小element.clientWidth 返回自身包括padding 、内容区的宽度，不含边框，返回数值不带单位element.clientHeight 返回自身包括padding 、内容区的高度，不含边框，返回数值不带单位...
2022-06-24 19:48:50
598
原创 JavaScript案例-----放大镜
1.鼠标经过小图片盒子，黄色的遮挡层和大图片盒子显示，离开隐藏2个盒子功能,就是显示与隐藏2.鼠标移动的时候,让黄色的盒子跟着鼠标来走 把鼠标坐标给遮挡层不合适。因为遮当层坐标以父盒子为准。 首先是获得鼠标在盒子的坐标 之后把数值给遮挡层做为left和top值。盒子高度 300的一半 150 此时用到鼠标移动事件，但是还是在小图片盒子内移动。mask移动的距离遮挡层不能超出小图片盒子范围大图片的移动距离=遮...
2022-06-23 21:32:38
212
原创 javascript案例-----拖动模态框
模态框,我们也叫弹出框,可以在网易云,京东等之类的网页中看到1．点击弹出层，会弹出模态框，并且显示灰色半透明的遮挡层。 2．点击关闭按钮，可以关闭模态框，并且同时关闭灰色半透明遮挡层。 3．鼠标放到模态框最上面一行，可以按住鼠标拖拽模态框在页面中移动。 4．鼠标松开，可以停止拖动模态框移动。在页面中拖拽的原理︰鼠标按下并且移动，之后松开鼠标 触发事件是鼠标按下mousedown，鼠标移动mocss部分:javascript部分:...
2022-06-22 19:13:58
472
原创 javascript案例-----获取鼠标在盒子内的坐标
我们在盒子内点击，想要得到鼠标距离盒子左右的距离。 首先得到鼠标在页面中的坐标( e.pagex e.pageY ) 其次得到盒子在页面中的距离( box.offsetLeft, box.offsetTop) 用鼠标距离页面的坐标减去盒子在页面中的距离，得到鼠标在盒子内的坐标 如果想要移动一下鼠标，就要获取最新的坐标，使用鼠标移动事件mousemove...
2022-06-21 20:47:36
458
原创 JavaScript-----元素偏移量offset
offset翻译过来就是偏移量，我们使用offset系列相关属性可以动态的得到该元素的位置（偏移)、大小等。 获得元素距离带有定位父元素的位置 获得元素自身的大小(宽度高度) 注意:返回的数值都不带单位...
2022-06-20 20:59:37
2072
原创 JavaScript-----history对象
history.forward()去历史记录的下一页 前进history.back()去历史记录的上一页 后退history.go(数字)跳转页面 数字如果为0 表示刷新本页面 正值前进为调转到历史记录的第几页 负值后退为跳转到历史记录的前第几页这里我们直接举个栗子来看一下:需要两个页面,也可以是多个页面 首页:列表页;效果如下:...
2022-06-19 20:45:46
99
原创 JavaScript-----navigator对象
下面前端代码可以判断用户那个终端打开页面，实现跳转如果是pc端,就会显示电脑 如果是移动端就会显示手机
2022-06-19 20:45:17
294
原创 JavaScript-----Location对象
window对象给我们提供了一个location属性用于获取或设置窗体的URL，并且可以用于解析URL。因为这个属性返回的是一个对象，所以我们将这个属性也称为location对象。统一资源定位符(Uniform Resource Locator, URL)是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么熔理它。 举个栗子:效果如下: 主要练习数据在不同页面中的传递代码思路:需要设置两个页面 第一个登录页面第二个登录进去的首页界面
2022-06-18 14:32:28
199
原创 JavaScript-----同步异步与js的执行机制
JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。这是因为Javascript这门脚本语言诞生的使命所致——JavaScript是为处理页面中用剧户的交互，以及操作DOM而诞生的。比如我们对某个DOM元素进行添加和删除操作，不能同时进行。应该先进行添加，之后再删除。 单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任多。这样所导致的问题是∶如果JS执行的时间过长，这样就会造成页面的渲染不连贯，导致页面渲染加载阻塞的感觉。这里提两个问题:通过这两道.....
2022-06-17 19:05:54
556
原创 JavaScript-----this的指向及修改this指向
this的指向是在使用时判断的而不是创建时判断的,除了箭头函数1.在全局作用域下,this指向window2.普通函数和匿名函数里的this指向window, IE事件里面this指向window3.对象方法里的this指向对象本身4.对象里面存放的如果是另一个对象,另一个对象的this指向另一个对象,而不是最外层的对象5.构造函数的this指向它的调用者6.箭头函数指向创建时的上一层作用域,箭头函数的指向不可变...
2022-06-15 19:30:27
305
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人