![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
问题
南城夏季
一路浅行
展开
-
react 使用 富文本编辑器并支持MD,同时支持<Form.Item/>的可控输入
在react ant 使用中,我们可以看到,Input 输入变化后,值会自动绑定到form实例上,同时,form set值以后,Input 也会跟着变化。这里面Input 默认挂载了两个属性value和onChange,从而做到了双向绑定,所以我们也可以实现一个这个的自定义可控组件。原创 2024-06-03 14:37:05 · 319 阅读 · 0 评论 -
css画一个缺了右边三角形的长方形
画一个缺了右边三角形的长方形。原创 2024-05-17 17:44:56 · 288 阅读 · 0 评论 -
react ant upload上传请求参数变成了 file:[object object]
文件对象需要取里面的一层,即originFileObj。原创 2023-09-15 14:30:53 · 579 阅读 · 0 评论 -
react ant ice3 实现点击一级菜单自动打开它下面最深的第一个子菜单
让一级菜单进行全拼接,二三级等子菜单不做处理,仍然保持当前的path,也就是点击一级菜单自动打开它下面最深的第一个子菜单。可以看到每层菜单的path都只有当前的路径,没有进行全拼接。原创 2023-09-12 14:01:09 · 323 阅读 · 0 评论 -
js使用jsencrypt报错:navigator is not defined window is not defined
在react中使用了jsencrypt进行加密,前一天能正常加密,第二天运行的时候就报错,具体做了哪些操作,忘记了,应该有执行。应该是执行了npm install 拉取了新版的jsencrypt,导致版本不兼容。经过测试,发现最新的版本。原创 2023-08-11 16:16:14 · 1027 阅读 · 0 评论 -
前端js react vue怎么实现在线预览doc文档
目前在纯前端层面没有很好的方案,基本都需要服务端的介入。原创 2023-07-11 10:07:59 · 2161 阅读 · 0 评论 -
ant table 单元格合并时 RowSelection 没有合并
动态合并 rowSelection, 使用 renderCell 来处理 rowSelection 的单元格合并。原创 2023-07-10 08:43:48 · 692 阅读 · 0 评论 -
umi4使用状态管理dva
【代码】umi4使用状态管理dva。原创 2023-07-04 16:53:11 · 1823 阅读 · 0 评论 -
js 复制对象排序乱了
表格需要根据对象的key来渲染表头,在控制台查看到数组中的对象的属性排序是正确的,但是右键复制其中一个对象再打印出来,发现乱序了,使用Object.keys输出也是乱序的。原创 2023-07-04 11:37:54 · 350 阅读 · 0 评论 -
react ice 打包失败
可以看到图片路径找不到,但是实际上项目的图片路径是对的,复制地址可以打开图片,那是哪里的问题呢,其实这里粗心了,项目路径有中文导致打包时无法正确找到对应文件,把不良品这个中文换成英文就可以了。原创 2023-05-09 10:13:13 · 142 阅读 · 0 评论 -
react ice3 配置postcss-pxtorem
【代码】react ice3 配置postcss-pxtorem。原创 2023-04-28 17:28:46 · 382 阅读 · 0 评论 -
element table合并表头后乱序了
这块代码看似没有什么问题,但是实际上渲染的时候会乱序,这里有个小技巧,直接加一列空白列,让空白列乱序,而其它列保持正常。这里封装了一个通用表格,所有列配置通过父组件传入。例如:本来应该排在第一列的表头跑到最后一列了。原创 2023-04-14 11:01:15 · 307 阅读 · 0 评论 -
前端脚手架搭建
为了更好的理解项目的配置,以下对一个通用的package.json文件的配置项进行逐一解释引入 commander 依赖bin/cli.js// 打印命令行输入的值 console . log("project name is " + name) }) program . parse()然后执行npm link将应用lw-cli链接到全局:完成之后,在命令行中执行lw-cli这个时候就有了 lw-cli 命令使用的说明信息,在Commands下面出现了我们刚刚创建的create命令。原创 2023-03-10 13:36:43 · 1276 阅读 · 0 评论 -
npm link的作用与使用
库包在开发或迭代后,不适合发布到线上进行调试(过程繁琐且会导致版本号膨胀),这个时候就可以通过npm link将包放入到的下的文件夹中,这样就可以直接使用包名直接在本地调试了npm link`可以帮助我们模拟包安装后的状态,它会在系统中做一个快捷方式映射,让本地的包就好像 install 过一样,可以直接使用。同一目录下的使用生成的虚拟包名会根据module1的package.json进行指定。不同目录下使用:4、删除npm link的链接解除项目和模块的链接解除模块的全局链接原创 2023-03-02 11:19:51 · 796 阅读 · 1 评论 -
vue echart i18n 国际化处理
项目:数据大屏,采用vue2+echart+i18n。原创 2023-02-28 10:51:48 · 1079 阅读 · 0 评论 -
react表单多个下拉调用接口,有些下拉没有渲染数据
在表单页面中点击新增按钮,触发弹窗,弹窗中是一个表单,有2个下拉,每个下拉的数据都需要通过接口获取,实际使用中发现有多个下拉已经调用了接口,但是数据并没有渲染上去。原创 2023-02-28 09:12:49 · 265 阅读 · 0 评论 -
前端埋点监听按钮点击事件(方案)
给不同的按钮添加不同的标识,在触发自定义指令的时候,挂载监听事件xxx.vue< spantriggerType : 'click' , currentUrl : $route . path , businessCode : 19 , actionType : '点击新增按钮' , } " > 新增 < / span >// 自定义埋点指令 Vue . directive('track' , {//钩子函数,只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置 /*原创 2023-02-27 16:26:27 · 1762 阅读 · 1 评论 -
跨窗口调试时,怎么在跳转时就打开控制台
比如我在a网站跳转b网站时想要调试b网站的代码,跳转的时候我们想查看跳转的参数以及其它的操作,但是我们是无法在b网页马上打开控制台的,这个时候就有个小技巧了,可以在b网站初始执行的时候加个。,来阻止b网站的运行。然后b网站定住,可以打开控制台了调试了。原创 2023-02-07 10:09:02 · 500 阅读 · 0 评论 -
ant react design select不支持搜索
搜索时过滤对应的 option 属性,如设置为 children 表示对内嵌内容进行搜索。若通过 options 属性配置选项内容,建议设置 optionFilterProp=“label” 来对内容进行搜索。原创 2023-01-05 09:52:45 · 365 阅读 · 0 评论 -
ant design select 搜索同时支持输入和下拉选中
1. 远程搜索的时候,有数据返回,但是下拉展示的仍然是无数据。。。2. 搜索输入框正常情况下只支持下拉选中,如果输入的内容查不到,那么在失去焦点的时候就置空输入框了,也就是没法保持输原创 2022-12-08 16:13:05 · 4737 阅读 · 2 评论 -
ant design protable的页码pagination点击一直显示第一页
另外一个方案是,你可以在表格搜索的时候获取表格页码,再把当前的页码数据set到table的config中。如果之前页面一直没有问题,现在突然发现页码点击无效果了,需要注意是是不是执行过。(package.json中),那么更新依赖后它的版本可能变成了。(package.lock.json中),这是因为。,然后在执行npm install,再把。的版本更新了,例如:原来的版本是。表示向上拉最新的版本。原创 2022-12-08 15:30:35 · 1327 阅读 · 0 评论 -
ant-pro protable 选中一行时,结果视图选中了所有
当rowKey对应的id 在列表中没有返回,或者不是唯一的,就会出现选中一行,结果视图上选中了多行,此时,只需要把rowKey对应的id改成后端返回的列表数据中的唯一id项就可以了。原创 2022-11-28 16:24:22 · 853 阅读 · 0 评论 -
Antd中Select组件中的defaultValue设置不生效
在Select 组件中添加一个key, 值为你所需要的 defaultValue,注意是在。原创 2022-11-26 10:42:35 · 1408 阅读 · 1 评论 -
jenkins 发版一致
发版一直报错,但又不是代码的错,后面知道的是因为之前没有把package.lock.json文件传上去,导致线上拉的是最新的依赖,后面提交代码又传了package.lock.json,导致版本不一致,这个时候删除掉package.lock.json,重新发版就可以了。原创 2022-11-26 10:29:25 · 596 阅读 · 0 评论 -
前端项目发版后接口无法调用,本地能调用 Provisional headers are shown
从上图控制台报错可以看到是因为在https的域名下访问了http接口,直接被浏览器以安全原因拦截了,这种情况,直接把域名的https改成http或者把接口改成https的,保持一致就可以了。同一个接口在本地可以调用,发版后通过域名却不能访问了,接口已经放开了跨域了,因此可以排除跨域问题。原创 2022-11-26 10:11:18 · 670 阅读 · 0 评论 -
react ice 路由跳转后没有渲染页面
看了下在useEffect中返回了false,把return false去掉,换成了return {}页面a跳转到页面b的时候,页面b报错,并且没有渲染出来。原创 2022-11-18 15:33:09 · 488 阅读 · 0 评论 -
js在pc端调用摄像头拍照使用getUserMedia报错undefined
百度了才知道是本地起的服务不是https,获取不到摄像头权限。目前有个需求是要在微信浏览器中进行人脸,想到的一个方案是前端进行拍照然后传给后端调用第三方服务进行人脸校验。方法,想在pc端进行设置,发现pc端是没有这个方法的。然后点击重启按钮就可以了。原创 2022-11-09 17:30:40 · 848 阅读 · 0 评论 -
react redux
【代码】react redux。原创 2022-10-26 11:18:29 · 359 阅读 · 0 评论 -
react 验证码倒计时
【代码】react 验证码倒计时。原创 2022-10-25 16:44:16 · 989 阅读 · 1 评论 -
Cannot update during an existing state transition (such as within `render`). Render methods should
react uni的项目中,列表中引入了一个子组件modal,点击展示modal的时候就报这个错。set赋值操作需要在useEffect 中执行。渲染方法应该纯粹是props和state的函数。在现有状态转换期间(例如在。原创 2022-10-25 15:33:08 · 3967 阅读 · 0 评论 -
ant日历组件calendar转中文以及消息渲染
这里加入了完整的日历消息展示,消息从接口中获得,返回的是日历面板上每一天的消息信息,然后展示在日历中,如果只是需要转中文,则只需要看转中文的几个方法。最终的效果,可以直接在每天卡片上显示消息,也可以悬浮显示每天的消息。目前使用的项目用的是ice+ant+react ,项目中使用了calendar组件,但是组件中的星期,年份,月份都是英文的,按照官网的配置了转中文没有起作用。由于官网的配置没有生效,所以使用了一个最直接的方案:直接替换英文的dom节点的内容为中文的。原创 2022-09-30 14:56:04 · 1495 阅读 · 0 评论 -
ant组件库 message组件只响应了一次就失效了
但是只在第一个接口失败的时候触发了,第二个接口失败没有响应提示信息,后续的其它的提示error,info,warning,success都失效了。是一个对象,导致出错阻塞了后面message的触发。奇怪的是控制台并没有显示错误信息。,所以这个坑很容易被忽略掉。页面有3个接口请求,每次请求失败都会。中的err全部转成字符串的格式。排查代码,发现第二次使用。原创 2022-09-30 08:59:32 · 1234 阅读 · 0 评论 -
react 横向/水平无限消息滚动
效果如图:创建1个文件夹,里面存放两个文件,index.tsx和style.less:原理是就设置一个固定长度的父节点,然后消息内容的长度超过了父节点的长度,就会出现滚动条,这个时候设置一个定时器,让子节点即消息内容,一步步的向左边滚动,当向左边滚动完成以后马上需要回到原始位置,再重新滚动。原创 2022-09-27 14:40:52 · 2267 阅读 · 1 评论 -
node-sass安装报错
一般都是node和node-sass的版本不兼容。原创 2022-09-23 15:28:38 · 255 阅读 · 0 评论 -
react antv(Ant Design Charts)怎么使用图表事件
【代码】react antv(Ant Design Charts)怎么使用图表事件。原创 2022-09-08 15:26:56 · 1819 阅读 · 1 评论 -
react ant table 表格合并单元格
将行数据中公司名相同的数据进行合并。原创 2022-09-07 13:50:49 · 507 阅读 · 0 评论 -
nodejs操作 mongoose查询数据后给doc添加新属性未生效
【代码】nodejs操作 mongoose查询数据后给doc添加新属性未生效。原创 2022-09-04 15:10:04 · 311 阅读 · 0 评论 -
react set值会导致表单重置而清空数据
当输入完姓名的时候,需要把输入的姓名添加到关联对象的下拉框中供用户选择。但是输入姓名后,将值set到关联对象后,表单直接就清空了。在set后会自动清空表单,所有我们可以通过异步来恢复表单数据。原创 2022-09-02 11:30:15 · 746 阅读 · 0 评论 -
ant pro-table点击表格行高亮显示
直接在onRow事件中,捕捉到当前的节点,然后设置它高亮,然后再设置其它行的节点恢复默认样式。原创 2022-08-23 14:16:29 · 806 阅读 · 1 评论 -
git 更换文件名大小写无法提交 远程和本地不一致
这样下次提交的时候就会观察到本地和远程不一致的文件名和文件夹的名字。3、再将文件恢复,再次提交到git即可。2、删除对应文件并提交到git。1、先将要提交的文件备份。原创 2022-08-04 10:17:13 · 1282 阅读 · 0 评论