越努力,越幸运

朱季谦

腾讯云社区2022年度最佳作者、阿里云专家博主认证

随笔分类 -  前端开发

摘要:总结/朱季谦 最近通过Vue + Element ui实现了动态表单功能,该功能还包括了动态表单新增行、删除行、动态表单验证、动态表单提交功能,趁热打铁,将开发心得记录下来,方便以后再遇到类似功能时,直接拿来应用。 简化的页面效果图如下: ![image](https://img2023.cnblo 阅读全文
posted @ 2023-07-10 18:05 朱季谦 阅读(2231) 评论(0) 推荐(5) 编辑
摘要:笔记/朱季谦 在写React前端逻辑时,经常遇到可以切换不同条件的列表查询功能,例如下边截图这样的,其实,这块代码基本都一个逻辑,可以一次性将实现过程记录下来,待以后再遇到时,直接根据笔记复用即可。 一、首先,是前端React页面代码,这类搜索框,一般都是放在Form表单当中,然后使用有前缀下拉框选 阅读全文
posted @ 2021-09-27 19:59 朱季谦 阅读(437) 评论(0) 推荐(0) 编辑
摘要:在React框架前端开发中,经常会有弹出框的开发,涉及到弹出框,难免就会有表单。一般在关闭弹出框或者对表单联动时,往往都需要考虑对表单进行置空操作了。 我以前在工作就遇到过这类问题,正好顺便对表单置空这块做一些总结小记录。 主要有两种情况,一种是对整个表单置空,一种是想灵活对其中个别选框置空。 1. 阅读全文
posted @ 2021-03-11 19:27 朱季谦 阅读(1741) 评论(0) 推荐(0) 编辑
摘要:在前后端分离的分布式架构中,跨域是一道无法绕过去的门槛,众所周知,生产环境上解决跨域最便捷的方式是使用Nginx来处理,那么,在本地开发环境又该如何处理呢? React框架里处理跨域问题,可以使用http-proxy-middleware库解决。 http-proxy-middleware可实现全局 阅读全文
posted @ 2020-10-16 23:05 朱季谦 阅读(629) 评论(0) 推荐(0) 编辑
摘要:在设置login背景时,找到了一张这样的图片:但是设置成login背景时,如果没有做一些css适应设置,图片就变样了,变成了这样:严重变形了,这就造成了一种理想与现实的差距。若想解决这个自适应问题,其实很好解决,只需要在前端代码里加上这样css即可: 1 .main { 2 background: 阅读全文
posted @ 2020-10-03 12:12 朱季谦 阅读(4869) 评论(0) 推荐(0) 编辑
摘要:vscode在调试vue.代码时,如何进行debug? 1.安装Chrome Debug插件。 2.在launch.json中,将url修改成你前端项目的路径: 1 { 2 // Use IntelliSense to learn about possible attributes. 3 // Ho 阅读全文
posted @ 2020-09-01 16:42 朱季谦 阅读(6765) 评论(0) 推荐(0) 编辑
摘要:运行前端React代码时,出现这样的错误: node Error: bind EADDRINUSE null 后来发现端口号冲突,换个端口号后问题就可以解决了。 阅读全文
posted @ 2020-03-22 12:49 朱季谦 阅读(3531) 评论(0) 推荐(1) 编辑
摘要:最近在做一个基于React+antd前端框架的Excel导出功能,我主要在后端做了处理,这个功能完成后,便总结成一篇技术分享文章,感兴趣的小伙伴可以参考该分享来做导出excle表格功能,以下步骤同样适用于vue框架,或者JSP页面的实现。 在做这类导出文件的功能,其实,在后端进行处理,会更容易些,虽 阅读全文
posted @ 2019-10-15 11:15 朱季谦 阅读(5535) 评论(0) 推荐(0) 编辑
摘要:最近遇到一个React上传组件的问题,即上传附件成功后,文件展示处仍然还有之前上传附件的缓存信息,需要解决的问题是,要把上一次上传的附件缓存在上传成功或者取消后,可以进行清除 经过一顿试错,终于解决了这个问题。 showUploadList,是可选参数,即是否展示uploadList,默认是开启的, 阅读全文
posted @ 2019-10-12 14:30 朱季谦 阅读(9685) 评论(0) 推荐(0) 编辑
摘要:总结/朱季谦 先前有一次做uni-app的js接口对接时,遇到过这样的情况,在for循环里,调用一个异步请求时,返回来的值顺序是乱的,因此,在以下的代码里,push到数组里的值,每次的顺序可能都是不一样的,造成这样一个原因,是for循环是单线程的,异步请求是多线程的,f往往在for循环结束了,异步请 阅读全文
posted @ 2019-09-17 12:51 朱季谦 阅读(5901) 评论(0) 推荐(1) 编辑
摘要:需要实现一个下载csv文件的功能,但后台没有对这个下载文件进行处理,而是将csv数据传给前台而已,需要前台做一下处理。 这是按钮的代码: <a> <el-button size="mini" class="custom-confirm" @click="downloadByPeople()" typ 阅读全文
posted @ 2019-09-06 16:28 朱季谦 阅读(3460) 评论(0) 推荐(0) 编辑
摘要:最近在做一个前端vue.js对接的功能模块时,需要实现一个下载图片的功能,后台返回来的是一串图片url,试了很多种方法,发现点击下载时出来的效果,都是跳到一个新的图片网页,后来经过一番琢磨,终于解决了这个问题: 这是后台返回来的json数据(防止泄露重要信息IP地址打码了): 我在html里的引用是 阅读全文
posted @ 2019-09-06 16:17 朱季谦 阅读(26260) 评论(12) 推荐(2) 编辑
摘要:vue实现跨域请求,需要在vue.config.js里添加以下设置 proxy: { '/service/rest': { target: 'http://localhost:8080/autotable/service/rest', ws: true, changeOrigin: true, pa 阅读全文
posted @ 2019-08-12 09:54 朱季谦 阅读(2719) 评论(1) 推荐(0) 编辑
摘要:初学vue时,曾遇到一个无语的问题,在用el-dialog时一直显示没有导入,结果发现是因为没有把element ui引入到项目里。 需进行以下步骤: 1.执行: npm install element-ui -s 2.在main.js文件里加入以下代码: import ElementUI from 阅读全文
posted @ 2019-08-12 09:50 朱季谦 阅读(18550) 评论(0) 推荐(1) 编辑
摘要:清除前 清除后 在选择select标签里加一个属性clearable便可实现该效果。 在选择select标签里加一个属性clearable便可实现该效果。 阅读全文
posted @ 2019-08-08 15:04 朱季谦 阅读(12495) 评论(2) 推荐(0) 编辑
摘要:【前后端分离项目之vue框架经验总结】 文/朱季谦 在vue框架的前端页面上,若要实现页面之间的带参数跳转,可参考以下实现过程: 例如,点击截图中的“查看试卷”,可实现带参跳转到相应的试卷页面,该功能类似查看试卷的详情页面: 假如以上所在页面为“试卷管理.vue”,需跳转到页面为“查看试卷.vue” 阅读全文
posted @ 2019-05-02 21:53 朱季谦 阅读(18053) 评论(0) 推荐(3) 编辑

点击右上角即可分享
微信分享提示