w候人兮猗

前言 最近工作入坑了react-native,有实现折线图的需求,使用了阿里的antv/f2可视化库。 方案介绍： react-native-webview antv/f2 大概思路： 使用webview加载本地html文件，通过injectJavaScript加载js脚本 步骤 新建f2chart.html,文件较大，文件地址:f2chart.html 在ios中, 将此文件与组件放在同...

前言 随着react hooks越来越火，react-redux也紧随其后发布了7.1(https://react-redux.js.org/api/hooks#using-hooks-in-a-react-redux-app)版本 首先是几个API useSelector() const result : any = useSelector(selector : Function, equa...

说在前面 由于业务需要，在用蚂蚁金服antd组件库时需要设置两种主题色动态切换。在这里踩了一些坑，觉得有必要写一篇水文记录一下。 步骤 安装webpack插件以进行动态主题化 cnpm install antd-theme-webpack-plugin 在您的webpack.config.js文件中导入此插件，使用有效的路径参数初始化并在webpack配置对象中添加插件数组。 const...

前言 使用React写需求已经有段时间了，中间大大小小遇到了不少问题，多数自己百度、Googled的话都能勉强应付过去，其中实在有不懂的地方还加了不少的学习交流群向大佬们求教。今天常规使用dva去写需求的时候遇到了个问题百度了好久没有答案，然后自己跟着报错的信息总算是找到了问题的源头。 错误 下面是报错的截图 错误其实已经很明显了Uncaught Error:Reducer may not di...

说在前面 关于redux的框架有很多，这里我用到的是阿里云谦大大的dva(项目地址),这里主要记录下工作中是如何使用dva来异步获取接口数据的。 这里是正文 第一步、定义model dva里的model主要是用来开始处理数据和逻辑的。 dva 通过 model 的概念把一个领域的模型管理起来，包含同步更新 state 的 reducers，处理异步逻辑的 effects，订阅数据源的 subscr...

antd-design Form，Select联合使用 placeholder 不起作用问题 起因 最近在用antd写表单的时候遇到个问题:Form,Select组件一起使用时,设置Select组件的placeholder属性并没有起作用。如下图： 发现Select组件的placeholder属性并没有起作用。 排查 对照官方文档看了一下官方的代码 <Form.Item ...

水平居中 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中. 若是块级元素, 该元素设置 margin:0 auto即可. 若子元素包含 float:left属性, 为了让子元素水平居中, 则可让父元素宽度设置为fit-content,并且配合margin, 作如下设置: .parent{ width: -moz-fit-content; ...

better-learning 整理收藏一些优秀的文章及大佬博客留着慢慢学习 原文:https://www.ahwgs.cn/youxiuwenzhangshoucang.html github:https://github.com/ahwgs/better-learning 规范 协作规范 中文技术文档协作规范(阮一峰) Javascript编程风格 凹凸实验室前端代码规范 vuejs风格指...

关于 今天被人问了一个关于react中的样式问题，一瞬间脑袋没反应上来好像还回答错了，有点尴尬水一篇文章记录一下。 问题描述：在一个react父子组件demo中，实际效果与书写的样式不太一样。 问题复现 直接上代码描述问题: Parent.js import React from 'react'; import Child from './Child' import './Parent.l...