- 博客(92)
- 收藏
- 关注
RSS订阅原创 前端低代码开发问题集
1.同样的页面复制过来之后页面空白，控制台一直报错，"像"是接口返回的错误，其实不然，还有种可能是token的问题，当token拿不到 ，接口数据也请求不过去，页面又有请求，所以页面所需数据加载的接口自然也是看不到的。
2023-12-25 14:30:41
213
原创 react组件传参(组件通讯方式)
思路:利用回调函数，父组件提供回调，子组件调用，将要传递的数据作为回调函数的参数。思路:利用回调函数，父组件提供回调，子组件调用，将要传递的数据作为回调函数的参数。3.子组件中通过 props 接收父组件中传递的数据。1.父组件提供一个回调函数(用于接收数据)1.父组件提供一个回调函数(用于接收数据)2.将该函数作为属性的值，传递给子组件。2.将该函数作为属性的值，传递给子组件。1，父组件提供要传递的state数据。3.子组件通过props调用回调函数。3.子组件通过props调用回调函数。
2023-05-11 17:31:49
1729
原创 使用react脚手架初始化项目
使用react脚手架初始化项目1.初始化命令npx create-react-app my-app2.初始化完成之后可以看到Happy hacking！3.启动项目，进去根目录cd my-app ，然后 执行命令 npm start，运行成功之后可以看到以下，这两个地址都可以进行访问页面4.打开页面之后，可以看到一个新页面
2023-05-06 14:02:27
929
原创 element-plus中el-upload组件，实现上传、点击下载、删除功能等
主要用到before-remove 删除文件之前的钩子，参数为上传的文件和文件列表，若返回 false ，则停止删除，不在执行:on-remove="handleRemove"事件。删除清空存放文件的数组。
2023-04-19 14:31:32
27726
1
原创 React实现在移动端进行签字
这里使用了 useState 钩子来创建了一个名为 signatureDataUrl 的状态变量，用于保存签名数据的base64编码。在 handleClear 和 handleSave 函数中，除了清除签名和保存签名的操作外，还使用了 setSignatureDataUrl 函数来更新签名数据的状态变量。在用户签名后，签名数据的base64编码会被保存到 signatureDataUrl 状态变量中，可以将其发送到后端保存签名图片。然后，在需要使用签名组件的React组件中，导入。
2023-02-23 20:44:51
1083
原创 React移动端中实现全选和不选的实现
属性，表示该数据是否被选中。当点击全选按钮时，会将所有数据的。，当数据有一个未被选中时，全选按钮也会被设为未选中状态。表示要选择的数据列表，每个数据对象中有一个。下面是一种实现方式，其中的。
2023-02-22 14:36:32
365
原创 通用防抖和节流方式的实现
比如，当用户滚动页面时，需要处理滚动事件，但是由于滚动事件非常频繁，可能会导致处理函数被频繁调用，从而影响页面性能。它返回一个新函数，当这个新函数被调用时，它会检查上一次调用的时间是否距离现在的时间超过了延迟时间 delay，如果超过了就执行 func 函数并更新上一次调用的时间，否则什么都不做。它返回一个新函数，当这个新函数被调用时，它会先清除之前设置的定时器（如果有的话），然后设置一个新的定时器，在延迟时间 delay 后执行 func 函数。
2023-02-21 13:46:20
179
原创 新建一个完整的react项目和完善初始项目
1.完善默认改变端口号，打开package.json,找到scripts中的dev，在dev后面添加–host --port 3002 如果再在后面加一个–open，就可以自动打开了–host --port 3002 --open。devDependencies（开发工具）开发环境使用的，使用打包工具之后这些依赖不会被打包进去，但是dependencies（依赖工具）下的这些依赖会打包进去。1）：找到自己创建的文件夹，在文件夹中打开命令提示符,找到文件夹的路径，cmd，敲回车，打开命令提示符工具。
2023-02-16 21:15:37
1018
原创 Thu Feb 16 2023 13:49:53 GMT+0800 (中国标准时间)变为YY-MM-DD HH:MM:SS
Thu Feb 16 2023 13:49:53 GMT+0800 (中国标准时间)变为YY-MM-DD HH:MM:SS
2023-02-15 13:54:21
583
原创 react中使用定义数据并监听其值
原因：定义了数据，搜索之后可以打印出来数据，但是会延迟得到搜索后的数据。const [ procDefId , setprocDefId ] = useState('') //定义任务类别 // 搜索任务类型时触发 const changeRadio =(value) = > {console . log(value) //这样可以得到搜索的值 setprocDefId(value) //搜索后的内容，存入procDefId } const getMoblieList =() = > {
2023-02-09 17:30:27
3999
原创 react学习小记之如何进行双向绑定(mobile.ant.design中的Collapse折叠面板的使用)
mobile.ant.design在react中使用，组件`Collapse`折叠面板的使用，并且有手风琴效果的
2023-02-07 13:26:12
1022
原创 Element Plus的分页组件el-pagination显示英文
使用Element Plus的分页组件el-pagination，切换每页显示数量时显示的是英文。：Element Plus 组件默认使用的是英语，显示中文的话需要做下配置，就是要引入element-plus里面的中文包。
2022-09-21 13:32:29
3353
4
原创 vue3+echart5 遇到的报错：Cannot read properties of undefined (reading ‘type‘)
vue3+echart5 遇到的报错：Cannot read properties of undefined (reading ‘type‘)
2022-09-07 11:17:05
973
原创 Vue+ElementUI 之 input输入框 添加自定义图片
template中v - model = "inputUser" class = "input" size = "large" icon = "el-icon-search" placeholder = "账户" > < template #suffix > < div class = "suffix" > < img src = "../assets/image/user.svg" alt = "" > < / div > < / template > < / el - input >
2022-08-19 16:19:21
4625
原创 基于el-table和el-pagination实现数据的分页效果
当我们使用el-table(表格) 和 el-pagination(分页)，要实现el-table 表格存放数据， el-pagination 设置分页效果el-pagination的基本属性1、实现步骤&涉及要点参数 说明注意此处在选择要显示的数据时也需要对其进行截取操作，否则会直接全部显示。我们使用的是 slice(start,end) 截取数组，其中不包括 end；每页数据量 pageSize 为 6， currentPage 为当前页；比如第一页，那么截取的就是 0 ~ 6，slice 返回的
2022-07-07 15:02:43
6064
6
原创 display:flex详解
1. 属性指定了弹性子元素在父容器中的位置。2. 内容对齐（）属性应用在弹性容器上，把弹性项沿着弹性容器的主轴线（main axis）对齐3. 设置或检索弹性盒子元素在侧轴（纵轴）方向上的对齐方式。4. 属性用于指定弹性盒子的子元素换行方式。5. 属性用于修改 flex-wrap 属性的行为。类似于 align-items, 但它不是设置弹性子元素的对齐，而是设置各个行的对齐。6. 属性用于设置弹性元素自身在侧轴（纵轴）方向上的对齐方式。（1）flex-direction的值有:：横向从左到右排
2022-06-29 16:46:00
12819
原创 常用的display的属性
1. display:inline（默认值）将设置该元素的标签以内联元素即像普通文本一样插入文档流，不会自动换行或者设置宽度跟高度；其中设置该元素的标签的宽度跟高度以放入的该标签的元素的宽高为准，不允许修改。2. display:none将该元素隐藏，不会再文档流中出现，所谓的文档流也就是文档中可显示对象在排列时所占用的位置3. display:inline-block将绑定该元素的标签以inline内联样式插入到文档流中,然后它本身拥有block块的属性，可以设置宽度跟高度，通俗的说也就是，把我
2022-06-29 16:07:04
3487
原创 div背景是渐变色且模糊，不影响里面内容的显示
需要实现：背景是渐变色且模糊，要求背景上方的文字不模糊，不渐变，是正常显示的。实现代码： 代码解读：一种实现线性渐变的属性,顾名思义,它的特点的是控制渐变,特点是线性的进行控制。第一个属性是是设置渐变从上到下，设置一个起始点和一个方向（指定为一个角度）的渐变效果...
2022-06-29 15:52:20
794
原创 css实现点击div改变背景图片，再点击更换成之前点击的样子
css实现点击div改变背景图片，再点击更换成之前点击的样子1.定义一个点击事件，同时class绑定两个属性，showBtn为true是展示showBox的class属性2.开始默认为，3.展示开始默认的效果图：4.点击，如果showBtn为true变为showBtn为false，如果showBtn为false变为showBtn为true5.这里是style里面定义好的属性，你想展示点击后是什么样子，可以在hideBox添加相应属性。6.点击完成之后，我的页面效果是位置发生变化，图片转换
2022-06-24 17:30:37
2788
原创 如何解决CSS中-webkit-box-orient: vertical属性编译后丢失问题
一、起因需求要求展示两行，多余的文字用三个点替代，于是用了这几个不太规范的属性后来发现代码里写的好好的，一到页面上居然没有反应，和没写一个样，f12看了下，原来是这个属性丢失，导致了不生效，在Styles里把这个属性加上就好了，于是断定是编译过程导致这个属性丢失。二、解决办法网上找了一个可行的解决方案，把autoprefixer关掉，有一种写法：这样确实解决了编译丢失的情况，但会在编译过程中报warning，最后到GitHub上找到最佳解决方案,如下问题解决，也不报warning了。...
2022-06-15 09:38:04
3525
1
原创 使用echart的图表中：Initialize failed: invalid dom 之 dom加载出现的问题
报错原因：Initialize failed: invalid dom引入 因为在还没加载的时候，option 获取元素，就开始检测，并尝试去获取它，但是在vue中引用的中，发现在模板dom还没加载的时候 就已经开始执行，所以会报错 2、解决办法：根本原因就是dom没加载，echarts没有检测到dom，那么我就让dom加载后再去获取dom，就把echarts.init()这部分数据放在onMounted里面执行，也就是挂载完成之后执行...
2022-06-10 15:07:54
1986
原创 js中为对象添加属性（Vue和React）
一.在普通js中打印结果：打印结果2、在vue中使用利用this.$set(对象名,“属性名”,属性值) 或者 Vue.set(对象名,“属性名”,属性值)注：属性名用引号打印结果
2022-06-09 10:36:00
45818
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人