![](https://img-blog.csdnimg.cn/20210607141339902.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
爬坑问题记录~分享
在爬坑中多一点自己的思考
有成长 找到自己的节奏 慢下来
共勉
积极的人在每一次忧患中都看到一个机会
小猫儿
Do it. Do it right. Do it right now.
所谓瓶颈,不是精力不足,而是丧失了求知欲和上进心
展开
-
antd table 筛选排序远程加载 触发pagination onChange事件
背景在使用antd的Table组件的时候,本来只有正常的翻页需求,然后加了一个表头的筛选功能。如图本例也展示了筛选排序功能如何交给服务端实现,列不需要指定具体的onFilter和sorter函数,而是在把筛选和排序的参数发到服务端来处理。遇到问题如下:按照官网demo添加事件,但是发现写完之后,请求了两次接口,一次带筛选一次不带筛选没有思路,看到某博主的帖子,发现这是antd一个bug设计#Table 组件排序功能会自动触发 pagination 的 onChange 事件#...原创 2021-09-01 17:40:28 · 4533 阅读 · 0 评论 -
解决pre-commit hook failed (add --no-verify to bypass)的问题
解决pre-commit hook failed (add --no-verify to bypass) 问题报错图问题原因: pre-commit钩子惹的祸 当你在终端输入git commit -m"XXX",提交代码的时候, pre-commit(客户端)钩子,它会在Git键入提交信息前运行做代码风格检查。 如果代码不符合相应规则,则报错。解决方式:一、 简单粗暴的方式进入项目的.git文件夹下面hooks文件夹,手动删除pre-commit文件 运..原创 2021-02-18 14:59:17 · 4793 阅读 · 0 评论 -
vue 全年日历显示并且日期批量选择
这是个基于VUE制作的日历组件,vue版本为2.0 ,UI部分支持viewUI、原生表单控件。由于我司项目需求,需要一个按年的日期选择控件,功能有工作日、非工作日、全选、非全选,行选中/取消、列选中/取消日期选择。调研之后,发现没有符合要求的日历组件。 只能自己尝试实现, 仅做参考使用,不喜勿喷~。 谢谢!附git地址:https://gitee.com/gitbai/vue-calendar.git主要功能如图:1. 年份选择2.工作日选择3.非工作日选择4..原创 2021-01-25 15:31:50 · 4262 阅读 · 7 评论 -
vue 打包生产环境报错 UnhandledPromiseRejectionWarning: CssSyntaxError:
采坑血泪史。。。打包忽然抛错,如图,怀疑依赖没下载完整,然后卸载安装一下午,然并卵,后在博主贴子找到思路,报错信息如下,css压缩时出现错误:!!!!关注这里,红色框里的关键信息UnhandledPromiseRejectionWarning: CssSyntaxError:解决方案:打开配置文件 build-->webpack.prod.conf.js,文件内查找OptimizeCSSPlugin ,找到后先注释,如下图先尝试注释,然后打包,发现可以打包成功。备注:出错原...原创 2021-01-15 17:29:16 · 1192 阅读 · 1 评论 -
Vue中 对Table表格中的输入项进行校验
项目开发中,经常会遇到在场景:对table表格的输入项字段进行校验,同时提交时整体校验,效果如图所示:Table:!!这个校验的实现,主要思路是:1.From表单中嵌套使用table表格,用表单的校验机制实现校验;2.ivu-form-item元素,绑定动态prop;html代码如下,本次项目里样式用了 View UI ,element其他,也同样适用这个校验方法:<template> <div class="wrapper"> <...原创 2020-12-22 11:17:34 · 10520 阅读 · 2 评论 -
mac 上运行http-server的问题
window 系统安装http-server 非常好用,如果是mac,系统自带的就有httpserver 服务,没有必要在安装首先sudo apachectl start 然后,ls执行查看下目录,cd到你要的文件夹内执行如下代码:python -m SimpleHTTPServer 然后在地址栏键入如下url 即可打开http://localhost:8000...原创 2019-09-03 16:32:02 · 2376 阅读 · 0 评论 -
idea里gulp-sass下载失败解决方案
idea项目配置gulp环境,执行安装gup-sass的命令,$ npm install gulp-sass --save-dev报错后,参考了前辈博客:http://blog.csdn.net/jimmyhandy/article/details/50723174,顺利解决。1.报错:gyp verb check python checking for Python exec...原创 2017-09-08 14:02:20 · 1187 阅读 · 2 评论 -
moment组件踩坑 日期类型与字符串类型
一.从今天往前30天00:00:00,时间格式为日期类型const date = moment().subtract(29, 'days').hours(0).minutes(0).seconds(0).toDate() //2018-12-24T16:00:00.773Z日期类型从今天往前30天00:00:00,时间格式为字符串类型const date=moment().s...原创 2019-01-23 17:08:01 · 3057 阅读 · 0 评论 -
vue 文件流导出下载
业务场景:点击下载按钮,请求接口后,js下载接口返回的文件流,并且兼容ie、firefox、chrome关于文件名:我司后端将文件名放在请求头headers里,需要代码获取请求响应消息Response 控制台打印结果:文件流下载完成实现代码: /** * 文件流下载 * data:接口返回文件流 * fileName:文件名 ...原创 2019-11-22 15:19:44 · 848 阅读 · 1 评论 -
js动态生成唯一id
1.随机数长度控制,定义一个长度变量(length),生成可控长度的随机数:Math.random().toString(36).substr(3,length)2.引入时间戳:Date.now().toString(36)3.合在一起最终办法:genID(length){return Number(Math.random().toString().substr(3,length) +...原创 2020-08-17 16:39:40 · 36399 阅读 · 1 评论 -
js 正则去除html代码里 img标签里的style,添加图片自适应值width
js正则去除一段html里 img标签里的style,添加图片自适应 max-width:100%convert () {let htmlText = '<img style="border: 0px; width: 537px; display: block;">'let str = htmlText.replace(/<img[^>]*>/gi,...原创 2019-02-25 13:46:23 · 7922 阅读 · 2 评论 -
移动端页面自适应解决方案—rem布局
参考:https://www.cnblogs.com/Vayne-N/p/6903590.htmlrem布局非常简单,首页你只需在页面引入这段原生js代码就可以了----其实这种自适应方案是一种“等比例缩放”,在手机上会随屏幕大小而变化,但是在ipad上面图标、间距会过大,,, 这里推荐rem布局(进阶版)(function (doc, win) { var docEl ...转载 2018-12-29 10:24:22 · 248 阅读 · 0 评论 -
angularjs table,点击行tr获取tr行数据
//tr双击 选中 确定//方法一 行点击方法 $scope.getData=function(e){ var tr= $(e.target).parents('tr'); var obj={}; obj.index=$(tr).children("td").eq(0).text(); ...原创 2018-03-06 18:03:41 · 6168 阅读 · 4 评论 -
angularjs table td单元格单击变输入框 可编辑状态
html <table> <thead> <tr > <th width="40px;">序号</th> <th>班次</th> <th>分组</th>...原创 2018-03-06 17:59:55 · 4801 阅读 · 3 评论 -
AngularJS filter:search 多字段匹配
参考文章:https://www.cnblogs.com/Sisiflying/p/6806588.html点击打开链接走进AngularJs(七) 过滤器(filter)http://www.cnblogs.com/lvdabao/p/3475426.html点击打开链接AngularJS filter:search 是如何匹配的 ng-repeat filter:search点击打开链接htt...原创 2018-02-06 10:13:30 · 2891 阅读 · 2 评论 -
js得到屏幕宽高、页面宽高 (window.screen.availHeight)
js得到屏幕宽高、页面宽高 (window.screen.availHeight)window.screen.availWidth 返回当前屏幕宽度(空白空间) window.screen.availHeight 返回当前屏幕高度(空白空间) window.screen.width 返回当前屏幕宽度原创 2018-01-11 18:31:57 · 5931 阅读 · 1 评论 -
js、css 实现table表头固定
1. js实现(个人项目用过,完全js实现)html:<div class='table-cont' id='table-cont'><!--看这里--> <table class="table table-striped"> <thead> <tr> <th>...转载 2018-01-05 16:55:07 · 9494 阅读 · 8 评论 -
js点击调用不同的css文件
用js调用不同的cssvar cssPath = "css/style";(var cssPath = "00";调用的css文件名是在对应的点击数字后加00)var styleID=0;document.write('');//调用css文件夹下的style名的cssvar cssLink=document.getElementByIdx_x_x_x_x("cssLink");转载 2017-11-28 17:22:53 · 1887 阅读 · 0 评论 -
用js实现根据不同的分辨率和浏览器调用不同的css文件
方法一:(根据ID设定)<!-- if (screen.width == "800"){document.getElementById("MyCSS").href="800.css";document.getElementById("xinxi").innerHTML="你的分辨率是800,系统自动为你处理为最佳显示模式。";} else if (screen.width ==转载 2017-11-28 17:04:41 · 2107 阅读 · 0 评论 -
安装Vue-cli提示 -bash: vue: command not found
问题描述:npm install vue-cli -g成功安装之后,执行vue -V提示 command not found1. 使用淘宝镜像:sudo cnpm install vue-cli -g 安装成功后,查看版本 vue -V 提示: -bash: vue: command not found2. 添加环境变量配置如图,安装成功后,复制路径地址(图中位置1...原创 2019-11-26 14:24:30 · 4256 阅读 · 3 评论 -
vue 页面跳转 清除定时器setInterval 优化方案
参考:https://www.cnblogs.com/woniubushinide/p/9282560.htmlvue 是单页面应用,路由切换后,定时器并不会自动关闭,需要手动清除,当页面被销毁时,清除定时器即可。方案一:首先我在data函数里面进行定义定时器名称:data() { return { ...转载 2018-11-27 14:29:54 · 11971 阅读 · 2 评论 -
vscode vue es6语法配置检测
话说,为了配置vscode,es6语法自动检测,百度的各种攻略,踩坑不少,最重要还没用。。。。。。将最后解决的方法分享大家,共同进步!配置方法:1. 插件下载 ESLint,JavaScript(ES6) code snippets打开vscode —点击右侧扩展商店—搜索框输入es,找到以下2个插件,ESLint,JavaScript(ES6) code snippets 分别点击安...原创 2018-11-16 17:03:34 · 22319 阅读 · 6 评论 -
echarts使用中过程中的常用配置属性常见问题及绘制地图
1. echarts使用中过程中的常用配置属性常见问题 https://blog.csdn.net/sinat_34492035/article/details/796252532. echarts常见配置项 https://blog.csdn.net/sinat_34492035/article/details/796252533. echarts官方配置项手册 http...原创 2018-11-14 10:46:00 · 419 阅读 · 0 评论 -
2个echarts图形随屏幕缩放自适应
如果一个页面有两个echarts图形:散点图和折线图,如果还写为myChart.setOption(option);window.onresize = myChart.resize;则只有一个图形可自适应窗口大小,另外一个则不能随窗口大小而改变图形大小,解决办法为在每一个echarts图形页面将上面代码改为如下代码...原创 2018-10-24 14:50:14 · 4203 阅读 · 4 评论 -
npm 依赖下载报错 Hostname/IP does not match certificate‘s 相关 解决方案
npm 依赖下载报错:ostname/IP does not match certificate's altnames: Host: registry.cnpmjs.org. is not in the cert's altnames: DNS:r.cnpmjs.org解决方案第一步 :尝试使用 npm set strict-ssl false 本人亲测有效,如果报相同的错误可以尝试使用 npm config set registry http://registry.n...原创 2020-06-22 14:33:03 · 18976 阅读 · 9 评论