- 博客(50)
- 收藏
- 关注
RSS订阅原创 element ui 中轮播图组件样式修改为三列展示轮播
接着去修改控制位移的 calcCardTranslate() 函数即可，我这里需要三列轮播，做以下调整，总体上样式还是使用 Element UI 默认样式，只是细节上的调整。虽然 Element UI 中跑马灯组件提供了 type=‘card’ 属性，去设置轮播为卡片类型，但是样式不是我们所期待的，不想要缩放效果，于是便对跑马灯组件源码进行调整。选中样式的带箭头的边框是使用的背景图片，尝试使用css伪类完成箭头，但是会形成竖向滚动条（如下图），过度修改elementui的原生样式，所以选择背景图片方式。
2023-06-21 15:21:56
1864
原创 poi4.0升级踩坑合集（更新中）
边框和居中旧版本3.+ CellStyle titleCellStyle = workbook.createCellStyle(); titleCellStyle.setAlignment(CellStyle.ALIGN_CENTER); titleCellStyle.setVerticalAlignment(CellStyle.VERTICAL_CENTER); titleCellStyle.setBorderBottom(CellStyle.B.
2022-04-08 10:00:44
1228
原创 POI-HSSFWorkbook合并单元格及文字居中问题
// 合并单元格：参数：起始行, 终止行, 起始列, 终止列CellRangeAddress cra = new CellRangeAddress(rowIndex, rowIndex, 0, k);sheet.addMergedRegion(cra);//注意：边框样式需要重新设置一下RegionUtil.setBorderTop(HSSFBorderFormatting.BORDER_THICK, cra, sheet, wb);//合并的单元格样式HSSFCellStyle boderSt
2022-02-16 10:47:12
9632
原创 el-result 不显示 宽高为0
无论使用什么 行内样式 内联样式 等等 都无法 显示该组件的问题考虑初始，只想到了css样式不生效，想尽方式调试后面发现改组件没有没渲染解析为dom元素，保持原有名称才意识到肯是组件没有引入的问题el-result为2.15.7版本所有项目所导入的版本为2.15.1引入的源码也没有，该组件的痕迹以上为版本对应组件显示的问题...
2022-01-07 16:45:50
1971
2
原创 VanPicker组件 TypeError: Cannot read property ‘text‘ of undefined
children属性为空时 应该不写 或设为nullchildren: [] children为空数组时 会报错vue.runtime.esm.js:619 [Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘text’ of undefined”//组件<van-picker v-if="popupTpye == 1" ref="picker" title=
2021-08-11 17:22:23
853
原创 element ui 踩坑笔记
对象有子集可以使用嵌套表格来显示多选框 数组 push数据需要加入实际修改的数组只需要id，需要使用两个变量进行存储 才能进行更新操作要保持 和 下拉筛选的options 里的value 值 的数据类型一致 string类型 或者 int类型element ui 表格展开 无子集不显示箭头element 表格的单元格合并...
2021-07-07 23:05:36
572
原创 List转树形 利用面向对象
List转树形 利用面向对象@Slf4jpublic class ListToMapDemo { @Test public void listToMap() { List<Menu> menuList = new ArrayList<Menu>(); Menu m = new Menu(); m.setId(1); m.setIdent(1); m.setMenuName("菜单"); m.setItem(2); menuList.add(m)
2021-05-20 11:07:59
137
原创 oracle数据库 自增长及批量处理数据
数据库对象命名规范数据库对象包括表、视图（查询）、存储过程（参数查询）、函数、约束。对象名字由前缀和实际名字组成，长度不超过30。1)前缀：使用小写字母。如：表(Table) tb_字段(Column)主键(Primary key) pk_外键(Foreign key) fk_Check约束(Check Constraint) ck_Default 约束(Default Constraint) df_视图(View) vi_索引(Index) idx_存储过程(Stor
2021-01-18 15:30:46
793
原创 spring boot @Component无效注解 @Value取值取不到问题
@Component无效注解springboot 加载的时候，使用该注解的类一定要放在接口同级，或者下级包里面，不然是无法进行扫描的，比如接口放在com.xxx.yyy下面，而使用@component的类放在com.xxx.zzz下面，这样子是无法扫描的如下图所以要在启动类上添加扫描包注解@ComponentScan(basePackages = {“com.test.demo.server”})@SpringBootApplication@ServletComponentScan//防止 @W
2020-12-31 11:33:08
10693
原创 js面向对象 动态增删改查tab栏
实现效果
2020-11-25 20:39:38
546
原创 js高级 面向对象 学习笔记
系列文章目录文章目录系列文章目录前言一、面向对象开发二、es6中类与对象1.类2.读入数据三、构造函数与原型四、原型链五、继承六、es6新增方法七 this八 闭包九 递归十 正则表达式总结前言持续更新中。一、面向对象开发示例二、es6中类与对象1.类代码如下（示例）：2.读入数据代码如下（示例）：三、构造函数与原型四、原型链五、继承六、es6新增方法七 this八 闭包九 递归十 正则表达式该处使用的url网络请求的数据。总结提示：这里对文章进行总结：
2020-11-24 09:46:10
473
原创 js执行机制eventloop setTimeout async promise执行顺序
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、JavaScript是单线程语言二、执行机制1.同步任务2.异步任务三、Event Loop三、定时器四、宏任务和微任务setTimeout async promise执行顺序总结总结一、JavaScript是单线程语言与用途有关，与用户进行互动，如操作DOM节点，在一个时间段内只能干一件事。利用多核CPU的计算能力，HTML5提出Web Worker标准，允许JavaScript脚本创建多个线程，但是子线程完全受主线程
2020-11-20 22:36:54
369
原创 vue :src图片不显示解决办法
<el-carousel-item v-for="(item,index) in houseObj.imgList" :key="index"> <img :src="require('../../assets/image/'+item)" alt="" :size="400"> </el-carousel-item>参考博客
2020-11-17 09:12:13
5760
原创 cli3配置postcs-px-to-viewport
cli3配置postcs-px-to-viewportcli2 在postcss.config.js配置不用安装postcss-loadernpm install postcss-px-to-viewport --save-dev步骤一：安装插件要安装postcss-loadernpm install postcss-loader postcss-px-to-viewport --save-dev二 ：在vue.config.js里配置exclude选项，它的值只支持正则表达式。正则表
2020-11-16 11:32:54
487
原创 vue插件方式封装toast
文章目录前言一、实现效果二、项目结构三、具体代码1.main.js文件2.toast文件夹3.使用toast的vue文件总结前言提示一、实现效果点击按钮，出现对应提示内容的弹窗二、项目结构三、具体代码1.main.js文件import toast from 'components/common/toast'//安装toast插件Vue.use(toast)2.toast文件夹2.1 index.js文件import Toast from './Toast'const ob
2020-11-15 22:23:04
243
原创 js 时间戳转换为时间格式字符串
1将时间戳转换为Date对象时间戳以秒为单位需要*10002将date格式化转换为字符串因为使用频率太高，很多语言都有对应的格式化函数，如Java有format（）原生Js还未封装该函数实现代码如下function formatDate(date, fmt) { //1获取年份 if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.le
2020-11-14 09:40:47
897
原创 npm install 指令报错setting up Git hooks cant find .git directory, skipping Git hooks installation
问题描述在gitbub下载别人vue的开源项目，根据readme文件在命令行运行npm install命令报错setting up Git hooks cant find .git directory, skipping Git hooks installation（如下图）问题解决将文件夹node_modules删除后重新npm install从git拉取信息报错信息更改主要是说我缺乏两个依赖表现为setting up Git hooks cant find .git directo
2020-11-06 17:29:13
6763
原创 vue过滤器filter
过滤器filter过滤器可以用在两个地方：双花括号插值和 v-bind 表达式<!-- 在双花括号中 -->{{ message | capitalize }}<!-- 在 `v-bind` 中 --><!-- :id被绑定的属性 （如style，href 等） rawId data中的值 formatId 过滤器中的值 --><div v-bind:id="rawId | formatId"></div>全局过滤
2020-11-01 20:11:06
249
原创 vue的自定义指令
vue的自定义指令使用场景：对普通DOM 元素进行底层操作全局自定义指令id：指令id，definition：定义对象Vue.directive(id,definition)局部自定义指令：使用directives选项自定义指令的钩子函数钩子函数描述bind（）构造函数，第一次绑定时调用，只调用一次inserted（）被绑定元素插入父节点调用，父节点存在即调用update（）第一次是紧跟在 bind 之后调用，获得的参数是绑定的初始值；以后每当绑定的值发
2020-11-01 16:35:02
810
原创 localstorage实现登录注册跳转主页
实现效果具体代码js引用的本地代码，要使用需更改文件路径登录页html<head> <meta charset="UTF-8"> <title>登录页面</title> </head> <body> <div id="web"> <div> <span style="c
2020-10-30 10:38:18
2722
3
原创 webpack3.6.0学习笔记
webpack详解文章目录系列文章目录前言一、webpack是什么？二、使用步骤1.引入库2.读入数据总结前言整理中一、webpack是什么？现代js应用的静态模块打包工具核心：进行模块话开发，处理模块化关系，将各种资源模块打包成为一个或多少个包（Bundle）npm工具（node packages mannager）与grunt/glup 打包的区别？grunt/glup是配置一系列的task，并定义task处理事务。依次执行task，让流程自动化。grunt/glup的
2020-10-21 22:28:07
2264
原创 webpack打包css报错 UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function
webpack 版本号3.6.0（为了搭配 vue cli 2）css-loader@5.0.0style-loader@2.0.0下载 终端只是警告运行 webpack指令 报错UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function浏览器端 报错You may need an appropriate loader to handle this file type....
2020-10-19 09:24:12
323
原创 vs code 打包运行webpack : 无法加载文件 D:\nodejs\node_global\webpack.ps1，因为在此系统上禁止运行脚本。
使用vs code 运行webpack进行打包时，报错webpack : 无法加载文件 D:\nodejs\node_global\webpack.ps1，因为在此系统上禁止运行脚本使用如下命令行以管理员身份运行vs code 执行：get-ExecutionPolicy，显示Restricted，表示状态是禁止的 执行：set-ExecutionPolicy RemoteSigned 在执行第二步 显示RemoteSigned出现如图显示表示打包成功...
2020-10-18 16:10:48
540
原创 使用es6模块化报Access to script at file:..from origin ‘null‘ has been blocked by CORS policy
目前还没解决上两张截图
2020-10-17 10:55:17
1227
原创 vue框架基础学习笔记
vue渐进式开发框架（声明式编程）高级功能1 解耦视图和数据2可复用的组件3 前端路由技术4状态管理5 虚拟dom（原生js一般都是命令式开发）
2020-10-16 09:46:32
208
原创 原生js+h5 canvas生成图片验证码
实现效果使用技术原生js技术+html5 canvas画图利用Math.random()函数随机生成 颜色 字符串 及障碍物点击 验证码可变更验证码图案二、使用步骤1.html+css代码如下（示例）：<div class="login_code_box"> <div class="login_code"> <in..
2020-10-09 17:40:51
945
1
原创 js实现导航栏切换
导航栏切换实现效果一、实现for循环嵌套遍历按钮样式及盒子的显示与隐藏二、使用步骤1.js代码如下（示例）： //游戏资讯 信息栏显示与隐藏 let game_list = document.getElementById('game') let game_info = document.getElementById('game_info') let list = document.getElementById('list') ..
2020-10-08 11:33:29
4569
2
原创 原生js实现分页功能
原生js分页实现效果一、函数封装分页传入两个参数。第一个为要显示第几页，第二个是页面显示多少数据，Js动态操作dom插入 分页按钮条件结构判断 是否为按钮绑定点击事件二、使用步骤1.html+css代码如下（示例）：<style>#idData{color:red;border:solid;text-align:center;}a{text-decoration:none;}</styl...
2020-10-08 11:19:29
2597
原创 js 实现石头剪刀布游戏
前言用户选择出石头剪刀布，电脑系统随机生成石头剪刀布，然后判断结果并显示给用户一、实现效果二、使用步骤1.HTML和css<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <.
2020-09-26 14:29:26
1180
原创 js onmouseover（）实现图片缩略显示
前言鼠标滑过下面的小图，对应上面的大div中显示该图的大图一、实现效果二、代码实现1.html和css<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
2020-09-26 11:29:03
755
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人