颜色渐变文字
摘要：-webkit-background-clip：text 记得要给文字的默认color为透明的哦——transparent，要不然会被默认的黑色给覆盖住 剪裁掉除文字以外的背景，这样我们只需要设置一个bgc就可以实现字体颜色渐变
阅读全文
posted @
2022-11-29 20:09
最帅爸爸
阅读(40)
推荐(0) 编辑
Vue 解决打包后启动后一片白的问题
摘要：1.修改Vue.config.js文件 加上：publicPath: './' const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: tr
阅读全文
posted @
2022-11-25 15:17
最帅爸爸
阅读(84)
推荐(0) 编辑
Vue3（十）电影院案例
摘要：效果图： 代码： <template> <div class="move_box"> <div class="move_leftbox"> <h4 style="text-align:center">屏幕</h4> <div class="img_box"> <div class="img_item
阅读全文
posted @
2022-11-25 10:01
最帅爸爸
阅读(210)
推荐(0) 编辑
Vue3学习（九）
摘要：路由学习： 1：路由传参 <template> <div class="cls">这是电影 <h2>{{ $route.params.id }}</h2> <h2>{{ $route.params.type }} - {{ $route.params}}</h2> <h2>{{ $route.que
阅读全文
posted @
2022-11-25 08:41
最帅爸爸
阅读(42)
推荐(0) 编辑
css悬浮第一个div时改变里层div的颜色
摘要：#one:hover > #two + #three { background-color: yellow; }
阅读全文
posted @
2022-11-23 11:37
最帅爸爸
阅读(71)
推荐(0) 编辑
filter用法
摘要：Filter描述 none 默认值，没有效果。 blur(px) 给图像设置高斯模糊。"radius"一值设定高斯函数的标准差，或者是屏幕上以多少像素融在一起， 所以值越大越模糊；如果没有设定值，则默认是0；这个参数可设置css长度值，但不接受百分比值。 brightness(%) 给图片应用一种线
阅读全文
posted @
2022-11-22 16:16
最帅爸爸
阅读(62)
推荐(0) 编辑
nacos的使用
摘要：一：下载nacos 打开github搜索nacos，选择历史版本，建议下载1.4版本的，较稳定 https://github.com/alibaba/nacos 二：下载完后解压文件，两种方式打开 1：双击启动 2：命令行启动 bin文件目录下进入终端，输入：startup.cmd -m stand
阅读全文
posted @
2022-11-18 10:03
最帅爸爸
阅读(780)
推荐(1) 编辑
Eureka使用
摘要：一：引入 <!--eureka服务端--> <dependency> <groupId>org.springframework.cloud</groupId> <artifactId>spring-cloud-starter-netflix-eureka-server</artifactId> </
阅读全文
posted @
2022-11-16 11:47
最帅爸爸
阅读(96)
推荐(0) 编辑
数据库查询表中不重复的数据
摘要：distinct 例： 查找出星期一上了哪种课 select distinct curriculum from student where week="星期一"
阅读全文
posted @
2022-11-14 15:11
最帅爸爸
阅读(21)
推荐(0) 编辑
Vue3学习（八）
摘要：组件学习： 子组件： <template> <div :title="msg">{{title}}</div> <div>{{cnData}}</div> <div>{{user}}</div> </template> <!-- <script lang="ts"> import { defineC
阅读全文
posted @
2022-11-11 08:48
最帅爸爸
阅读(108)
推荐(0) 编辑
浏览器添加Vue的扩展包
摘要：效果图： 一：下载扩展包 我这边采用的是：chrome应用商店下载 https://www.gugeapps.net/webstore/category/extensions 二：搜索后下载 三：下载成功后会得到一个crx的文件，改变后缀名为zip，再解压成文件夹 四：打开浏览器的扩展程序，选择加载
阅读全文
posted @
2022-11-10 10:59
最帅爸爸
阅读(592)
推荐(0) 编辑
价格划线
摘要：text-decoration:line-through
阅读全文
posted @
2022-11-09 15:35
最帅爸爸
阅读(23)
推荐(0) 编辑
动态给v-for循环的数组绑定class
摘要：效果图： 思路：通过 :class来和三元运算符来动态绑定 给v-for绑定一个单击事件，这个单击事件里传输下标索引，用于获取用户点击的是哪一个 定义一个n来存储传过来的下标值 最后在:class中判断n是否==与下标索引 代码： <template> <div :class="[className
阅读全文
posted @
2022-11-09 11:17
最帅爸爸
阅读(451)
推荐(0) 编辑
数据表关系图绘画
摘要：例：假设我们要分析两张表 一张学生表 一张班级表 分析他们的关系： 1：首先一个学生只可以对应一个班级 1 1 2：一个班级可以对应多个学生 n 1 3：所以我们可以得出结论： 学生表跟班级表是多对一的关系！！！（顺时针画图的话去掉1，3得出结论） 效果图：
阅读全文
posted @
2022-11-09 11:06
最帅爸爸
阅读(65)
推荐(0) 编辑
JWT自学
摘要：一：导入配置文件 <!-- JWT--> <dependency> <groupId>com.auth0</groupId> <artifactId>java-jwt</artifactId> <version>3.4.0</version> </dependency> 二：可以先在Applicat
阅读全文
posted @
2022-11-08 08:39
最帅爸爸
阅读(22)
推荐(0) 编辑
indexOf 和 LastIndexOf
摘要：<script> //首次出现o的下标索引位置 console.log("helloIndexof".indexOf("o")) //最后一次出现o的下标索引位置 console.log("helloIndexof".lastIndexOf("o")) //在数组中首次出现的下标索引位置 let l
阅读全文
posted @
2022-11-01 19:24
最帅爸爸
阅读(17)
推荐(0) 编辑
Vue3学习（七）综合实例
摘要：示图： 代码： <template> <table border="1" width="1000" cellpanding="0" cellspaing="0" style="margin:0 auto"> <tr> <th><input type="checkbox" name="checkAll
阅读全文
posted @
2022-11-01 10:10
最帅爸爸
阅读(47)
推荐(0) 编辑
Vue3学习（六）
摘要：取反，按键处理事件，鼠标左中右事件，form阻止提交，v-on，lazy，number，trim <template> <!-- .delete只在删除键上有效，还有很多，如：enter，esc，等等 --> <!-- 还可以.once指的就是点击一次有效，后面无效 --> <!-- 还可以指定两个
阅读全文
posted @
2022-11-01 10:07
最帅爸爸
阅读(90)
推荐(0) 编辑
Vue3学习（五）
摘要：设置全局参数，调用参数三种方法，阻止默认事件，阻止冒泡，capture捕获 设置全局参数 main.ts import { createApp } from 'vue' import App from './App.vue' import router from './router' let app
阅读全文
posted @
2022-11-01 10:02
最帅爸爸
阅读(40)
推荐(0) 编辑
Vue3学习（四）
摘要：连接数据库实现数据防抖 shake.js export function shake(fn,delay){ let time=null; return function(){ let parameter=arguments; if(time){ clearTimeout(time); } time=
阅读全文
posted @
2022-11-01 09:56
最帅爸爸
阅读(31)
推荐(0) 编辑
Vue3学习（三）
摘要：<template> <h2>姓名：{{user.name}}</h2> <h2>姓名：{{user.age}}</h2> <h2>姓名：{{user.job.salsry}}k</h2> <button @click="user.name+='%'">修改姓名</button> <button @
阅读全文
posted @
2022-11-01 09:54
最帅爸爸
阅读(36)
推荐(0) 编辑
Vue3学习（二）
摘要：使用方法，computed，watch，watchEffect完成加减乘除 <template> <h1>方法</h1> <input type="text" v-model="input3" @input="meth()"> + <input type="text" v-model="input4
阅读全文
posted @
2022-11-01 09:52
最帅爸爸
阅读(52)
推荐(0) 编辑
