- 博客(11)
- 收藏
- 关注
RSS订阅原创 Umi +ant-design4 proComponent实践demo
创建umi脚手架yarn create @umijs/umi-app安装node_modulesyarn// 每个包都是可以独立按需安装的 也可以yarn add @ant-design安装所有包yarn add @ant-design/pro-form --saveyarn add @ant-design/pro-layout --saveyarn add @ant-design/pro-table --saveyarn add @ant-design/pro-list --save
2021-04-29 14:33:15
2169
原创 typescript4.2新特性(‘yield‘ expression implicitly results in an ‘any‘ type)
https://zhuanlan.zhihu.com/p/352539925
2021-04-26 16:01:37
941
转载 前端实现曝光埋点 无限滚动 – react hoc + Intersection Observer
API参考：https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API首先曝光埋点是指记录某个商品（dom元素）出现在指定视图下的频率，平台可通过大数据分析出用户的习惯，从而达到增加用户的购买力的效果。dom滑动至可视区域，印入脑海的第一种方案是监听滚动事件，通过Element.getBoundingClientRect() 计算目标元素与视图的位置，然而现实是残酷的，且不说getBoundingClientR.
2021-04-23 17:03:00
1136
转载 Js获取屏幕宽度、高度 移动端H5适配
document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区域高度网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeig
2021-04-22 15:06:06
3999
转载 umi 3.x版本构建react项目
快速上手环境准备首先得有 node，并确保 node 版本是 10.13 或以上。（mac 下推荐使用 nvm 来管理 node 版本）$ node -vv10.13.0推荐使用 yarn 管理 npm 依赖，并使用国内源（阿里用户使用内网源）。国内源$ npm i yarn tyarn -g后面文档里的 yarn 换成 tyarn$ tyarn -v阿里内网源$ tnpm i yarn @ali/yarn -g后面文档里的 yarn 换成 ayarn$ ayarn -v
2021-04-22 10:17:51
870
原创 js 免费可靠cdn地址（富文本编辑器tinymce的实践）
推荐一个 cdn源的可靠源地址（免费且持久）https://www.jsdelivr.com/?query=tinymce有个富文本编辑的需求，要求导入html字符串去生成富文本htm，使用的是react在react中 单一的使用tinymce.init去初始化富文本容器元素会导致初始化有时候不生效，因为tinymce是异步加载初始化的，于是，我们需要配合@tinymce/tinymce-react这个针对react的tinymce包去展示需要注意的是，tinymce作为富文本编辑器，它本身自带了一
2021-04-16 12:28:12
4238
转载 苹果手机各种尺寸详细表以及iPhoneX、iPhoneXS、iPhoneXR、iPhoneXSMax、iPhone 11、iPhone 12、屏幕适配
iPhone设备物理分辨率是硬件所支持的，逻辑分辨率是软件可以达到的。代数 设备 操作系统 逻辑分辨率(point) 物理分辨率(pixel) 屏幕尺寸(对角线长度) 缩放因子 iPhone 第一代 iPhone 2G iOS 1 320 x 480 480 x 320 3.5寸 1x 第二代 iPhone 3 iOS 2 320 x 4...
2021-04-14 09:15:34
30370
1
原创 升级的antd proComponent系列
https://procomponents.ant.design/components/table
2021-04-12 14:11:49
1465
原创 React应用里Invalid hook call错误消息的处理
今天我做React（umi.js 中使用useAccess）开发时，遇到如下的错误消息：import {useAccess } from 'umi';Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:You might have mismatchin.
2021-04-09 16:02:17
1245
2
原创 两个对象数组筛选出不同
有这么一个需求实现当点击左侧全选时，右侧列表项勾选自动清除现有对象数组A和对象数组B：其中数组A [ { id: 1, name: ‘校花’ }, { id: 2, name: ‘校草’ }, { id: 3, name:‘班花’ }, { id: 4, name: ‘班草’ } ] 其中数组B [ { id: 126455, classId: 1,name: ‘十大歌手’ }, { id: 116415, classId: 1, name: ‘打个盹’ }, { id:153455
2021-04-01 09:56:49
1025
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人