- 博客(246)
- 资源 (20)
- 收藏
- 关注
原创 vue3 element-table实现左右两个表格左右滑动时一起联动
vue3 element-table实现左右两个表格左右滑动时一起联动
2023-03-03 16:15:30 2326 1
原创 H5项目中使用微信JS-SDK(以H5项目批量上传图片为例,兼容IOS及安卓)
H5项目中使用微信JS-SDK(以H5项目批量上传图片为例,兼容IOS及安卓)
2023-02-24 10:23:36 5186
原创 react 富文本组件wangeditor
yarn addwangeditor 代码editor.jsexport const colorData = [ '#FFFFFF', // 白色 '#FF0000', // 红色 '#00FF00', // 绿色 '#0000FF', // 蓝色 // '#FF00FF', // 牡丹红 '#00FFFF', // 青色 '#FFFF00', // 黄色 '#000000', // 黑色 '#70DB93', // 海蓝 // '#5C3317', //.
2022-05-09 16:02:59 1005
原创 记录本地测试没问题,测试环境有问题的疑点
modal内关闭当前弹窗,并跳转到新的页面1、尝试过使用promise.thenconst p = function () { console.log('=======2'); return new Promise((resolve, reject) => { console.log('=======3'); handleHistoryModalVisible(false);
2022-04-26 19:08:48 1240
原创 react移动端项目使用px2rem适配和antd-mobile按需加载的webpack
config-overrides通过react脚手架[create-react-app]创建的项目,如果需要在项目中配置一些webpack配置,需要在根目录下新建一个名称为config-overrides.js的文件。1、引入react-app-rewired插件 react-app-rewired的作用就是在不eject的情况下,覆盖create-react-app的配置2、安装插件npm install react-app-rewired customize-cra react-app-r
2022-03-01 17:47:33 1536 6
原创 三级面包屑的页面跳转到二级面包屑页面时,报错:Rendered fewer hooks than expected.
页面A,属于面包屑的第三级。页面A内点击链接跳转到页面B,页面B属于面包屑的第二级。此时出现报错提示:Rendered fewer hooks than expected. This may be caused by an accidental early return statement.原因是由于我在app.jsx中自定义了面包屑的跳转方法,内部有hooks代码最后解决办法是,判断了当前路由,只有特定路由内才有hooks...
2022-01-21 11:27:07 2181
原创 antd protable
1、想要实现外部传递进来的参数,每次参数变化,重新请求接口 useEffect(async () => { if (props?.values?.orgCode) { if (actionRef.current) { actionRef.current.reload(); } } }, [props?.values?.orgCode, props?.values?.busiPolicyCode]); <P
2022-01-17 17:43:25 6849
原创 react antd protable内的Input输入框每次输入失去焦点
最后发现是我将rowKey={RndNum};RndNum是一个函数// 获取一组十位数的随机数function RndNum() { var rnd = ''; for (var i = 0; i < 10; i++) rnd += Math.floor(Math.random() * 10); return rnd;}正是因为这个原因,导致我的输入框每次输入一个字符,就会失去焦点。解决办法:rowKey="key",rowKey内直接使用值,而不是传入一个函数.
2021-12-27 10:39:34 2206
原创 antd-design-pro实现多页签,切换页签保留缓存,keep-alive
感谢该大佬提供的组件:GitHub - CJY0208/react-activation: Hack <KeepAlive /> for Reactreact 里 keep-alive 的实现目前是黑科技,会有些问题使用过程中遇到问题的话,可以优先看这儿https://github.com/CJY0208/react-activation/blob/master/README_CN.md#breaking-change-%E7%94%B1%E5%AE%9E%E7%8E%B0%E5%.
2021-12-21 14:59:26 8104 3
原创 Ant Design Pro从0-1创建一个项目
创建$ yarn create umi my-appSelect the boilerplate type: 选择 Ant Design Pro❯ ant-design-proWhich language do you want to use? 选择你使用的语言❯ TypeScript JavaScript$ cd my-app$ yarn$ yarn start # 打开浏览器访问 http://localhost:8000移除语言国际化 yarn run i18n-re
2021-11-16 11:31:52 3755 1
原创 uni-app导航定位
1、点击图标,跳转到选择地址页面<view style="display: flex;align-items: center;" @tap='chooseLocation'></view>chooseLocation(){ uni.chooseLocation({ latitude:this.detail.lat, longitude:this.detail.lng, success:(res)=> { console.log(res);
2021-11-06 16:30:50 2070
原创 uni-app拖拽排序
<template> <view class='zhuti'> <movable-area class="movable-area" :style='"display:"+movableViewInfo.showClass+"; height:"+pageInfo.scrollHeight+"%"'> <movable-view class='row list-row movable-row' out-of-bounds='true' dam...
2021-10-17 21:04:11 3638 4
react-native-video视频播放功能
2019-04-29
react表单密码验证
2019-04-29
react结合three.js实现3D模型
2019-01-07
几百个unity常用脚本word文档详细讲解介绍
2018-12-28
react-antd实现一个后台管理系统
2018-12-20
前端有什么合适的副业推荐
2023-02-08
今年上海前端招聘需求多不多?
2022-08-26
TA创建的收藏夹 TA关注的收藏夹
TA关注的人