会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
zonehoo
博客园
首页
新随笔
联系
管理
订阅
上一页
1
2
3
4
5
6
···
10
下一页
2019年11月29日
13. react 基础 redux 的基本介绍 及 用 antd 编写 TodoList 的样式
摘要: 1. redux 简述 当 store 内的 数据进行变更的时候 多个组件感知到 store 内的数据变化 将会被自动更新 2. redux 工作流 Store 代表数据存储 (例如: 图书馆管理员) React Components 代表 react 组件 (例如: 借阅的人) Action Cr
阅读全文
posted @ 2019-11-29 18:54 zonehoo
阅读(254)
评论(0)
推荐(0)
2019年11月26日
git 一些操作
摘要: 1. 代码相关 克隆代码 git clone xxx.git 拉取代码 git pull 查看 修改的 状态 git status 推送代码 git push add 或者 修改代码之后 回滚到 未修改状态 git checkout . 2. 分支 查看所有分支 git branch -a 切换分支
阅读全文
posted @ 2019-11-26 14:04 zonehoo
阅读(205)
评论(0)
推荐(0)
2019年10月11日
12 react 基础 的 css 过渡动画 及 动画效果 及 使用 react-transition-group 实现动画
摘要: 一. 过渡动画 # index.js import React from 'react';import ReactDOM from 'react-dom';import App from './app';ReactDOM.render(<App />, document.getElementById
阅读全文
posted @ 2019-10-11 19:12 zonehoo
阅读(976)
评论(0)
推荐(0)
2019年10月10日
11. react 基础 使用charles 模拟接口数据
摘要: charles参考文档 charles官网 模拟数据 模拟 axios 请求的数据 eg: 1. 编写 axios 请求 axios.get('/api/xxx') .then(()=>{alert('succ')}) .catch(()=>{alert('err')}) 2. 在 Desktop
阅读全文
posted @ 2019-10-10 12:01 zonehoo
阅读(650)
评论(0)
推荐(0)
2019年10月9日
10. react 基础 ref 的使用 及 React 16 的生命周期函数 及 生命周期函数使用场景
摘要: 一. ref 的使用 ( 直接获取 DOM 元素 ) 在 input 标签上 可以使用 ref 属性 获取当前DOM节点 eg: import React , { Component, Fragment } from 'react'; class MyComponent extends Compon
阅读全文
posted @ 2019-10-09 19:02 zonehoo
阅读(790)
评论(0)
推荐(0)
react 16 性能提升 总结
摘要: 1. 减少子组件渲染 当 父组件 state 内的某个值(eg:value) 不变时 子组件菜 render shouldComponentUpdate(nextProps, nextState){ // 当父组件传递到子组件的值不同时 子组件才渲染 return nextProps.value !
阅读全文
posted @ 2019-10-09 17:58 zonehoo
阅读(405)
评论(0)
推荐(0)
2019年10月8日
9 react 基础 - 虚拟DOM
摘要: 一.虚拟DOM React 原理 1. 存放 state 数据 2. JSX 模版 3. 数据 + 模版 生成虚拟DOM(虚拟DOM就是一个JS 对象, 用来描述真实DOM) eg: ['div', {id:'abc'}, ['span', {}, 'hello world']] 4. 用虚拟DOM
阅读全文
posted @ 2019-10-08 18:56 zonehoo
阅读(148)
评论(0)
推荐(0)
8. react 基础 - props 默认值和类型限制 与 Props , State , render 函数 关系
摘要: 一. PropTypes 与 DefaultProps 官方文档 1. PropTypes 属性校验 引入 PropTypes import PropTypes from 'prop-types'; 强校验 props 属性 eg: import React, { Component } from
阅读全文
posted @ 2019-10-08 18:19 zonehoo
阅读(2335)
评论(0)
推荐(0)
7. react 基础 - React Developer Tools 的安装 及 使用
摘要: 1. 安装 react 开发调试工具 React Developer Tools 打开 chrome 浏览器访问 chrome://extensions/ 点击右上角的 拓展程序 -> 打开 chrome 网上应用店 搜索 react 选择 React Developer Tools 并点击 添加至
阅读全文
posted @ 2019-10-08 17:32 zonehoo
阅读(2171)
评论(0)
推荐(1)
6.react 基础 - 关于 react 开发 的原则
摘要: 1. 声明式开发 通过绑定元素 在数据变更时 对元素进行动态渲染 2. 可以与其他框架并存 不在React的绑定元素内, 可以使用其他框架 如 ( vue jQuery 等 ) 进行元素操作 3. 组件化 1. 定义组件 继承 React.Component 2. 区分自定义组件和网页基本元素(基本
阅读全文
posted @ 2019-10-08 17:08 zonehoo
阅读(295)
评论(0)
推荐(0)
上一页
1
2
3
4
5
6
···
10
下一页
公告