![](https://img-blog.csdnimg.cn/20190927151026427.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
大前端
包括主流前端技术栈
大风车转悠悠
其实,我是想开家书店的
展开
-
CSS实现卡片在鼠标悬停时突出效果
你可以根据自己的需求调整背景颜色、边框、阴影等样式属性,以达到突出卡片的效果。同时,也可以通过JavaScript来添加更复杂的交互效果。下面是一个简单的例子,展示了如何通过CSS为卡片添加悬停效果(没咋学过前端,凑合用吧)选择器,你可以定义鼠标悬停在元素上时元素的样式,比如改变颜色、背景、字体等。伪类选择器用于指定当鼠标指针悬停在某个元素上时,该元素的状态变化。伪类可以增强用户与网页的交互体验,让用户在视觉上能够感受到操作的反馈。在CSS中,实现卡片在鼠标悬停时突出,通常使用。原创 2024-04-09 19:48:01 · 791 阅读 · 0 评论 -
Vue组合式API 使用 AntV x6报错: “Error: Ensure the container of the graph is specified and valid”
Vue组合式API 使用 AntV x6报错: “Error: Ensure the container of the graph is specified and valid“原创 2023-08-01 16:47:27 · 1168 阅读 · 0 评论 -
CSS水平垂直居中: flex方式
.title{ /*flex 布局*/ display: flex; /*实现垂直居中*/ align-items: center; /*实现水平居中*/ justify-content: center; text-align: justify;}原创 2022-01-10 21:41:20 · 433 阅读 · 0 评论 -
vue中router.beforeEach()死循环
vue中router.beforeEach()死循环原创 2021-12-26 21:29:49 · 1489 阅读 · 0 评论 -
后端使用springcloudgateway路由转发后前端的cookie为undefined!
本地测试的时候,前端,后端,网关都在自己的电脑上,一切都正常,但当把模块拆分在不同服务器部署时登录发生了异常:部署视图查看日志发现,token返回是正常的,只是存取cookie发生了问题,分析过后是cookie的domain问题:cookie.set("aixuehub-token", data.data.token, {domain: 'localhost'})cookie.get('aixuehub-token')我在想是不是因为是网关转发的路由,这个localhost就是网关服务原创 2021-06-25 10:09:40 · 1311 阅读 · 0 评论 -
vue里<img>的src用变量代替后无法显示的问题
定义一个变量url:url: @/assets/ima/square/<img :src="require(url)" class="image">原创 2021-06-06 22:25:54 · 1673 阅读 · 0 评论 -
vue使用axios对后端接口发送post请求
后端接口/*** * 分页条件查询 * @param current 当前页 * @param limit 每页页数 * @param projectQuery 查询条件 * @return */ @PostMapping("pageCondition/{current}/{limit}") public Result pageCondition(@PathVariable long current,原创 2020-12-02 10:37:52 · 10733 阅读 · 0 评论 -
vue+elementui的分页功能
重点在于分页组件的@current-change="触发事件函数"布局文件:<!--表格--> <div> <el-table :data="result" border style="width: 100%">原创 2020-12-01 10:58:21 · 545 阅读 · 0 评论 -
vue报错Unexpected aliasing of ‘this‘ to local variable @typescript-eslint/no-this-alias
起因是在vue中使用_this = this,总是报错Unexpected aliasing of 'this' to local variable @typescript-eslint/no-this-alias原因是 eslint 为了防止this变量和局部变量混淆(大概吧)解决方法:在.eslintrc.js中的rules添加 "@typescript-eslint/no-this-alias": ["off"]好像只要是eslint报的错后面后@xxxxx都可以用这个就是直接关.原创 2020-11-30 20:53:43 · 19920 阅读 · 1 评论 -
Vue计时和倒计时
0、相关变量considerateTime: 30, //思考时间oneAnswerTime: 180, //1题的回答时间totalTimeH: 0, //总时间的小时totalTimeM: 0, //总时间的分钟totalTimeS: 0, //总时间的秒一、计时1、效果2、主要代码counttimeOftotal(){//面试总时长计时 this.timer = setInterval(()=>{原创 2020-10-29 15:17:45 · 244 阅读 · 0 评论 -
Vue引入外部css的一个问题
目录结构如下,我在RouteMap.vue中想引用assets/css/xxxx.css于是,我在<style>下是这样写的:@import "/assets/css/mapbox-gl.css";此时浏览器控制台没报错,但样式没起作用。当我改成如下就可以了:@import "../../assets/css/mapbox-gl.css";...原创 2020-07-26 21:02:25 · 289 阅读 · 0 评论 -
SpringBoot&Vue解决前后端跨域问题
场景:vue项目通过axios请求http://localhost:8080/mobileinfo,报如下错:只需要在后端controller代码加上@CrossOrigin注释即可@CrossOrigin(origins = "*",maxAge = 3600)完整如下:@CrossOrigin(origins = "*",maxAge = 3600)@RestControllerpublic class InfoController { @Autowired .原创 2020-07-26 17:41:57 · 655 阅读 · 2 评论 -
【踩坑】npm ERR! missing script: serve
原因1没有进入根目录就执行npm run serve只要cd进根目录就行,这种一般是粗心还在项目上一层目录就执行命令了:原因2node_modules问题(要么没有,要么没下载完整)没有执行npm install(项目没有node_modules文件夹,执行npm install就行),或者执行npm时node_modules时没下载完整(删掉node_modules,再执行npm install)...原创 2020-07-13 21:14:09 · 34019 阅读 · 10 评论 -
ElementUI的Drawer加上滚动条
第一种:出处:https://www.cnblogs.com/jaycethanks/p/12507203.html<style lang="scss">/*1.显示滚动条:当内容超出容器的时候,可以拖动:*/.el-drawer__body { overflow: auto; /* overflow-x: auto; */}/*2.隐藏滚动条,太丑了*/.el-drawer__container ::-webkit-scrollbar{ displ原创 2020-07-06 20:30:34 · 8858 阅读 · 0 评论 -
Vue中出现“‘xxxxx‘ is defined but never used”解决办法
【解决办法】:在package.json或者.eslintrc.js中找到 eslintConfig 块,在其rules下加入"no-unused-vars": "off"即可,如下图然后重新npm run serve即可。其他命令如下:"no-alert": 0,//禁止使用alert confirm prompt"no-array-constructor": 2,//禁止使用数组构造器"no-bitwise": 0,//禁止使用按位运算符"no-caller"...原创 2020-07-06 19:38:22 · 43325 阅读 · 6 评论 -
Vue-cli项目目录结构
一、目录结构二、解释 ├── index.html 入口页面 ├── build 构建脚本目录 │ ├── build-server.js 运行本地构建服务器,可以访问构建后的页面 │ ├── build.js 生产环境构建脚本 │ ├── dev-client.js...原创 2020-05-18 18:43:33 · 230 阅读 · 0 评论 -
npm run dev报错
原因:项目启动空间不对解决:昨天创建完都还是好好的,今天运行时突然报错后来回想起创建完项目时提示可能是项目空间搞错了,于是再进入下一层,再运行npm run dev就没错了。...原创 2020-05-18 18:31:08 · 412 阅读 · 0 评论 -
Idea搭建第一个Vue脚手架项目和遇到的问题
配置环境https://www.jianshu.com/p/957f5631faa9//这个链接最后设置阿里镜像那好像有点问题在IDEA新建static web项目Create New Project > Static Web>填写project name和选择保存的工作空间>Finish安装脚手架1、打开terminal2、输入命令行npm i -g @vue-cli3、测试是否安装成功(注意这里要用大写的V)vue -V4、脚..原创 2020-05-17 17:04:46 · 2694 阅读 · 0 评论