- 博客(73)
- 收藏
- 关注
RSS订阅
1原创 el-table树形表格实现 父子联动勾选，子部分勾选时，父处于半勾选的状态
el-table树形表格实现 父子联动勾选，子部分勾选时，父处于半勾选的状态。。
2024-02-23 16:56:53
982
原创 el-form 组件，没有进行前端校验，必填的字段却会自动校验，递归删除所有空值字段
el-form 组件，没有进行前端校验，必填的字段却会自动校验，递归删除所有空值字段
2024-01-05 14:38:23
393
原创 el-pagination 分页器，当total为0时，设置pageIndex大于1，请求数据获取到总total后，分页器页码依旧展示为1
查询表格，初始化时，pageIndex默认为1，后面因为查询条件数据缓存，pageIndex设置为了4，但是pagenation组件使用都是展示1，页面的数据确实是第4页的数据；组件外部的数据没有问题，系el-pagenation组件内部的问题。附上BasePagenation.vue组件代码。组件内外的数据没有同步。
2024-01-03 17:48:59
494
原创 el-input-number设置step、stepStrictly后，数据精度丢失的问题
stepPrecision为false，或者必须结合precision一起使用。这里是设置5位小数的step，初始化时，用户修改时，很容易有精度问题；element底层组件el-input-number的监听函数有问题；设置4位小数step，需要在特定数字时，才能回体现这个bug；el-input-number的配置。
2023-12-05 17:29:08
666
原创 闭包基本知识汇总
闭包是指有权访问另一个函数作用域中变量的函数，在Javascript中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成 “定义在一个函数内部的函数”。所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。闭包是一种JavaScript特有的一种函数结构（一种嵌套用法）。
2023-06-01 11:13:40
194
原创 猪齿鱼Choerodon UI中，对保存校验失败的提示语进行优化，自动提示所有校验失败的字段，而不是简单的提示“数据校验不通过”
以10条新建的关联交易行（存在关联的上级数据源与行关联的子级数据源）为例，原则：模块越多，行数约多，数据量越大，速度越慢！技术方案：1、所有模块、所有行进行校验，提示“数据校验失败！—— 优化之前的校验方式，响应速度最慢，平均3000ms，有明显的卡顿感，所有模块所有行均被标红；2、所有模块、所有行进行校验，提示第一行错误信息；—— 速度只会比上面的更慢，不推荐采用；3、逐个模块校验，逐行校验，提示第一行错误信息；
2023-05-31 14:41:22
613
原创 猪齿鱼Choerodon UI的级联数据源之间、非级联数据源之间的请求状态进行关联
— 注意，如果只在query父级数据时，设置setLineLoading(true)，由于父级数据加载完毕，发现没有返回子级数据源的数据时，也会触发一次子级的load事件，导致无法判断子级数据源的加载状态。—— 解决方案是，需要关联的数据源绑定他们的请求状态，当关联数据源中任意一个在请求，那么所有关联的数据源均loading，当最后一个数据源加载完毕后，结束所有关联数据源的loading;在执行父数据源请求的函数中，使用async/await，只能await父级的请求，并不能子级的await；
2023-05-30 16:47:15
665
原创 关于for循环中setTimeout的一道有趣的面试题
同步微任务执行完毕后执行异步微任务，5个setTimeout，由于第一个参数返回undefined，执行时eval(undefined)，1000ms后，什么也没有执行；这里setTimeout的第一个参数是自执行函数，会立即执行，是同步微任务；循环中输出1 2 3 4 5；有的同学说，是因为闭包导致的输出1 2 3 4 5；闭包是一种JavaScript特有的一种函数结构（一种嵌套用法）—— 返回类型为void，故1000ms后，什么也不输出。立即输出1 2 3 4 5；1000ms后，什么也不输出。
2023-05-30 16:43:14
219
原创 猪齿鱼Choerodon UI，dataSate.validate保存校验失败时提示详细的错误信息
猪齿鱼Choerodon UI保存校验，校验失败时提示详细的错误信息
2023-05-22 10:18:06
437
原创 React中setState/useState的对比分析
React中setState/useState的对比分析，包括同步异步问题、如何使用setState/useState的最新的值、如何使用setState/useState 连续设置两次的分析
2023-04-04 17:50:26
497
原创 猪齿鱼（Choerodon UI ）的通用提交的封装 —— 两种方案，A.使用dataSet的自身的submit，B.使用axios.post来提交
猪齿鱼（Choerodon UI ）的通用提交的封装 —— 两种方案，A.使用dataSet的自身的submit，B.使用axios.post来提交
2023-02-17 10:04:25
526
原创 猪齿鱼（Choerodon UI ）dataSet.delete通用删除的封装 —— 解决两个dataSet.delete的自身问题
猪齿鱼的通用删除的封装，通过两次删除的方案，解决dataset.delete部分删除成功的问题
2023-02-17 09:57:38
436
原创 前端如何使用post下载文件（将用户勾选的数据导出、下载），以及下载window.open是预览的文件
前端如何使用post下载文件（将用户勾选的数据导出、下载），以及下载window.open是预览的文件
2022-12-05 10:39:48
3595
原创 ajax IE8、IE9的跨域兼容
ajax (url, params, successCallback, errorCallback) { var xdr; try { xdr = new XDomainRequest(); } catch (e) { console.log('ie8,9跨域对象创建失败'+e); } if (xdr) { xdr.onerror = functio...
2020-05-28 18:38:03
219
原创 React插槽 之React.Children
React.Children 提供了用于处理 this.props.children 不透明数据结构的实用方法。React.Children.mapReact.Children.map(children, function[(thisArg)])在 children 里的每个直接子节点上调用一个函数，并将 this 设置为 thisArg。如果 children 是一个数组，它将被遍历并为数组中的每个子节点调用该函数。如果子节点为 null 或是 undefined，则此方法将返回 null .
2020-05-25 13:57:52
714
原创 点击【打印】下载iframe 里面的 pdf文件
存在iframe，并打印iframe中的内容<Modal className="wsxq" title="文书详情" visible={this.state.visible} width="1024px" onCancel={()=>{this.closeModal()}} footer={ <div className="t...
2020-03-19 15:25:31
1849
原创 hack -- 触发事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2020-03-14 10:33:13
158
原创 post请求将数据传给后端，后端将文件以二进制的形式发给前端，前端进行接收并下载
post请求将数据传给后端，后端将文件以二进制的形式发给前端，前端进行接收并下载(支持IE8、IE9)excelExport(e) { //todo zhy 【导出】excel const {dataSourceFourth} = this.state; let flag = true; if (!dataSourceFourth.length) ...
2020-03-09 15:00:16
3262
原创 post请求将数据传给后端，后端将文件以二进制的形式发给前端，前端进行接收并下载
post请求将数据传给后端，后端将文件以二进制的形式发给前端，前端进行接收并下载利用原生的XMLHttpRequest方法实现在这里插入图片描述 ![exportList(fzjglx) { //todo zhy 添加一个【导出】按钮 const {dataSourceFourth} = this.state; if (!dataSourceFou...
2020-02-27 00:26:00
2513
原创 Charles
Charles （HTTP代理服务器）是一个HTTP代理服务器,HTTP监视器,反转代理服务器，当浏览器连接Charles的代理访问互联网时，Charles可以监控浏览器发送和接收的所有数据。它允许一个开发者查看所有连接互联网的HTTP通信，这些包括request, response和HTTP headers （包含cookies与caching信息）。主要功能支持SSL代理。可以截取...
2020-01-10 15:35:35
305
原创 注意
app.model({ namespace: 'todos', state: [], reducers: { add(state, { payload: todo }) { return state.concat(todo); }, remove(state, { payload: id }) { return state.filter(...
2019-11-13 21:08:17
99
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人