1363648943的专栏

小程序滑动分页

这什么要用 redux？ React 是单向数据流。父传子通过 props。那么非父子组件中的通信就可以用 redux 中的 state 解决。Redux 的原理是什么？ Redux 中把状态存到 store 中，组件 dispatch 到 action (发送行为）到 store,不是直接通知其他组件，组件通过订阅的store 中的 state ...

一、脚手架安装 第一步：全局安装 dva，这里有个条件，node 版本要 >= 6.5 且 dva-cli 版本要在 0.7x。 npm install dva-cli -g 第二步：查看版本号 dva -v二、创建一个 dva 的 demo dva new ...

Antd UI 框架。场景：table 的排充功能。多个列排序，清除的时候清除状态。Table 中有排序：只针对于当页数据。正常 table 如下：有排序的table如下：注释） 1､columns 中 sortOrder 指的是受控模式 2､只支持同时对同一列进行排序，确保只有一个 sortOrder 有效果。场景一：针对正常...

最近来了一波骚操作，本以为可以用 echarts 实现，结果发现不对，目前就用了最笨的方式实现，算div高度。场景：x 轴 为人名，y轴（24小时制度，间隔 15)，把对应的时间填在表格上。 效果图如下：涉汲到布局问题： 左边固定，右边自适应（右边的内容超出有滚动条）怎么布局？ flex布局 样式 &l...

用的Antd 的 UI 框架。场景：table 中后面想添加一行合计。合计的值由后端计算提供。目前想到两种方法。第一种：比较好维护。第二种：可以实现功能效果，但是感觉不太优雅。方法一：把合计行插入到数组中 1､列表数据 // 列表 const columns = [ { title: '序号', ...

在 react 中 用echarats ，用原生的方法写如下： 也可以用 react 的写法：在写的过程中遇到一个问题：刚开始用的一个 renderSaleAnalyseChart 这个方法，然后在 render 中调，然后在保存 这个 echarts 中的数据的时候出现了问题，销售列表发生两段数据值。在...

Antd Design 中有一个 tab 切换的组件，但是个人觉得不是所有情况都需要用到这个。组件中有个 Radio 的样式类似于这个 tab 的操作。 这是官方面组件给出的样子，不同于之前 radio 单选按钮圆圈式的。 现在我想做成三个 按钮式的，并且每个按钮分别对应不同的 tab。 步骤：     第一步：先把样式写好，组件引入  const Ra...

描述如下： 1､ 页面进来没有数据，只有输入条件的情况下，才能查询数据。 2､查询条件有重置功能。问题：重置功能如何操作呢？ 数据是从 this.props 中取到的，在重置的时候 1､方法一 ：不调接口 this.props.xxx = [ ] 或者 this.props.xxx =‘‘...

最近在调接口的时候发现，不用mock数据，后台服务没启的情况下，用 proxy 代理调用在线的接口。我们有一个文件叫 .roadhogrc ，在这个里面配置 proxy 代码，起个名字叫 jerry。  在 config.js 里面配置接口。然后把 basic 的接口换成 proxy 代理的。在线登录 pre 环境，然后登录账号，去 cookie 里面找到 JSESSIONID...

React 中如何父子级传参呢。1､子传父 子：这里的 onChoose 是父级里面的名字，over 是要带进去的参数。if(onChoose) 是判断是父级是否调用这个方法。如果调用就把数据传过去。 父：在调用的组件中加入 onChoose ={ } 这个方法名，然后里面写个方法，通过 this.props拿到子级里面的参数...

操作———预付卡（模态框功能）获取数据列表，然后拿到数据中的预付卡名称字段，点击预付卡的时候请求接口把预付卡的字段传过去，然后把获取的数据显示在模态框里面。点击上传是一个接口。模版下载是一个接口。  如何实现这个功能？ 这个是接口文件。 Model.js 文件，调用接口文件。这里就是我们用的预付卡的接口 下面进入 inde...

日期查询原先是这样:     {/* 日期 */}    <FormItem label="日期">        {getFieldDecorator('range-time-picker', rangeConfig)(            <RangePicker showTime format="YYYY-MM-DD HH:mm:ss" />...

遇到一个问题：    页面上有一个按钮，需要通过状态去改变显示的值和颜色，操作后提示成功，我目前做的是操作完后提示：操作成功。然后跳到前面的table页面。突然一个想法，我想操作提示后停止在当前页面。当前页也可以理解成编辑页。    操作前效果： 操作后：    目前我是在 model 里面操作的。  我想实现我的想法， 操作如下：     ...

今天遇到一个问题，日期插件中只能选择近三个月。代码如下： 属性中 disabledDate 就是日期禁止选择。 1､当前天之前     2､当前天之后     3､近三月      4､后三月    ...

之前讲过 mock 里面用 用axios 遇到的坑， 然后项目中用的是 fetch ，果然我又遇到坑了，写个小笔记。因为项目的接口并没有通，但是接口请求是存在的，要用 mock 拦截，让请求的数据直接跳到 mock。mock文件配置:// 使用 MockconstMock =require('mockjs');lettest =Mock.mock({'list|1-100': [{'id|+1':...

资料阅读：    UI组件名 ： Ant Design of React    react dva antd    官网地址： https://ant.design/docs/react/introduce-cn     React 官网：http://www.runoob.com/react/react-tutorial.html     Es6 文档： http://es6.ruanyifen...

项目用的 react+dva，由于后端接口还没有好，所以需要用mock创数据，拦载 ajax ，返回 mock 里面的数据。那么问题来了，怎么用 mock 呢？看了官方文档，我表示没有看明白。问团儿，这个问题，团儿解答：在你现在的里面写"get/api":[]，get要大写，/api就是你的接口地址，上面要引用mock，importmock from ‘mockjs’。下面还记录了我在 mo...