项目工程
文章平均质量分 62
一百个Chocolate
一个小帅哥和某厂前端搬砖。
频道内容: 前端技术,编程,我的思考。
用心去做自己热爱的事情️
座右铭: 学如逆水行舟,不进则退。
展开
-
关于 antd@4 之后 tree 树形控件不能横向排列这件事
在 17 年就有人提及需要支持横向排列,因为这个树形如果按照竖向的话,数据一多了,就显得很长。当时好像就没有解决这个问题,也看了 antd 之前的版本发现都没有这个配置项...原创 2022-02-25 14:06:39 · 2168 阅读 · 3 评论 -
前端网页文本选中出现一个反馈按钮,鼠标点击之后可以进行文档反馈
最近有一个需求,就是增强文档的反馈能力,类似于腾讯云文档一样,如图:当我们选中一些文本之后,会有一个 文档反馈的 tooltip 提示框,点击之后会有表单提交,不过这个文档技术比较牛的点就是,点击反馈提示框之后,还会自动截屏,存放图片,方便管理者查看。参考文章先放出参考文章吧,还是 css 世界作者大佬的,虽然时间是 2011 年,但是那会实现的到现在依旧还是可以的,如果大家能看懂的话,可以直接看参考文章即可。js页面文字选中后分享到新浪微博实现我的解决代码以下仅个人使用代码,大部分情况能够通原创 2022-02-16 14:24:17 · 1184 阅读 · 0 评论 -
前端移动端适配 - 媒体查询适配方案
工作中难免会有写静态页面的需求,有时候移动端适配真的是做的心累,如果自己新做一个页面倒还好,整体布局会按照自己习惯来,但有时候不得不修改别人的代码,尤其是别人没适配好的代码,找样式以及命名规范等问题够折磨一整天了。原创 2022-02-10 14:36:20 · 3582 阅读 · 0 评论 -
产品经理又提需求了:input radio 属性,在点击 label 时也可切换选中状态
背景产品经理又来提需求啦,原本是默认点击那个圆框的,后面需要点击 label 文本也可以支持切换。解决方式简单,安排!$('.radio-list').on('click', function(e) { $(`input[type='radio'][name='content-radio'][value=${radioList[e.target.innerText]}]`).prop("checked",true); $(`input[type='radio'][name='radi原创 2022-01-23 13:53:55 · 1011 阅读 · 1 评论 -
【antd pro】关于 drawer 使用的一些思考
背景一次线上更新抽屉组件数据更新失败,然后梳理一下原因。介绍页面大概页面如下,打个码,会有好多个类似的 card,每个 card 里面就是一个表单项,现在的交互是每编辑一个输入框的时候,只要鼠标移出去就更新信息,那么,我这个表单里面有 9 个输入框,那么我每改一个,就会向后端请求一次接口。默认情况下,我创建一条信息表单之后,会直接打开这个抽屉,然后填充数据,此时上图中的表单信息还没有,收到的数据为 null。此时,我在这几个输入框输入几个数据,会发现有重复创建的报错。此时,将页面刷新一下,会发原创 2022-01-20 17:46:50 · 1397 阅读 · 0 评论 -
antdpro 中 使用 antd select 组件,defaultValue 与 value 使用问题
背景简而言之,就是业务需求中虽然使用了 ProTable,但是表格列中有处理人,处理状态等需要下拉框显示的,于是用了 render 方法,结合 antd select 组件来实现。原本是打算用 ProSelect 的,但是属于 ProForm 里面的组件,直接使用会有样式问题,还是放弃这个做法了。使用 defaultValue使用 defaultValue 的时候下拉切换的时候很流畅,当你下拉选择某个值之后,下拉框会先显示那个值然后再去请求接口,这个交互没啥问题。但是这里有其它问题就是,有这个原创 2022-01-19 09:59:27 · 1845 阅读 · 0 评论 -
mac 中通过终端快速用 VsCode 打开当前目录,出现 command not found: code 问题解决方案
背景使用 mac 时,看到各位大佬都是通过命令行启动项目,自己拖动感觉比较慢,然而自己使用 code . 命令时,出现如下问题:解决方式确保将 VsCode 应用程序拖动到 Applications 文件夹中接下来,打开 VsCode 代码通过(⇧⌘P)打开命令面板,然后键入以找到Shell命令:shell command之后,就可以通过 code . 命令快速打开啦~小狮子已经工作啦,博客产出可能就没有那么多了,特别感谢还在支持的各位~学如逆水行舟,不进则退...原创 2021-03-09 13:48:55 · 5089 阅读 · 2 评论 -
【已解决】nodemon : 无法将“nodemon”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路 径正确,然后再试一次。
背景最近写项目时候,后端用 koa 打算用这个作自启动,报了如下错误:nodemon : 无法将“nodemon”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。所在位置 行:1 字符: 1+ nodemon app.js+ ~~~~~~~ + CategoryInfo : ObjectNotFound: (nodemon:String) [], CommandNotFoundException原创 2021-01-04 19:38:54 · 7508 阅读 · 6 评论