分类下相关文章
2023-08-19 · 阅读 98 · 字数 118
随着前端打包发布日渐频繁，之前偷懒的手动切换 API URL 的方式越来越浪费时间，所以需要能自动区分开发环境和生产环境，节省每次的发布时间。 没想到 react app 脚手架自带了这个功能，可以不依赖三方库实现开发环境的识别： var OcrUrl = "http://www.sunzhongwei.com/ocr"; if (process.env.NODE_ENV === "development") { OcrUrl = "http://localhost:5000/ocr"; } 确实贴心。 ...
2023-07-16 · 阅读 291 · 字数 225
即支持文本中的换行符，例如，后台接口返回的 message 是： 暴击 \n 100000 倍 需要能解析其中的换行符。 实际上只需要加上一行 css style={{ "white-space": "pre-line" }} 例如： <Button key={index} onClick={CardButtonOnClick(ctx)} value={item.payload} style={{ margin: "5px", "white-space": "pre-line&q ...
2023-01-03 · 阅读 2463 · 字数 187
例如，Antd Pro 列表中，我想按照创建时间这列正序或倒序重新排列。 字段配置 { title: '创建时间', dataIndex: 'CreatedAt', valueType: 'dateTime', search: false, sorter: true, }, request 请求 export async function getItems( params: { current?: number; pageSize?: number; }, sort: any, options?: { [key: string]: any ...
2022-08-11 · 阅读 3428 · 字数 468
后台用 InfluxDB 存储的时序数据，查询时需要使用 UTC 时间。 为了偷懒，我的后台 go 接口没有对时间字段做处理，想直接使用前端传过来的 UTC 时间格式。 于是出现了一个低级的前端 Bug。 功能异常的请求 请求链接格式： http://www.sunzhongwei.com/someAPI?current=1&pageSize=20&startTime=2022-08-09T01%3A10%3A16Z&endTime=2022-08-10T01%3A10%3A16Z startTime: 2022-08-09T01:10:16Z endTime: 20 ...
2022-08-05 · 阅读 4107 · 字数 262
例如，我想在 Ant Design 的 Input 按钮右侧添加一个快捷按钮， 用来自动将文章标题生成网址 slug。 实现逻辑 Antd Input 组件有个 addonAfter 属性，可以在输入框右侧加入一个图标按钮 图标按钮在定义时，指定 onClick 事件处理 创建一个 react ref 绑定到 antd form 上，方便读取/设置 field 值 (没有使用 antd 自带的 useForm, 我觉得用 React.createRef 更通用些) 最终代码 import type {FormInstance} from 'antd'; import {getSlug} f ...
2022-05-20 · 阅读 9305 · 字数 484
正确的做法 例如这种，在 form 的 initialValues 里设置各个字段的默认值。 而不是去具体字段里用 value 或 defaultValue 属性来设置默认值。 <Form {...formItemLayout} form={form} name="register" onFinish={onFinish} initialValues={{ residence: ['zhejiang', 'hangzhou', 'xihu'], prefix: '86', }} scrollToFirstError > ...
2022-05-19 · 阅读 2339 · 字数 185
例如，使用 antd pro 开发的网站管理后台，在服务器部署时，想部署在 /admin 这种非根目录。根目录留给 go gin 的路由处理。 在 nginx 里按照正常 root 配置，访问时会报 404 错误。 config/config.ts 配置方法 需要修改 antd pro 的配置文件： config/config.ts 添加配置： publicPath: '/admin/', base: '/admin/', 打包目录 打包之后，上传服务器，解压后，将 dist 重命名为 admin。 nginx 配置 location /admin { alias /some/path/f ...
2022-05-14 · 阅读 2862 · 字数 888
由于视频文件太大，不适合通过自己服务器中转一层，还是在前端直接传到七牛云合理。 文档 七牛云 Go SDK 文档，参考上传凭证的生成：https://developer.qiniu.com/kodo/sdk/go 七牛云 JS SDK 文档，参考其自定义文件名：https://developer.qiniu.com/kodo/1283/javascript 关于 token token 上传凭证。 作用：客户端（移动端或者Web端）上传文件的时候，需要从客户自己的业务服务器获取上传凭证 有效期：默认情况下，在不指定上传凭证的有效时间情况下，默认有效期为1个小时。也可以自行指定上传凭证的 ...
2022-04-27 · 阅读 2492 · 字数 213
Antd Pro V5 的诡异问题不断，在新增了一个路由配置项，修改图标之后，导致报错。 之前的 V5 beta 版从来没有遇到这个问题，是最新的 V5 正式版新引入的问题。 新图标导致报错 { name: '配置项', icon: 'SettingOutlined', path: '/settings', component: './Settings', access: 'canAdmin', }, 报错信息： Module "./@ant-design/icons/SettingOutlined" does not exist ...
2022-03-10 · 阅读 7537 · 字数 219
组件返回的日期格式问题 antd 选择日期的控件 DatePicker 是输出的 moment 对象，如： Date: "2022-03-10T03:33:14.737Z" 解决办法： // 在 CreateForm 的 onFinish 里加上 if (value.Date) { value.Date = moment(value.Date).format('YYYY-MM-DD'); } 服务器返回日期字符串的解析问题 Uncaught TypeError: date.clone is not a function 解决办法： // 编辑按钮的点击事件里， ...
2022-03-10 · 阅读 1409 · 字数 345
Bug 现象 在 Antd Pro V5 数据列表页，点击编辑某个条目，去掉某个字段的内容，保存。 再点击新建，还是编辑的上一条信息。 这时点击保存，实际上是覆盖了上一条的信息，而不是新建了一条信息。 这个问题，之前也有发现过，但是一直没有找到复现的方法。一些用户反馈的复现方法也不好使。 这次好不容易发现了重现步骤，看来是 100% 出现的严重 bug，必须修复一下。 问题定位 又试了几种操作流程： 编辑，然后取消，不保存。再点击新建。一切正常，数据没有串。 点击编辑，再编辑另一条。也正常。 猜测是新建条目并保存之后，全局的 currentRow 没有重置。 const [currentR ...
2021-11-08 · 阅读 1914 · 字数 316
开发时倒是好好的，但是再次 clone 到不同目录，或者其他电脑上 clone 之后，先 tyarn 安装依赖，然后 tyarn start 报错： > tyarn start yarn run v1.22.10 $ cross-env UMI_ENV=dev umi dev Browserslist: caniuse-lite is outdated. Please run: npx browserslist@latest --update-db Why you should do it regularly: https://github.com/browserslist/brows ...
2021-10-30 · 阅读 4285 · 字数 478
按钮放在哪里 如 Antd Pro 示例中，放在过滤设置区域还挺合适的。因为导出 Excel 需要遵循过滤条件，如时间段，类型等。 https://procomponents.ant.design/components/table#%E8%A1%A8%E5%8D%95%E6%93%8D%E4%BD%9C%E8%87%AA%E5%AE%9A%E4%B9%89 button or link link 容易实现吧，target 设置一下，在新 tab 页中下载。 可以确认一下，Ant Design 有没有体验更好的组件。之前用过 Ant Design 的上传组件不错。 Ant Design 中 Bu ...
2021-10-28 · 阅读 3828 · 字数 432
例如，我要在数据后台拉取一段时间的代理商交易记录，并进行金额数据合计。 展现形式 可以使用 Antd Pro ProTable 的"表格主体自定义"，该区域在 table 列表的上方，更醒目一些。 https://procomponents.ant.design/components/table#%E8%A1%A8%E6%A0%BC%E4%B8%BB%E4%BD%93%E8%87%AA%E5%AE%9A%E4%B9%89 相对 Ant Design Table 的"总结栏"，"表格主体自定义" 格式更灵活，更醒目。 关键的一点是，Pr ...
2021-10-18 · 阅读 2764 · 字数 488
Antd Pro 写的物联网 IoT 设备管理后台，需要加上一个所有设备的监控大屏。 入口 [X] Antd Pro 顶部菜单栏，“监控大屏”，闪烁图标达到醒目的效果 [X] 左侧菜单，进入 功能模块 基础模板： http://datav-react.jiaminghi.com/demo/construction-data/index.html [X] 修改顶部标题 [X] 废弃。点击全屏 [ ] 实时时间 [ ] 全国地图。飞线图 [ ] 各种设备数字 全屏组件 https://antd-plus.alitajs.com/components/operation/fullscreen ...
| 生活 | 跑步 清单 足球 鲁班 探索 孤独的美食家 驾驶 电视剧 收纳 奶爸 健康 game 电影 周末 |
|---|---|
| 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 |
| 成长的烦恼 | 闲言碎语 待产 不睡觉 写作 程序员 孙心然语录 原则 大鸿语录 |
| 地球 | 植物 时间 中文 赚钱 国家地理 烟台 一生伏首拜阳明 emoji 弟子规 英文 国际贸易 |