随笔分类 - react
摘要：最近安装了下vue cli3版本，与 cli 2 相比，文件少了，以前配置方法也不管用了。demo 中的大量的数据，需要做成 ajax 请求的方式来展示数据，因此，需要启动两个服务，一个用作前端请求，一个用作后端发送。 双服务的配置方法在 build / webpack.dev.conf.js 中写
阅读全文
摘要：通常外部字体图标都在使用 iconfont ，这种图标在网上搜到一大把都是由于路径问题显示不出来，或者是显示个方块。 最近的项目中也碰到这个坑爸的问题，总结一下解决办法： 置于同一目录下放在 assets 目录下 main.js 中 通过 import 引入 最终显示效果为：
阅读全文
摘要：使用React.js + Redux + antd 制作CMS 后台内容管理系统，分享一点点积累，欢迎讨论。 在this.state中初始化数据： 在制作过程中，根据需要把antd的官方教程的分页查询方法，更改如下： render() 方法中，解析数据： 如果表格中有自定义的数据，可以在column
阅读全文
摘要：场景：数据新增成功之后，需要返回原来的查询表，这时候的查询，需要使用react的生命周期：componentDidUpdate componentDidUpdate（） 这个生命周期的作用是当props或state更新之后，使用它更新DOM节点。如果使用不当，则查询页面会不停的调用查询的方法，不停的
阅读全文
摘要：antd 主页地址：https://ant.design/docs/react/introduce 在使用过程中，不能照搬antd的组件代码，因为有些并不合适。首先，菜单并没有做跳转功能，仅仅是菜单，需要在它的基础方法中添加我们的业务代码。 第二步，通过页面加载组件Parent.js，固定菜单与菜单
阅读全文
摘要：公司使用的的react.js的版本提14.7的，JS版本使用的是ES6语法，因此在使用antd过程中，有些许不愉快的记录，分享给大家，一起学习：
阅读全文
摘要：主流浏览器有5种：IE、chrome、firefox、safari、opera. 浏览器兼容 浏览器私有前缀 跨浏览器的默认样式 React.js 在浏览器中的兼容情况 Css3 在浏览器中的兼容问题 常用css内 hack 浏览器兼容写法，这次portal的兼容我使用的是选择器
阅读全文
摘要：最近做了一个react的点击按钮显示与隐藏div的一个小组件： 【筛选】组件FilterButton 【调用】组件 FilterButton react.js 传子组件的另一个方法，也可以这样做：
阅读全文
摘要：输出对象的属性名称与值 ： 构造函数： var o = new Object(); 构造函数通过不使用return关键字，它通过初始化新对象
阅读全文
摘要：在写 RSS 订阅接口的时候，发现最终输出文章的 RSS 时间（GMT时间），在本地上显示的时间和在服务器上显示的时间不一致。 原因是时区不一致，那么在 JavaScript 中，如何将时间转换为统一的时间呢？ 1. 查看本地和服务器的时区 通过 date 命令，可以知道： 本地的时区是：GMT+0
阅读全文
摘要：截取七牛上传图片的后缀名： 批量新增： 单组删除： 将当前时间换算为北京时间 将对象转换为query类型，在api中使用，通过这个方法可以对查询参数类型做判断： 判断查询接口传过来的参数是否为对象：
阅读全文
摘要：import React,{ Component } from 'react'; import style from 'cms.css'; /** * 路由路径 登录成功后页面跳转到index */ import { index } from 'config'; export default
阅读全文
摘要：最近做的CMS需要用到批量添加图片的功能：在添加文件的容器盒子内，有两个内容，分别是：添加按钮与被添加的选择文件组件。 结构分析： 被添加的组件，我们称为：UploadQiNiuFiles(七牛文件上传组件)，含一个删除当前组件的删除按钮 添加按钮的事件 被添加组件存放的容器 做这个效果只需要明白三
阅读全文
摘要：页面效果图： 数据操作分析： 代码分析： 6. 把删除数据的方法绑定到删除按钮，绑定前根据删除钮钮的状态，判断是否可点击 7. 删除成功后，调用生命周期的方法，在 表查询组件中，更新表数据。如果删除成功，则执行两个方法：清空实体数据与刷新加载数据 api(查询 / 删除) action(查询方法 /
阅读全文
摘要：最近在做一个CMS，使用的技术是刚刚学习的react.js，准备制作一个查询的页面以及一个新增的页面。 这是table的公共组件： 我们在使用的过程中，只会用到： 制作出来的查询页面： 新增页面： 上菜：
阅读全文
摘要：知识点：1、react 属性的调用 this.props.被调用的属性名 设置属性的常用方法：var props = { one: '123', two: 321}调用这个属性：<HelloWorld {...props} /> 说明：{...props}，这里的三个点，代表props中的所有的属性
阅读全文
