- 博客(19)
- 收藏
- 关注
RSS订阅原创 promise数组循环异步
首先我在使用了forEach和map进行循环，并在循环体中加入异步代码发现二者皆不生效后，投奔了for循环的怀抱，我要做的是处理的是使用html2canvas进行截图并且该函数返回一个promise进行后续操作。
2024-01-02 17:28:11
520
原创 在less文件 css工程化 :global中写入动画，动画不生效的解决办法
原因在css工程化之后，会给类名加一个hash值避免类名重复，如果将动画直接写入less文件中是不会生效的因为无法找到该动画名字。看到那个：local了吗？
2023-07-19 13:58:01
490
原创 使用position absolute只显示部分的问题
解决办法是在父亲position relative处加上一句overflow visible，然后在我的absolute处加一个z-index 999。我在antd的折叠面板使用自己做的下拉框时发现只能战士部分，而我要展示全部。
2023-05-04 10:17:31
273
原创 react-redux使用
主要是接收数据的组件通过dispatch一个action(action是一个对象，其中有个type和payload的key)，触发对应的reducer函数来更新数据进而更新视图。简单说一下redux，控制数据流分发给想要接收数据的组件。另外，store分发下的数据打入在props里面。
2023-04-16 16:48:47
47
原创 postcss-px-to-viewport
首先在webpack里面配置，找不到webpack.config.js就先暴露出来npm run eject。配置完毕npm start就可以看见转化为vw，如果要更改配置，改完之后重新启动项目就可以看见改变。找到webpcak对应地点进行配置。我用的1.1.1版本。
2023-04-07 10:27:18
417
原创 前端自适应，PC Pad 手机
2媒体查询结合vw，使用npm i postcss-px-to-viewport进行px转化为vw，使用这个包需要在webpack里面设置，同时注意，我使用了react 18版本在webpack里面配置后发现不生效，解决办法是成从大佬那里看到的 npm i script@4。1使用rem结合媒体查询，vscode插件px to rem设计好根字体大小，不用自己计算，但是我舍弃了这种方法，选择了第二种。目前只找到这几种方法，做三套代码太麻烦了，但是因为不同端页面有差异，暂时只能这么搞。
2023-04-04 13:29:33
1288
原创 antd form某一项设置默认值initialValue,setFieldsValue
initialValue按照form说明那么写就行，在Form.Item中加入字段initialValue，但是注意，initialValue字段，如果你写的是比如data?.name这种形式，就是说初始是undefined之后再有确定值，那么单纯的initialValue是不能满足的。解决方法：在你借口获取的数据那里，直接使用form.setFieldsValue才成功。
2023-01-04 14:23:14
1371
原创 antd charts实现地图下钻
我在里面加了一段其他大佬写的增加meta标签的代码，主要原因是部署到服务器时显示403，也就是说产生跨域问题了，因为这个接口是第三方接口，请求时会产生一个referrer的请求头，所以直接403获取不到，加个meta标签就可以解决，地图下钻就是这么简单。一直好奇为什么百度几乎看不大使用antd自己封装的charts做的地图下钻，后来发现可能是太简单了大家都不屑写，那我写，我是小白啥也不懂。
2022-12-27 17:18:59
764
原创 umi react使用:global修改antd Modal组件样式失败问题
首先，我使用了百度大法搜出来的getContainer配置方法，但是不生效getContainer={document.getElementsByClassName('div')[0]}然后我发现了个神奇玩意在Modal中加入这个属性<Modal title="测试" visible={isModalVisible} onOk={handleOk} onCancel={handleCancel} wrapClassName='add
2022-05-13 15:27:42
2590
2
原创 redux和saga数据流
redux：简单来说就是Provider来分发store中的数据内容给被Provider包裹的组件，而想要接收store中数据的组件就需要使用高阶组件connect进行包裹，只有被connect包裹之后才可以接收到数据，dispatch一个动作action来触发响应的reduce逻辑去执行写好的reducer函数，reducer函数会更新state中的内容，但是要注意，reducer函数必须是纯函数，不能进行异步操作，这个时候可以采用saga来处理saga中间件：.run()执行生成器（gene
2022-02-17 17:29:12
299
原创 super和new到底做了什么
super:调用了父类的构造函数并且改变了this指向,先执行父类构造器再执行子类构造器new: 创建一个新对象 将新对象的__ proto __指向构造函数的prototype对象 this指向新对象 执行构造函数中的代码（为这个新对象添加属性） 返回新的对象，没有返回显示返回值时返回的是this ...
2022-02-17 17:17:36
541
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人