- 博客(37)
- 收藏
- 关注
原创 css flex布局 头部固定,中间滚动条滚动到底部页面展示不全
问题:css flex布局 头部固定,中间高度设置100% 滚动条滚动到底部页面展示不全解决:通过calc把顶部高度减掉 height:calc(100%-160px)或者设置固定高度 或者通过外边框补偿顶部高度height:calc(100%-顶部高度)固定高度...
2021-09-30 23:10:40
1283
原创 Syntax Error: Error: Cannot find module ‘less‘
问题:Syntax Error: Error: Cannot find module ‘less’原因:less-loader安装版本与less不匹配多注意安装时候的警告,能避免此问题安装时有提示,必须安装对应的less版本配合使用解决:安装对应版本(以后多注意警告)...
2021-09-24 23:46:08
5335
原创 简单实现vue2的数据响应式原理,加深理解
实现原理画的一般将就看看代码class Vue{ constructor(options){ this.options = options; this.$data = options.data; this.$el = document.querySelector(options.el); new Observer(this.$data);//监听data所有的属性 this._proxy();//代理,可以
2021-04-27 11:10:10
262
原创 js箭头函数this的指向
箭头函数this指向最近作用域中的this普通函数this指向调用他的对象,箭头函数this指向最近作用域中的this(如果最近作用域没有this再向外一层一层的找直到找到最近的this)let obj = { aaa(){ console.log(this)//flag1:obj.aaa()所以this->obj setTimeout(function(){ console.log(this)//flag2:this->window setTimeout(funct
2021-04-11 13:45:00
915
原创 await is a reserved word
vue await is a reserved word问题await 命令只能用在 async 函数之中,如果用在普通函数,就会报错,哪怕是 async 函数内的普通函数。今天使用async/await时报错await is a reserved word。看到保留的关键字就满脑疑问,这东西不是早就支持了,于是写了一个简单的例子并没有问题function timeout(ms) { return new Promise((resolve) => { setTimeout(res
2021-03-09 10:42:17
7982
3
原创 uni-ui的Fab 悬浮按钮组件,跳转到其他页面再返回的时候还是展开状态处理
通过popMenu动态控制1、可以控制悬浮按钮的展开和收缩,不过图标还是之前状态控制不了当前版本版本:1.0.6通过popMenu控制的结果图标没有复原2、推荐使用ref直接操作Fabthis.$refs.fab.close();this.$refs.fab.open();...
2021-03-03 15:34:49
1242
3
原创 小程序应用的生命周期(uni-app)
应用的生命周期应用的生命周期包含:onLaunch,onShow,onHide,onError等注意应用生命周期仅可在App.vue中监听,在其它页面监听无效。
2021-03-01 16:03:42
295
原创 微信小程序发起请求失败,提示不在以下 request 合法域名列表中
具体请参考https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.html第一种方法1、登录小程序后台配置域名2、配置后可在微信开发工具的项目配置查看第二种可以在微信开发工具的本地设置勾选不校验...
2021-02-25 14:30:57
652
原创 uni-app navigator无法跳转页面
navigator无法跳转页面1、只能跳转本地页面。目标页面必须在pages.json中注册;2、检查路径是否正确。
2021-02-24 11:06:53
4120
原创 vuex安装
安装在 Vue 之后引入 vuex 会进行自动安装:<script src="/path/to/vue.js"></script><script src="/path/to/vuex.js"></script>#NPMnpm install vuex --save#Yarnyarn add vuex在一个模块化的打包系统中,您必须显式地通过 Vue.use() 来安装 Vuex:import Vue from 'vue'impor
2020-12-01 11:03:34
82
原创 springBoot上传文件The field file exceeds its maximum permitted size of 1048576 bytes.
问题原因:内置tomcat默认限制请求文件大小不超过1MB解决修改配置(yml)#配置spring: servlet: multipart: max-file-size: 15MB
2020-09-23 17:24:31
662
转载 spring boot 访问static下静态资源404
一开始试了好几个官方的目录static,pullic,发现都访问不到,还特意去配置了spring.mvc.static-path-pattern这些,发现都没用。看网上一些情况是由于配了拦截器,但是我没配置拦截器,所以就纳闷怎么默认的就是访问不到,然后新建了一个空白项目,发现一下子能访问到了,那肯定就是我代码里面有配置影响到springboot默认的机制了。尝试删文件看是哪个文件影响的,最后定位到了@EnableWebMvc@ControllerAdvicepublic class GlobalExc
2020-09-18 11:08:27
1487
原创 vue 实现图片点击放大效果
Vue图片浏览组件v-viewer,支持旋转、缩放、翻转等操作组件v-viewer地址:https://github.com/mirari/v-viewer使用效果安装使用npm命令安装npm install v-viewer使用引入v-viewer及必需的css样式,并使用Vue.use()注册插件,之后即可使用。import ‘viewerjs/dist/viewer.css’import Viewer from ‘v-viewer’Vue.use(Viewer)<
2020-09-14 20:44:00
2446
原创 elementUI el-table树形结构不展示问题
1、必须指定row-key2、如果子节点key名称不为children,需要配置:tree-props={children:“xxxx”}字段key,如果key名称为children tree-props可以省略。
2020-09-11 15:05:36
12706
原创 Collectors.groupingBy 如何对 List<Map<String,Object>>集合分组
第一种Map<Byte, List<Map<String, Object>>> collect = list.stream().collect(Collectors.groupingBy(e -> (Byte)e.get("type")));第二种public void groupByType(){ Map<Byte, List<Map<String, Object>>> collect1 = beans.stream(
2020-09-11 11:04:42
3836
1
原创 ElementUI分页Pagination自动到第一页
Pagination在切换条数或搜索后不会自动到第一页问题配置如下:<!----分页---> <div class="block"> <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
2020-09-10 11:22:28
1618
原创 promise finally无论成功或失败都执行
有些方法或事件要在请求结束后执行,同时在promise成功和失败都执行比较麻烦。就考虑有没有类似java try catch finally.果然promise 也有finally。Happy Coding!
2020-09-10 10:15:37
4895
原创 mybatis查询中文时查不到数据,日志中sql复制手动查询能查询到数据
一般是字符编码的问题,我们先查看数据库的编码show variables like “%char%”;在代码中数据库连接配置指定字符编码&useUnicode=true&characterEncoding=UTF-8useUnicode 是否使用Unicode字符集,如果参数characterEncoding设置为gb2312或gbk,本参数值必须设置为truecharacterEncoding 当useUnicode设置为true时,指定字符编码。问题解决...
2020-09-09 23:19:25
471
原创 springboot 配置mybatis sql的打印
application.yml文件添加(.properties把":“换成”." 写到一行上)#日志logging:level:com.example.service.mapper: debug (对应项目的mapper层路径)
2020-09-09 23:03:40
421
原创 axios params和data的区别
params会把入参拼接到url上;data是放在body里发送给后台。今天后台添加了token校验,通过Interceptor拦截器excludePathPatterns把登陆的地址做了过滤。前台登陆时提示:请重新登陆,并跳转到登陆页面。后台没有过滤这个路径。排查发现使用params会把入参拼接到url上导致这个请求没有被过滤。export function login (data) { return request({ url: 'user/login', method:
2020-09-09 14:50:39
1068
原创 elementUi 默认选择项问题
如图:v-model绑定的value和item.value,的值和类型都要一致(value === item.value),也就是如果是字符串都要是字符串,数字都为数字。如果value=1,item={value:“1”},会导致默认选不中。
2020-09-09 14:31:05
466
原创 element-ui el-dialog弹框内容也被遮罩覆盖
element-ui el-dialog弹框内容也被遮罩覆盖,解决:可以通过设置modal-append-to-body参数控制(遮罩层是否插入至 body 元素上,若为 false,则遮罩层会插入至 Dialog 的父元素上) 效果如下:
2020-09-09 10:58:43
1371
原创 elementUi table固定列
elementUi table固定列可以通过设置height参数,el-table的height参数相当于css的max-height,
2020-09-09 09:54:23
1780
2
原创 elememtUi el-table表头与表体没有对齐
可以通过把表格最后一个th 的display:none去掉或者只需要添加样式,这样表格头就对齐了。.el-table th.gutter{ display: table-cell!important; }
2020-09-08 11:29:18
910
原创 vscode启动时一段时间cpu占用100%,导致电脑卡顿
解决:vscode启动时cpu占用100%,1、设置-》输入exclude-》找到files-》添加**/node_modules
2020-09-01 10:30:46
612
原创 webpack安装
安装webpack首先要安装Node.js,Nodejs自带npm软件包管理工具安装成功,查看node版本 node -v全局安装webpacknpm install webpack -g可以通过@指定版本 npm install webpack@xxxx -g局部安装webpack(–save-dev是开发是依赖,项目打包不需要使用)npm install webpack@xxxx --save-dev...
2020-08-31 11:06:14
96
原创 js Date函数setMonth后获取到的月不正确,避坑
当前时间2020/08/31,遇到一个很奇怪的bug。1、项目根据选择的月份展示近6个月的业务数据,页面展示的却是9月-4月。原因:myDate.setMonth(“08”)为9月,然而9月份没有31天自动向后进一个月,最终日期为10月1日。myDate.setMonth(myDate.getMonth()-1) 为9月。2、解决:因为只要年份和月份new Date()后先setDate(“01”)解决此问题。...
2020-08-31 10:23:06
1748
原创 使用VSCODE的控制台执行命令,提示“因为在此系统上禁止运行脚本“报错
是因为powershell对于脚本的执行有着严格的安全限制策略 Policies:Restricted / AllSigned / RemoteSigned / Unrestricted / Bypass / Undefined范围 Scopes:Process / CurrentUser / LocalMachine可以执行命令接触当前用户限制:Set-ExecutionPolicy RemoteSigned -Scope CurrentUser...
2020-08-21 22:34:42
530
原创 window系统启动redis服务在关闭cmd窗口后,服务自动停止
window系统安装redis后,通过命令redis-server.exe redis.windows.conf启动后,关闭cmd窗口服务自动退出问题。解决:把redis添加到window服务。执行:redis-server --service-install redis.windows-service.conf --loglevel verbose后。可以搜索服务,打开服务页面可以看到redis服务,然后启动...
2020-08-21 14:15:44
3526
原创 记录学习时遇到的问题:springBoot启动时报错:Error attempting to get column ‘add_time‘ from result set
使用Druid数据库连接池,项目启动失败报错:Error attempting to get column ‘add_time’ from result set. Cause: java.sql.SQLFeatureNotSupportedException。原因Druid版本与mybatis版本不匹配导致的1、升级Druid版本到1.1.20。或者回退mybatis版本 启动成功...
2020-08-16 10:58:32
827
原创 记录学习时的问题:Vue v-for数据来自服务器异步时的解决方法
Vue v-for数据来自服务器异步处理从服务器拿取的导航菜单数据因异步无法展示,解决:在父节点自定义一个属性,通过计算属性调用服务器拿到数据然后更新v-for使用的数据,
2020-08-04 16:59:23
1026
原创 记录学习时的问题;Vue模板自己调用自己递归
Vue模板自己调用自己递归写导航栏是不清楚有多少层子菜单,希望通过模板递归实现。import 导入模板自己身会报错可以通过name属性实现调用自身
2020-08-04 15:21:46
279
原创 记录学习时的问题:Vue Element-UI NavMenu 导航菜单 收起时会顿一下不够丝滑
Vue Element-UI NavMenu 导航菜单 收起时会顿一下不够丝滑通过transition属性设置过渡,注意:使用transition时必须设置初始宽度和结束宽度,要不然起不到过渡的效果
2020-08-04 15:14:35
1985
1
原创 记录学习时的问题:Vue Element-UI el-aside组件如果没有设置宽度会默认为300px
Vue Element-UI el-aside组件如果没有设置宽度会默认为300px做导航菜单收缩/展开功能,发现导航菜单收缩后留了一大片空间,查看页面元素发现导致收缩后的效果如下图查看组件源码发现如果没有设置宽度,会默认300px设置一下width: auto !important;解决此问题...
2020-07-31 15:09:30
1853
2
原创 记录学习碰到的问题:element UI导航菜单高度不能铺满问题
在这里插入代码片@TOC学vue+element时候发现导航菜单不能铺满浏览器通过最外层加个div,并把每一层高度设成100%,解决此问题最后效果新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面设计 ,将会带来全新的写作体验;在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式 进行展示;增加了 图片拖拽 功能,你可以将本地的图片直接拖拽到编辑区
2020-07-31 11:37:51
7236
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人