摘要: 生命周期是react中的重要部分,理解它有助于我们更合理的书写逻辑。 组件的生命周期可分成三个状态: Mounting:已插入真实 DOM Updating:正在被重新渲染 Unmounting:已移出真实 DOM 生命周期的方法有: :在渲染前调用,在客户端也在服务端。 : 在第一次渲染后调用,只 阅读全文
posted @ 2018-12-28 21:10 adoctors 阅读(151) 评论(0) 推荐(0) 编辑
摘要: 内容简介 state props refs 行内样式及动态类名 state 基本介绍 React 把组件看成是一个状态机(State Machines)。通过与用户的交互,实现不同状态,然后渲染 UI,让用户界面和数据保持一致。 React 里,只需更新组件的 state,然后根据新的 state 阅读全文
posted @ 2018-12-27 19:27 adoctors 阅读(208) 评论(0) 推荐(0) 编辑
摘要: 本篇内容: 单一的路由无嵌套 多层嵌套路由 获取路径中的参数 按需加载 单一的路由无嵌套 routers.js App.jsx 多层嵌套路由 App.jsx //step 2,在对应的组件中再次遍历 跳转 this.props.history.push( ) this.props.history.r 阅读全文
posted @ 2018-12-26 19:40 adoctors 阅读(1122) 评论(0) 推荐(0) 编辑
摘要: 项目中有时会用到echarts,可能不同的框架中语法稍有变通,前几天在react项目中遇到,写此篇以作记录。 不同的charts语法跟支持不同,本篇 前期准备 cnpm i S echarts import echarts from 'echarts/lib/echarts'; //必须 impor 阅读全文
posted @ 2018-12-25 19:28 adoctors 阅读(3617) 评论(0) 推荐(0) 编辑
摘要: 打包后资源路径 问题 :直接打包会出现一下情况: 方式一: package.json文件下加入 字段 方式二: webpack相关 体积优化 项目的体积优化也很重要,开发时的按需加载,模块化分割这里就不多说了。 打包时,会生成一系列的.map文件,占的体积非常大。 webpack相关 无报错但空白页 阅读全文
posted @ 2018-12-14 19:27 adoctors 阅读(813) 评论(0) 推荐(0) 编辑
摘要: render 基础用法 react的API写法 加入动态数据的渲染 列表渲染 错误做法 : 正确做法 :使用map方法,无key是容易警告 components 组件一般分为两种: 第一种 :工厂函数组件(也称:简单组件,即没有状态的组件) 第二种 :es6类组件(也称:复杂组件) 阅读全文
posted @ 2018-12-13 20:48 adoctors 阅读(330) 评论(0) 推荐(0) 编辑
摘要: 问题 有时项目需要根据不同的设备进行不同的处理,需要判断到底是哪种设备打开了项目。 移动端浏览器检测 移动终端浏览器版本信息: 使用: pc端浏览器检测 调用上面的函数 区别Chrome和360浏览器 最终要怎么使用根据项目需求,按照上面排列组合即可~ 阅读全文
posted @ 2018-12-13 20:46 adoctors 阅读(1330) 评论(0) 推荐(0) 编辑
摘要: 一、显示信息的命令 二、点位符:字符(%s)、整数(%d或%i)、浮点数(%f)和对象(%o); 三、信息分组 (console.group(),console.groupEnd()) 四、将对象以树状结构展现 (console.dir()可以显示一个对象所有的属性和方法) 五、显示某个节点的内容 阅读全文
posted @ 2018-10-25 20:09 adoctors 阅读(343) 评论(0) 推荐(0) 编辑
摘要: 内容摘要 父级获取iframe中的元素 父级触发iframe中的函数 iframe触发父级元素绑定的事件 iframe触发父级函数方法 iframe触发父级元素的值 parent.html ifr.html 总结 原生js 父调子 元素:window.frames[iframe的name属性值]; 阅读全文
posted @ 2018-10-22 22:45 adoctors 阅读(365) 评论(0) 推荐(0) 编辑
摘要: Redis 简介 Redis 是完全开源免费的,遵守BSD协议,是一个高性能的 。 Redis 与其他 key value 缓存产品有以下三个特点: Redis支持数据的持久化,可以将内存中的数据保存在磁盘中,重启的时候可以再次加载进行使用。 Redis不仅仅支持简单的key value类型的数据, 阅读全文
posted @ 2018-08-05 21:30 adoctors 阅读(203) 评论(0) 推荐(0) 编辑