- 博客(24)
- 收藏
- 关注
RSS订阅原创 jest测试wrapper.find获取元素失效的原因
对于弹出类的组件 需要在测试用例中先setData使dialogShow为true 使弹窗渲染出来。
2024-03-12 16:11:20
148
原创 tomcat+nginx部署本地vue项目
nginx代理转发 （vue项目中webpack配置的代理只在本地环境中生效，并不包含在生产包中）监听端口号9527 一个转发到tomcat8080 一个转发到后台服务的地址。^~/api/转发时会去掉/api这个前缀。tomcat用来运行vue项目。
2023-11-21 16:57:33
102
1
原创 Elementui 在事件中传递自定义参数
日期选择器中的onpick函数因为是以对象的形式配置的 所以网上搜到的一些方式不生效。要以匿名函数形式 return一个有新参数的函数。
2023-10-24 10:01:37
430
原创 table组件合并单元格hover效果优化
对想要保留hover的单元格添加属性backgroundcolor：value。是一个特殊的关键字，用于将属性的值重置为其继承值或浏览器默认值。先使用background：revert取消原有hover效果。value为具体颜色时，单元格会显示相应的颜色，无hover；value为空值/未定义时，单元格为默认颜色，有hover。
2023-09-13 15:55:47
203
原创 antd 更改description组件label样式
直接使用label类名ant-descriptions-item-label更改是不生效的。翻看官网才发现 有一个属性是labelStyle可以自定义label样式。
2023-09-01 15:59:54
1142
2
原创 css文字多行隐藏展示与vue组件复用之间的冲突
在实际开发中遇到的问题是 用在vue组件中 同页面的同组件复用 多个对象之间的样式会相互冲突 导致无论点击哪一个组件的展开键 都会是第一个对象响应。原因在于实现方式中input和label通过id关联 id固定。除非使用动态id 但css中无法为动态id设置样式。纯css实现文字的多行展示与隐藏。有其他纯css解决办法请指教。记录一下开发遇到的问题。只能转为使用js实现了。
2023-04-09 15:27:59
68
原创 scss依赖 sass-loader/node-sass版本兼容问题
使用scss时遇到依赖报错版本号node16 npm7使用scss提示要安装sass-loader搜索教程之后安装了sass-loader和node-sass但是安装的版本过高 报错Syntax Error: TypeError: this.getOptions is not a function网上教程都说是降低版本到sass-loader@8.0.2 node-sass@4.14.1但是安装node-sass会报错 应该是node版本不兼容问题node16对应的是node-sass
2022-05-04 20:33:30
447
原创 使用coding实现自动构建vue前端项目
vue开发时手动上传服务器太麻烦 借助coding平台来进行自动部署环境要求：服务器：git2.8以上、jdk、node1.安装git在最后coding使用时如果git版本过低会命令运行失败 所以先升级githttps://www.csdn.net/tags/MtzaYgxsNjkzOS1ibG9n.htmlgit官网可以查到其他版本号 我安装的是2.10.0按照上面链接安装时在make步骤可能会出现报错就需要安装依赖yum install perl-ExtUtils-CBuilder
2022-04-30 20:15:20
3482
原创 基于elementui的vue项目部署
1.elementui图标不显示组件自带icon变成了小方块解决办法：build文件夹下的util文件中添加公共路径if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, publicPath: '../../', fallback: 'vue-style-loader' }) } else { return ['vue-sty
2021-12-18 21:54:59
467
原创 nginx安装配置 树形控件自定义 前端文件导出 零碎问题合集
开发日记一.vue上线后 elementui的图标不显示问题二.服务器nginx安装配置跟着链接内容做的时候 遇到了一些问题1.配置域名时更改server配置后域名访问到的仍然是欢迎页，最后发现原因是浏览器的缓存 刷新几次就好了2.安装nginx的时候一致make报错 应该是操作系统版本和nginx版本不兼容的问题 多尝试一下就好3.nginx命令失效 只能通过/usr/local/nginx的方式启动解决办法：配置/etc/profile文件vim /etc/profile#
2021-11-22 15:48:41
1728
原创 【不要靠近树形控件，会变得不幸】elementUI填坑 设置当前节点高亮setCurrentKey 树形控件自定义hover 悬浮图标
开发中使用到了树形控件 坑实在太多了 记录
2021-11-01 16:58:37
2972
原创 vue中解决动态赋值img路径的问题
在开发一个列表组件时，图片需要由外部传入，一开始想把图片路径的字符串当作变量传入就好，写完发现并不能正确显示与将路径直接写入src的图片对比后发现，传入变量的图片并没有被webpack编译导致不能正确显示解决办法就是使用require函数把图片文件引入require函数是node扽一个方法，用于引入模块json或者本地文件如果引入的是一个图片文件，那么函数返回的就是npm运行后的编译路径，也就解决了webpack不变量img的问题了参考文章：http://nodejs.cn/api/mod
2021-10-23 15:39:30
607
原创 1019面试总结
1.git常用命令git clone 克隆仓库git init 初始化git remote 查看远程库git remote add origin 连接远程仓库git branch 查看分支 -d删除分支git checkout 切换分支 -b创建并切换到git add . 缓存修改git commit -m “” 提交修改git merge 合并分支git push 推送修改git checkout -b dev origin/dev 检出远程dev2.HTML5的新特性还没学
2021-10-20 16:16:53
99
原创 es6学习 深入学习箭头函数this指向及call原理
学习箭头函数的过程中遇到了问题 解决之后记录一下参考资料:阮一峰箭头函数箭头函数是一种写作方式十分简洁高效的函数 但对比其他函数有几点不同,比如箭头函数不能用作构造函数.这恰恰是因为箭头函数的this指向问题,实际上箭头函数是没有this指针的,所以不能用作构造函数.在调用箭头函数的this时,导致内部的this就是外层代码块的this.所以说箭头函数体内的this对象就是定义时所在的对象,而不是使用时所在的对象...
2021-09-28 18:14:16
460
原创 editormd编辑器组件开发使用问题
1.更改展示内容使用展示函数markdownToHTML时，向页面设置内容是产生的是追加效果，应该是组件内部操作，所以在更改文档是时候先清除再添加$('#test-markdown-view').html(`<textarea style="display:none;"></textarea>`);editormd.markdownToHTML("test-markdown-view", { markdown : text, // Also, you can dynamic
2021-07-11 11:16:27
131
原创 力扣leetcode-146直线上最多的点数
149. 直线上最多的点数给你一个数组 points ，其中 points[i] = [xi, yi] 表示 X-Y 平面上的一个点。求最多有多少个点在同一条直线上。代码：class Solution { public int maxPoints(int[][] points) { ArrayList<Integer> num1 = new ArrayList<>(); ArrayList<Integer> num;
2021-06-25 00:42:25
189
原创 闭包与立即执行函数
闭包当内部函数被保存到外部时，将会生成闭包。闭包会导致原有作用域链不释放，造成内存泄露。这里注意，内存泄漏并不是真正的泄露，而是指过多的占有资源导致可使用的资源变少闭包指的是那些引用了另一个函数作用域中变量的函数，通常是在嵌套函数中实现的。例如function test1() { var arr = []; for (var i = 0; i < 10; i++){ arr[i] = function () { document.write(i + " "); } }
2021-06-24 09:19:43
198
1
原创 JavaScript预编译学习笔记
JavaScript作为动态解释型语言，在程序进行前会通篇扫描检查语法错误。之后进行预编译对基本函数变量等进行预处理，最后才开始逐行解释执行。预编译四部曲1.创建AO （AO 即执行期上下文 发生在函数执行的前一刻）2.找形参和变量声明，将变量和形参名作为AO属性名，值默认为undefined3.将实参值和形参统一4.在函数体里面找函数声明，值赋予函数体。正式执行时，已经预编译过的语句无需再次读取，逐句执行的时候 向AO中拿取变量函数声明整体提升GO 即 global object 相当于
2021-06-04 19:38:32
86
1
原创 位一的个数java
题目要求编写一个函数，输入是一个无符号整数（以二进制串的形式），返回其二进制表达式中数字位数为 ‘1’ 的个数（也被称为汉明重量）。输入输出输入：00000000000000000000000000001011输出：3解释：输入的二进制串 00000000000000000000000000001011 中，共有三位为 ‘1’。题目思路采用二进制计算方式：对n和n-1进行按位与计算当n与n-1进行按位与计算时 相当于将n的最右边的1换为0 则记录一次数值直至n为零则再无1代码
2021-03-22 23:37:00
73
原创 单次交换找字典序最小字符串
题目要求：给一个字符串s，你可以至多选择两个不同位置的字符进行交换（可以不交换），问所有可能中字典序最小的串。输入：aaazbcdeadcd输出：aaaabcdezdcd题目解析：字典序最小 即与当前字符串相比最小的字符串那么只需要找到字符串中前面一个字符与后面一个字符之间差距最大且前大于后的一组字符交即可从后向前遍历 与当前元素之前的所有元素比较并记录 交换java代码：public class Main { public static void main(String[] arg
2021-03-20 22:17:25
2212
1
原创 HTML+CSS生成点击滑动块选择器
图片演示HTML代码每个选择项是一个单独的元素根据叠加顺序规定层级 后勤部元素z-index = 7除第一个元素外 每个块都向上偏移30个像素点击元素块时调用函数 将顺序作为参数传入<!-- 实际应用时使用数组进行for循环渲染 --><div class="selector"> <div class="items" style="z-index: 1;margin-top: 0;background-color: #B4D3EE;" onclick="o
2021-03-17 23:25:31
537
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人