知者行之始，行者知之成
2021-06-03 · 阅读 16924 · 字数 712
现象 在 Antd Pro 中使用了 Antd Form 来编辑报修单的进度状态。 但是在选中一条记录，在使用 Select 组件进行编辑时，总是显示状态码，而非状态描述。 看起来是之前遇到过的，select value 的整型与字符串的转换问题。 Warning: children should be Select.Option or Select.OptGroup instead of Option 原始代码： <Form.Item name="status" label="状态"> <Select> <Optio ...
2021-06-03 · 阅读 18738
在使用 Antd Form 时，当 Form 的宽度很宽，一行只显示一个 input 时，感觉空间有点浪费。 一行能同时显示两个 input 输入框就好了，例如，同时显示： 姓名 电话 Form 中的示例 <Row gutter={24}>{getFields()}</Row> <Row> <Col span={24} style={{ textAlign: 'right' }}> <Button type="primary" htmlType="submit ...
2021-06-26 · 阅读 7987 · 字数 777
早上起床收到一封 Google Admob 的邮件： 对您的 AdMob 帐号设置了临时性的广告投放限制 我们会继续评估您的流量，并自动审核和更新此限制。通常，广告投放限制对发布商的影响不会超过 30 天，但在某些情况下，影响时间可能会更长。很遗憾，我们无法确定具体需要多长时间。 在此期间，您的帐号仍然可以正常使用，您可以在合作规范中心查看这一帐号级问题的详细信息。 登录 Google Admob 后台会看到醒目的提示： 广告投放受到限制 您可以展示的广告数量受到限制。要了解详情，请前往合作规范中心。 悲剧了，这个月好不容易挤出来时间上线了两个 Android APP，看来是没法赚广 ...
2021-05-31 · 阅读 11976 · 字数 199
例如，我想在 Antd Pro 列表页的查询区域去掉一些字段，不希望这些字段参与搜索。 参考 ProTable 组件的文档： https://procomponents.ant.design/components/table 实际上在设置 columns 时，就可以通过 column 配置来设置一个字段是否可以被搜索。 代码示例 const columns: ProColumns<API.Article>[] = [ { title: "标题", dataIndex: "title", valu ...
2021-05-31 · 阅读 9330 · 字数 730
在 Antd Pro 中使用 React Quill 富文本编辑器，上传图片默认会转换成 Base64，然后上传服务器，保存到数据库中。 但是如果图片过大，就非常不适合在数据库中存储，同时也会占用服务器的带宽。 需要改造成 React Quill 上传图片到服务器，然后转发到七牛云 CDN，将链接返回前端。 工具栏显示上传图片 如何自定义 React Quill 的工具栏功能列表？ const toolbarContainer = [ ['bold', 'italic', 'underline', ], [{ 'color': [] }, { ' ...
2021-05-29 · 阅读 4233 · 字数 1085
上传组件 Antd Pro 中使用 Ant Design 的 Upload 上传组件 https://ant.design/components/upload-cn 图片预览还是有必要的，所以先参考“图片墙”那个示例代码。 封装！解决状态无法重置的问题 简单将示例中的代码复制到了 Ant Design Form 中，但是在 Antd Pro Table List 中切换数据行时，会发现图片预览一直是上一个已上传的图片。即，组件状态没有重置。 看了网上大哥们的实现，我发现都是将 Upload 再封装为一个组件。 然后在 Form Item 中使用该组件。 这样遵循 Form Item 的规范，就 ...
2021-12-24 · 阅读 14706 · 字数 466
需求 能方便整合入 Ant Design Form 中 能支持，或者方便扩展，将富文本编辑器中的图片上传至七牛云存储中 备选方案列表 Ant Design 官方推荐了两个： https://ant.design/docs/react/recommendation-cn React Quill。首选推荐。测试了一圈，确实这个最靠谱。 Braft Editor。有 Ant Design 的集成说明文档：https://braft.margox.cn/demos/antd-upload 安装 Braft Editor tyarn add braft-editor 参考文档： https:/ ...
2021-05-25 · 阅读 10606 · 字数 667
被 VS Code 右下角的一个弹窗提示诱导，一时兴起想将 WSL 1 升级到 WSL 2。 查看当前的 WSL 版本 PS C:\Users\Lenovo> wsl --list --verbose NAME STATE VERSION * Ubuntu-20.04 Running 1 可见，我目前的版本是 WSL 1。 警告：升级前要考虑好是否需要 WSL 2 因为升级的过程非常漫长，绝对不是官方说的几分钟。我等了快半小时没有升级完，就贸然放弃了。 关键等待的时候，不能写代码。。。我的代码都保存在 WSL 中。 有 ...
2021-05-25 · 阅读 7466 · 字数 670
这次基本是边修改 Antd Pro 模板，边学习 reactjs 的情况下，摸索新建、更新复用 Modal Form 的使用的。 我觉得能实现 Form 新建、编辑功能，基本上 reactjs 就算是入门了。。。 上手时间成本 看 reactjs tutorial 一个小时 尝试修改 TableList 的代码改成标准 Ant Design 组件，删除 Pro Components 组件，半天 默认新建 Modal 用的 ModalForm 的局限性 ModalForm 是 ProForm 的一种，即 Pro Components 的组件之一，参考 https://procomponent ...
2021-05-24 · 阅读 4819 · 字数 238
不得不承认，VS Code 的发展真是快，很多功能已经超出了我的预期。 虽然我还是将 Vim 作为主力开发工具，但是在写 JS 项目时，还是想尝试一下 VS Code，跟上时代的脚步。 VS Code 写 Antd Pro 的一些优势 VS Code 的 OUTLINE 可以直观的看到当前文件中的方法大纲，VIM 就得自己配置 VS Code 可以显示哪些变量没有使用。Vim 虽然也能支持，但是我实在不想在 Ubuntu 中自己折腾 nodejs 环境。 可以快速的定位到引用的其他文件变量的定义 VS Code 现在支持在 Remote Explorer 中查看、编辑 WSL 中的项目代码文 ...
2021-05-15 · 阅读 6993 · 字数 276
给我的大象计算器微信小程序设置了封面广告，从介绍看，类似于 APP 的开屏广告。 不过展示场景仅限于从微信首页下拉界面点击打开小程序时，才会显示封面广告。 后台开启了封面广告，但是不显示 开始是猜测需要等一段时间才生效。 后来发现是，因为之前已经打开了小程序，从手机系统杀掉小程序，然后再次从微信首页下拉打开小程序， 就能看到封面广告了。并不需要发布新版本审核。 用户体验并不好 由于我是工具类的小程序，我觉得我的用户都是抱着提升效率的目的来使用我的小程序的。 如果增加了开屏广告，反而使他们的效率降低，因为需要先看一个完全无关的广告。 而且微信的封面广告，不但设计丑陋，相关性也差。 所以，丝毫没有 ...
2023-06-15 · 阅读 14522 · 字数 632
示例代码 这是微信小程序官方示例中的一段代码，用于向蓝牙设备发送指令。 writeBLECharacteristicValue() { // 向蓝牙设备发送一个0x00的16进制数据 let buffer = new ArrayBuffer(1) let dataView = new DataView(buffer) dataView.setUint8(0, Math.random() * 255 | 0) console.log("deviceId: " + this._deviceId); console.log(&q ...
| 生活 | 跑步 清单 足球 鲁班 探索 孤独的美食家 驾驶 电视剧 收纳 奶爸 健康 game 电影 周末 joke |
|---|---|
| Geek | 健身 Laravel Git Vim MySQL Linux UI Windows SVN 纪录片 管理 Shell 游记 工具 手机 BackboneJS 自建博客 Mac DNS Tornado CDN Django Python AngularJS 理财 前端 Nginx 爬虫 Redis Javascript Browser 浏览器 推广 OAuth CSS PHP Social Networks 安全 运维 创业 杂记 VueJS Android Image IDE Java ReactJS 数据分析 SQLite RESTful 读书笔记 家电 ecshop Vagrant wordpress docker SEO GTD magento mongodb nodejs weex 冷知识 ruby iOS 微信小程序 AI CMS 快应用 backpack 广告联盟 OA 短信 UWP Win CSharp Tampermonkey graphviz 钉钉 WPS 数据字典 微信公众号 Fuchsia Adobe XD SQL Server thinkphp 代码规范 商业模式 Flutter 头痛的问题 serverless 视频制作 国际化 golang 服务器 Kotlin 网站建设 5G 笔记本 图片 spark spring 物联网 InfluxDB 图像识别 postgre rust 提示词 |
| 成长的烦恼 | 闲言碎语 待产 不睡觉 写作 程序员 孙心然语录 原则 大鸿语录 |
| 地球 | 植物 时间 中文 赚钱 国家地理 烟台 一生伏首拜阳明 emoji 弟子规 英文 国际贸易 |