logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

实践webpack+es6+react+redux+antd构建项目(一) webpack配置

在网上看到过很多教程,都是从零开始构建一个项目,每次看着都浩浩荡荡的开始跟着博客一步一步走,但是总是很难成功。自己一直想要从零构建一个项目来实践一下,了解一下偏底层的配置。最近比较有时间,就又一次开始了。不过这次没有盲目的在网上找教程,而是直接打开官方文档webpack,开始实践。所以给大家的建议也是 学习就直接看官方文档就行,遇到问题再搜索,整那些有的没的,其实...

#es6
react + antd 封装一个图片预览,旋转,查看原图组件

最近在项目中的一个需求是, 小图点击可以弹框放大,然后能查看原图,顺时针一直旋转,每次90度。实现方法:使用react开发,所以直接选用antd 的组件, Upload 。结合CSS3的旋转属性;查看原图可以直接使用window.open()打开新的标签页。实习代码:constructor(props){super(props);...

webpack编译react需要注意的细节

原文地址:https://www.onmpw.com/tm/xwzj/web_150.html使用webpack编译打包react是非常便捷的。这也是人们常用的一种方式。但是在使用过程中,一定要注意一个细节,那就是webpack和babel-loader的安装位置。react安装当然,使用react必须先安装react和react-dom,其安装方式很简单(前提是我们必须安装有npm)。# npm

#webpack
react项目中使用antd的form组件,动态设置input框的值

问题:创建账号时,输入账号后不搜索直接保存,提示查询后,再点搜索就不能搜索这个账号了原因:点击保存之后,对表单进行了验证,导致之后请求的数据无法在更新到input框中,也就是说即使在state中有值,也不会更新initialValue值,就导致搜索后的值不能正确填入input中,表单也就提交不了。解决办法:不使用initialValue设置动态更新的值,而是使用 this....

Echarts 折线图点击折线区域(包含圆点)触发事件

和上一篇相关,这次是对于折线图的处理,也是基于 getZr() 这个方法来使用的需求分析产品想要在折线图上点击某个折线,触发事件,不止是在折线图的拐点,那处理方法我想了两种,如下:获取点击位置,判断点击位置是否在某条折线的集合上此方法有实践过,但没有成功,因为我拿不到某条折线的所有点的集合,或者说点太多了,所以思路也不是很正确获取点击位置,返回这个点的信息,在这些信息里找,看有没有属于这条折线的信

#大数据#前端#echarts
到底了