自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

今天也要加油呀

只记遇到的坎,帮助自己为己任

  • 博客(41)
  • 收藏
  • 关注

原创 react初涉到的坑(长期记录)

1.创建组件渲染中用的JSX语法一定别忘记闭合标签(在body html处不需要闭合标签,平时也习惯了)!!!最好编辑器装个JSX语法插件。例子:“ embedded: Expected corresponding JSX closing tag for …”2.在标签里的for不能在正常使用了,而是要写成htmlFor。...

2019-06-18 21:29:51 2513

原创 记一次在antd modal回调无法使用yield问题(增加modal返回值)

试过一些方法(modal.confirm链式调用、yield回调使用、查询redux-saga -yield apply/yield call使用报错、Promise等),碰到各种问题,下面实现代码记录(路由replace重新进入当前页根据route,dispatch也可以实现,就是很呆页面会刷新一下)

2023-12-06 10:32:59 124

转载 jsp开发记录

在VS Code上如何让HTML插件适用于jsp文件?引用于https://bbs.csdn.net/topics/399056202

2021-12-14 14:12:17 124

原创 html生成pdf

用到了html2canvas与jspdf <script src="https://cdn.bootcss.com/jspdf/1.3.4/jspdf.debug.js"></script> function downloadPdf(pdfName){ var target = document.getElementsByClassName("right-aside")[0]; var copyDom = $(target).clone().a

2021-06-09 11:04:26 154

原创 react项目实战问题点记录(想起一点记一点,就是这么摸不着头脑)

react项目实战问题点记录(想起一点记一点,就是这么摸不着头脑)1、antd-table组件嵌套子表(根据是否有子表数据绑定对应扩展行:绑定多个行类名)//组件内容 <table columns={this.columns} dataSource={tableRowDatas} onChangePage={this.onChangePage} total={total} pageNum={pageNum} pageSize={pageSize}

2021-04-07 17:05:20 192

原创 fiddler抓app包整理(原先收藏了其他博主的,发现看不了就记录一下)

fiddler抓app包整理(原先收藏了其他博主的,发现看不了就记录一下)1、下载启动Fiddler,配置端口规则相关2、开热点,使手机与电脑同一网络下,设手动代理服务地址与端口3、浏览器输入配置的代理与端口,下载证书4、手机随便打开个百度 pc抓包工具就能看到相关ip了...

2021-03-19 11:02:15 138

原创 thymeleaf模板使用小记

thymeleaf模板使用小记1、遍历对象数组{’’:[],’’:[]}取对象key,可通过itemStat.current.key取对象数据,可通过itemStat.current.value<th:block th:each="item,itemStat:${d.internalAuditVersionMap.PRODUCTS_BENEFITS}"> <tr class="tbinputcontent" th:each="childitem,childitemStat:

2021-03-04 13:47:46 204 2

原创 js实现流程箭头

实现流程箭头因为箭头柱体高度要动态,所以用图片不合适,就使用css+js箭头就分为柱体、三角、横线(不用伪元素原因为发现js修改伪元素样式麻烦,故用i元素)csshtml<span class='flownametd_infoicon leftnone'><i class='iconbefore'></i><i class='iconline'></i><i class='iconafter'></i></s

2021-03-04 10:27:04 1058 2

原创 **js-树形结构根据子类id获取到最父级对应id**

js-树形结构根据子类id获取到最父级对应id数据结构:根据后代子key,匹配到对应最父级key;处理后的后辈集合: getParentKey() { let parentKey = ""; let folderId = form.folderId;//当前子id let formFolders = formFolders;//树数据 let list = []; let parentsKeys = []; // 把顶级+

2020-11-13 15:26:28 2592

原创 记一笔,echarts中X轴、Y轴滚动条使用

dataZoomdataZoom=[ //区域缩放 { id: 'dataZoomX', show:true, //是否显示 组件。如果设置为 false,不会显示,但是数据过滤的功能还存在。 backgroundColor:"rgba(47,69,84,0)", //组件的背景颜色 type: 'sl

2020-08-27 11:44:47 2537

原创 使用elementUi—el-checkbox无法正确动态设置勾选状态的问题

<el-checkbox v-if="scope.row.permissionName=='xxx'" class="parentCheckbox" v-model="scope.row.checked" :checked="scope.row.status=='是'" :indeterminate="scope.row.indeterminate" @change="onChangeMenuTop(scope.row,scope.$index,$event)">.

2020-07-17 10:15:45 5541 4

原创 vue项目中,npm run dev启动后把127.0.0.1或是localhost地址改成本地ip地址不生效的原因

目的是想在手机上同网测试下项目;检查了防火墙,与配置了host文件都不生效后面修改了webpack config/index.js 文件内host修改为对应的网络ip地址就可以了...

2020-04-22 16:40:49 8937

原创 table样式设置不生效相关

table上设置了自适应宽度,但td内容撑大后设置的宽度不起作用:给table 添加 table-layout: fixed; 就可解决td自动换行不起作用:设置 word-wrap: break-word;或者超出…省略号显示,点击td出再弹出完整详情都可以:white-space: nowrap;overflow: hidden;text-overflow: ellipsi...

2020-04-22 16:34:38 1889

原创 echarts使用记录-更新

gaid区:x:直角坐标系内绘图网格与左侧距离,数值单位 px,支持百分比(字符串),如:50%x2:直角坐标系内绘图网格与右侧距离,数值单位 px,支持百分比(字符串),如:50%y:直角坐标系内绘图网格与顶部距离,数值单位 px,支持百分比(字符串),如:50%y2:直角坐标系内绘图网格与底部距离,数值单位 px,支持百分比(字符串),如:50%legend:orient:'...

2020-03-27 17:25:45 188

原创 执行npm run build后生成的dist目录打不开页面

一、找到config/index.js , 把assetsPublicPath:’/‘改成 ./"(如图),再执行npm run build二、控制台报’sessionStorage无权限之类’,换个浏览器打开

2020-02-24 14:18:25 2006

原创 angular1+ionic 移动端滚动后打开列表某条详情后,返回到上一页原来位置

思路就是获取滚动的距离与缓存数据1.绑定滚动事件$ionicScrollDelegate.$getByHandle(‘mybilltab11’).getScrollPosition().top获取该视图距离顶部滚动距离,项目中存在三页签,所以加有判断2.进入详情页 存储高度与缓存数据…相关值存在分页数据的记得相关分页的参数也要存储起来。3.监听进入当前列表页4.初始化请求列表数据处...

2020-01-15 14:55:01 486

原创 react中箭头函数多层嵌套

//普通函数var fn1 = function (a) { return function fn2(b) { return function fn3(c) { console.log('a:' + a, 'b:' + b, 'c:' + c) } }}fn1(1)(2)(3)等价于//箭头函数var fn1=(...

2019-12-25 10:05:49 1002

原创 前端处理ajax跨域问题

$.ajax({ type: "post", url: myurl, data: paramers, xhrFields: {withCredentials: true},//关键 cro...

2019-12-20 15:16:31 915 1

原创 练习巩固js

使用Es5语法实现map函数 /* 1.用es5方法实现数组的map方法 回调函数的参数有哪些,返回值如何处理 不修改原来的数组 arr.map(function callback(currentValue[, index[, array]]) { // Return element for new_ar...

2019-09-27 11:55:14 139

原创 react父子组件传值记录

父向子传值:通过父组件中定义state,使用子组件处属性绑定的方式传递,子组件只需通过this.props.xxx(该属性名)就可接受子向父传值:需要在使用子组件处绑定一个事件函数,子组件内就可以使用this.props.fun(子组件数据传参)(React有明确规定,子组件时不能操作父组件里的数据的,所以需要借助一个父组件的方法,来修改父组件的内容)如图,红框为父向子传值,黄框中为子向父父...

2019-09-21 15:28:40 154

原创 ionic1中ios系统头部被拉伸,多出20px的问题处理

看了别的大佬(https://www.jianshu.com/p/076fc3c2aa04)排除推测的原因是:Ionic判断错了环境,以为这是一个类似打包软件的环境,所以自动加上了一个类似状态栏的高度(安卓下显示正常)正常用cordova打包app的话可以在config.xml文件中配置以上不能解决的话,试试在app.js文件中 $ionicPlatform.ready函数中加入ionic...

2019-09-12 16:25:04 269

原创 git浅显使用记录

长时间不用基本都忘记了,还是记录一下1、首先安装git2、执行命令 git init (创建git管理仓库)3、然后执行git add xxx (把文件添加到仓库)控制台git add README.md fatal: pathspec 'README.md' did not match any files 报没有任何匹配,文件都没有自然报错了解决:手动创建该文件README.md ...

2019-08-15 15:22:54 126 1

原创 react jsx语法自动补全

vscode中就可以配置操作流程:文件-首选项-设置-搜索emmet.include -在setting.json中加入如下代码“emmet.includeLanguages”: {“javascript”: “javascriptreact”}跟html中一样敲标签如div-tab就能自动补全了...

2019-08-15 10:18:08 1019

原创 vue与react生命周期

react:

2019-08-14 15:33:42 116

原创 js filter()返回值问题

filter():方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素 ;不会改变原始数组;return后面判断结果,取布尔值,true的话就添入新的filter数组中,false的话,不会添进filter的数组中。需要注意的是:0 | -0 / null / undefined / ’ ’ / NaN 返回false其余都为true,-1/-2负数都为true(经常会掉进...

2019-07-29 11:22:58 18996

原创 jsonp请求开始能正常返回,某操作后页面所有接口都走error回调(状态值readyState4,状态status404,文本statusTexterror)(记一个顽固bug)

因为参数一样,路径也是一样,报404觉得莫名其妙,找不到原因(百度上的jsonp格式不对之类跟数据库之类都有尝试),开始猜测是因为某操作后导致找不到后台服务器之类,然后去找客户方看的两次操作url地址发现出错的那个url地址callback被截取了没有拼接上,于是终于有点眉目了,然后往这个方向找原因,猜测是jsonp get请求长度限制的原因,然后换成post请求,该问题被解决!!!ps:由于...

2019-07-26 18:01:07 2756

原创 同一网络下,手机无法访问电脑本地应用的方法

正常情况下 ,手机与电脑同一局域网,使用电脑的ip地址是可以访问到应用的。不行的话,检查下电脑端的防火墙与关闭杀毒软件。我这里关闭了防火墙也配置了对应端口的入站规则,还是访问不了,于是,电脑开本地热点,手机连该热点再用电脑ip地址访问,解决。...

2019-07-25 15:42:57 2394

原创 iframe+form表单嵌套第三方页面,ios手机返回按钮无history记录,触发物理返回问题

问题描述:项目上通过iframe+form提交嵌套着第三方应用,在项目环境下ios手机点击该iframe应用返回按钮未触发该应用本身的内部返回,而是直接回到首页;排查原因:这里推荐个移动端工具插件,vsconsole ,这样就有移动端控制台可以查看了 (嘿嘿嘿,老大给的,为老大打call)定位原因+尝试解决:这是个激动焦躁又漫长的问题,监听物理返回按钮,触发了;然后怀疑是iframe原因(后...

2019-07-09 19:42:12 724

原创 学习react(JSX语法)

1.创建虚拟DOM元素:const h1 = React.createElement(‘h1’, { title: ‘标题1’, id: ‘hid’ }, ‘大标题’);// 第一个参数: 字符串类型的参数,表示要创建的标签的名称// 第二个参数:对象类型的参数, 表示 创建的元素的属性节点// 第三个参数: 子节点使用JSX语法:安装 babel 插件、安装能够识别转换jsx语...

2019-06-20 21:54:08 226

原创 学习React (了解生命周期)

/*1. 实例化阶段(初始化) getDefaultProps() 设置默认的props,也可以用dufaultProps设置组件的默认属性,调用一次 getInitialState() 在使用es6的class语法时是没有这个钩子函数的,可以直接在constructor中定义this.state.此时可以访问this.props,调用一次 ...

2019-06-14 16:30:43 180

原创 学习react (首次入坑记录)

学习JSX语法遍历数组的碰到控制台报这个错“react-dom.js:18118 Uncaught Error: HelloComponent.render(): A valid React element (or null) must be returned. You may have returned undefined, an array or some other invalid obje...

2019-06-12 18:37:29 5085 4

原创 ionic 记一次ionic-tabs 切换到指定tab状态下的问题

记一次ionic-tabs 切换到指定tab状态下的问题$ionicTabsDelegate.select(index); // index为tabs的索引,需要注意的是页面上有多个tab组需指定标识。页面上指定的ion-tabs 中添加(delegate-handle=“reimtab”); ionicTabsDelegate.ionicTabsDelegate.ionicTabsDeleg...

2019-05-23 21:25:46 995 2

原创 hbuilder与夜神模拟器实现真机调试--个人觉得很重要,特别是处理兼容问题,没手机贼难受

工具-选项-第三方android模拟器端口:填入你夜神模拟器的端口号,一般是62001或者打开夜神模拟器的安装文件夹,找到D:\YS\Nox\bin文件夹打开(D:\YS是夜神模拟器安装的路径根目录),找到【debugReport.bat】文件,双击启动该批处理文件。会显示如下图:nox adb port:52001(http://ask.dcloud.net.cn/article/1024...

2019-03-06 17:13:06 1066

原创 angular 搭建的app在android低版本路由页面点不开问题

现在手机基本都没有低版本了,这里用的是夜神与hbuilder真机运行模拟的,基本问题能重现且有控制台该问题是点击页面跳转到某一路由没反应,这是hbuilder控制台报的错第二行错百度找资料发现是使用angular控制器未正常引入与配置的问题,眼睛都要盯瞎页面控制器没有一点问题,然后查第一行的报错信息,是安卓低版本不支持es6语法且未转换成es5的问题,为检测这个问题,把代码从头到尾分段注释,...

2019-03-06 17:03:31 413

原创 select android低版本与ios文字居中问题

开始是用这两个 /* text-align: center; text-align-last: center; */ 发现ios与低版本android没有效果,是因为兼容性问题。提供个思路,把select 设为定位,且css设透明,加个span标签样式之类改成原先select展示的样式,span的text跟select选中的value+text值绑定就行了,记得多在不同手机测测样式附上代...

2019-03-06 16:52:37 1181

原创 使用PhotoSwipe: 报Cannot read property 'x' of undefined

点击预览,控制台报这错,整好久,也找到一篇博客问,设置了对应的,结果对我的页面没有任何作用,这里附上该大佬博客地址(http://www.cnblogs.com/zxlshare/p/6472418.html);审查元素,发现是页面出现两个预览图片的插件结构,是我其他页面也引用的这个插件,退出未清除导致的该问题产生,记得退出页面时清除掉就可以了,希望对你有帮助...

2019-03-01 16:06:24 2348 5

原创 ios12下input表单元素字体颜色变浅

测试提这个bug,开始以为是placeholder字体样式ios下导致的,试了几次不对,百度描述错误也百度不出来,折腾好久,记一笔。原因:input设disabled属性/* ios12 input[disabled]导致字体不兼容颜色变浅问题*/解决方法:#XCBillContent input[disabled],input:disabled,input.disabled{color...

2019-01-14 21:31:00 2627 1

原创 当控制台报Uncaught RangeError: Maximum call stack size exceeded 超出最大调用值

考虑两点:1.是否进入死循环调用等;2.事件冒泡希望对你有帮助,我是经常碰见这个错误,循环调用去了

2019-01-14 21:25:23 4195

原创 记一次angular1中使用ztree树形结构

记一次angular1中使用ztree树形结构后台要求要树形结构展示,去百度找到这个插件,建议先建个小文件目录看参照着是否生成功再导入项目,这样不费时间清晰明朗些!需求逻辑是:项目发票要新增个报销功能,-部门单据类型展示-选择后生成对应的报销单据并打开后台要求要树形结构展示,去百度找到这个插件,建议先建个小文件目录看参照着是否生成功再导入项目,这样不费时间清晰明朗些!正文开始://1.引入...

2018-12-25 19:51:47 1158

原创 angular中碰到的$state.go('url')跳转页面不刷新问题

1.$state.go("url",{},{reload:true});2.设置路由控制器(配置属性cache:true/false, ,默认为true。在此,将其配置为false,此时,这个状态就不会有缓存,也就可以实现每次处于该状态时刷新页面,也就相当于实现了强制刷新。).state('myBill', {url: '/myBill',// cache:'false',te...

2018-11-05 19:41:46 2895

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除