react
关注
分享
扫一扫
junyunKang
分享小知识，bling bling bling~
展开
-
react地图组件
最近项目中有此需求，react地图组件的开发：1 输入地址可查询出对应地图位置并标记点2 能返回经纬度，并提交服务端保存3 在地图上点击某一点，也能返回对应经纬度和地址信息4 国内，国外均可使用经过调研决定，采用谷歌地图和高德地图来封装组件，当渲染地图组件时，先试图请求谷歌map的api，若能访问则使用谷歌地图，若不能访问，则调用国内高德地图，框架环境：react+dva+antd+umiJs；其...转载 2018-06-12 09:41:21 · 3170 阅读 · 3 评论 -
基于create-react-app官方脚手架搭建dva模式的项目（一）
思索良久，决定还是记录下心得体会：一个基于create-react-app官方脚手架，搭建起来的dva开发模式的react项目。当然现今的前端市场如此强大，你可以在网络上找到你想要的任何脚手架，并且很多可以开箱即用，不可否认它们很优秀，开发它们的人或团队更值得我们竖起大拇指，为他们点赞！比较适合国人还是阿里系的一套react开发脚手架，dva-cli，antd，Umi等，当然gitHub上也有诸多...转载 2018-06-12 09:44:24 · 1160 阅读 · 0 评论 -
基于create-react-app官方脚手架搭建dva模式的项目（二）
先来看下现有项目：点击 去BBB页面 如下：点击 去CCC页面 如下：好，以上是现有项目情况。下面我们让页面稍微美观一些，引入UI库，这里依然选用阿里系的antd（具体不做介绍，有兴趣的同学可取官网查阅，此UI库也有针对angular的版本，也有mobile移动版，还有自己的antd脚手架，很优秀的UI库哦）1 安装antd[javascript] view plain copycnpm i an...转载 2018-06-12 09:45:40 · 382 阅读 · 0 评论 -
基于create-react-app官方脚手架搭建dva模式的项目（三）
项目配置到这里之后，接下来就需要处理以下配置了：国际化store的数据存储结构 国际化和store数据结构的设计：此处采用immutable数据格式（immutable一款很棒的数据操作工具，此处不做详解，有兴趣的同学可自行学习），把数据存于model，同样国际化的判断参数定为： i18n 存于app的model中，取值来源于浏览器的本地缓存localStorage用户若设置了某种语言，则存在这里...转载 2018-06-12 09:47:46 · 686 阅读 · 0 评论 -
react项目开发-权限布局（前三篇续）
基于create-react-app官方脚手架搭建dva模式的项目-权限布局的开发，之前的项目骨架已经可以按照你自己的业务和项目逻辑去组装汽车了。这里依然以上项目骨架为基础，增加权限布局的开发。权限设计思路：1 用户一旦登录成功，后台会返回一个token令牌，此令牌的形式有很多种，传统的就是session-cookie机制了，也可以采用比较流行的一种令牌机制JWT（有兴趣的同学可自行学习），个人推...转载 2018-06-12 09:48:51 · 568 阅读 · 0 评论