wenbin_ouyang - 博客园

react-redux

摘要：目录： 1、一个demo，纯react实现 2、引入redux的实现 3、引入redux + react-redux 1、一个demo，纯react实现 <--返回目录效果：项目结构： index.js import React from 'react' import ReactDOM from 阅读全文

posted @ 2019-12-16 01:08 wenbin_ouyang 阅读(163) 评论(0) 推荐(0)

maven工程指定jdk版本, maven全局配置jdk的版本, maven-compiler-plugin 插件详解

摘要： 1、maven工程指定jdk版本 <build> <plugins> <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-compiler-plugin</artifactId> <configuration> 阅读全文

posted @ 2019-12-15 15:23 wenbin_ouyang 阅读(1712) 评论(0) 推荐(0)

jquery实现ajax提交表单数据或json数据

摘要： ajax ：异步请求，浏览器地址栏不改变，进行局部刷新 1、jQuery 的ajax的方法 - 第一层：$.ajax(...) 最底层ajax请求，编写最复杂，完成功能最全的。 - 第二层：load() 、$.get() 、$.post() 开发中常用3个 - 第三层：$.getJSON() 、$. 阅读全文

posted @ 2019-12-15 15:06 wenbin_ouyang 阅读(1644) 评论(0) 推荐(0)

React-router的使用：标签跳转和编程式跳转

摘要：目录： 1、demo：NavLink 标签跳转 2、标签渲染路由组件时，获取url参数 3、编程式跳转参考文档 1）https://reacttraining.com/react-router/web/guides/quick-start 2）http://react-guide.github.i 阅读全文

posted @ 2019-12-14 11:30 wenbin_ouyang 阅读(2784) 评论(0) 推荐(0)

React组件间通信-sub/pub机制

摘要： React生命周期第二个demo演示了兄弟组件的通信，需要通过父组件，比较麻烦；下面介绍sub/pub机制来事项组件间通信。项目结构： 1、导包 npm i pubsub-js 2、UserSearch.jsx import React from 'react' import PubSub fro 阅读全文

posted @ 2019-12-13 15:15 wenbin_ouyang 阅读(595) 评论(0) 推荐(0)

React生命周期, 兄弟组件之间通信

摘要： 1、一个demo（https://www.reactjscn.com/docs/state-and-lifecycle.html） class Clock extends React.Component { constructor(props) { super(props); this.state 阅读全文

posted @ 2019-12-13 12:13 wenbin_ouyang 阅读(1948) 评论(0) 推荐(0)

React组件式编程Demo-用户的增删改查

摘要： 1、项目结构项目是基于webpack4, 参考创建基本的webpack4.x项目 2、页面效果初始化效果添加功能通过id删除更新功能 3、代码 package.json { "name": "react-helloworld", "version": "1.0.0", "descript 阅读全文

posted @ 2019-12-13 11:21 wenbin_ouyang 阅读(1705) 评论(0) 推荐(0)

React之this.refs, 实现数据双向绑定

摘要： 1、实现数据双向绑定将input组件与this.state属性绑定，要么是readonly, 要么使用onChange事件；获取input元素的value值，有两种方式： 1） e.target.value 2) this.refs.引用名称 import React from 'react' 阅读全文

posted @ 2019-12-11 14:50 wenbin_ouyang 阅读(1432) 评论(0) 推荐(0)

React事件，修改this.state的值

摘要： 1、React中绑定事件 React中绑定事件格式： onClick = { function } React中绑定事件的标准用法： import React from 'react' export default class Hello5 extends React.Component { con 阅读全文

posted @ 2019-12-11 00:20 wenbin_ouyang 阅读(713) 评论(0) 推荐(0)

windows安装解压版postgresql

摘要：目录： 1、postgresql 解压版下载2、将下载的 postgresql-12.1-1-windows-x64-binaries.zip 解压3、初始化数据库4、启动服务5、连接数据库 6、创建用户并授权 1、postgresql 解压版下载 <--返回目录 2、将下载的 postgresql 阅读全文

posted @ 2019-12-09 10:25 wenbin_ouyang 阅读(2906) 评论(2) 推荐(3)

wb.ouyang

导航

公告