文章 js判断对象数组中子项某字段 一、背景需求中要求新建书籍专题的时候，如果某个专题的书籍为空，则不允许创建。二、代码 //filter()方法使用指定的函数测试所有元素，并创建一个包含所有通过测试的元素的新数组。const grupLength = filterParams.groups.filter((g) => g.fiction_ids.length < 1);console.log('grup JavaScript 忘川 2021年11月17日 2 点赞 64 浏览
文章 SSR服务端渲染项目搭建 一、起步1.1 Node版本- Node.js >= 12.22.0 1.2 系统环境要求- MacOS、Windows (包括 WSL) 和 Linux二、搭建1.1 搭建方式（脚手架搭建） yarn create next-app --typescript 1.2 引入Ant Design(按需加载)（1）安装antd yarn add antd 注：使用antd时，css全局 React 忘川 2021年11月14日 2 点赞 81 浏览
文章 antd表单Form.item的lable文字对齐 一、当前效果表单中的lable文字并未对齐，审查元素发现组件库中默认是右对齐的。二、解决办法给lable加一个宽度：最终效果： React 云可乐 2021年11月11日 2 点赞 84 浏览
文章 ubuntu子系统配置ssk keys 一、打开Ubuntu终端工具输入ll查看文件：输入cd ~/.ssh，进入.ssh文件夹，查看是否有ssh密钥，如果没有密钥则生成密钥： ssh-keygen -t rsa 按3个回车，密码为空最后得到了两个文件：id_rsa和id_rsa.pub查看id_rsa.pub公钥 cat ~/.ssh/id_rsa.pub 打开id_rsa.pub文件，并且复制全部内容到git仓库。 笔记分享 云可乐 2021年11月10日 2 点赞 109 浏览
文章 antd弹窗卡片效果展示 一、实现效果二、代码 <Modal title="查看指标" visible={indicatorsVisible} onOk={() => { setIndicatorsVisible(false) }} onCancel={() => { setIndicatorsVisible(false) }}& React 忘川 2021年11月09日 1 点赞 77 浏览
文章 js批量替换字符串某字段 一、背景因工作场景整理一些js字符串处理技巧。二、案例1.js将字符串以逗号分隔并换行展示数据源： const getString = JSON.stringify(data.data) console.log('getString',getString) 处理： const getString = JSON.stringify(data.data) const reg = /[,]/g retu JavaScript 云可乐 2021年11月08日 2 点赞 70 浏览
文章 div盒子flex布局小笔记 /** 评级书池管理渲染分类 */ const _render = (item) => { return ( <div key={item.list_id} style={{ display: 'inline-block' }}> <Card style={{ width: 240, CSS 云可乐 2021年11月05日 4 点赞 76 浏览
文章 antd监听表单输入的值 一、背景表单搜索时不能带有中文逗号二、代码Form表单API onValuesChange <Form form={form} onFinish={onFinishSearch} onValuesChange={onValuesChange} layout="inline" style={{ marginBottom: 20 }}&gt React 云可乐 2021年11月04日 1 点赞 61 浏览
文章 js对象转数组 一、原对象 const obj = { "1713021666761741": "米阅-泰合04", "1713021665763342": "米阅-泰合02", "171302166 JavaScript 云可乐 2021年11月03日 0 点赞 76 浏览
文章 antd表格筛选 一、官网参考https://ant.design/components/table-cn/#components-table-demo-filter-in-tree二、我自己的场景1.data2.代码 { title: '男女频', key: 'channel', dataIndex: 'channel', width: 100, filters: [ React 云可乐 2021年11月03日 0 点赞 78 浏览
文章 antd标签从数组中随机获取颜色 { title: '免费小说新标签', key: 'dkfree_new_tags', dataIndex: 'dkfree_new_tags', width: 150, render: (text: any) => { const colorArr = ["magenta", "red", React 云可乐 2021年11月02日 1 点赞 81 浏览
文章 windows下载安装adb及其调试 一、背景phone项目，在多看阅读app嵌入前端H5页面，并与客户端联调。（作此笔记，用于自己后面回顾）二、安装ADBWindows版本：https://dl.google.com/android/repository/platform-tools-latest-windows.zip       Mac版本：https:// 笔记分享 云可乐 2021年10月28日 1 点赞 84 浏览
文章 react警告Warning: Received `false` for a non-boolean attribute `preserve`. 一、背景当antd的Modal模态框与Form表单一起使用时，可使用destroyOnClose API在弹窗关闭后自动清除表单内容，由于React对boolean类型的attribute的识别方式问题，会导致以下告警：定位到源码：二、解决方案使用1和0的方式来代替true和false React 云可乐 2021年10月25日 2 点赞 143 浏览
