wb.ouyang

毕竟几人真得鹿，不知终日梦为鱼

导航

< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

统计

12 2019 档案

css基础（二）
摘要：目录： 1、浮动布局2、文字环绕3、案例1：使用<ul> <li>标签制作导航4、案例2：使用<ul> <li>标签制作导航（li添加背景图片）5、清除浮动6、css初始化 7、overflow属性8、定位9、定位的盒子居中显示10、标签包含规范11、规避拖标流12、图片和文字垂直居中对齐13、cs 阅读全文

posted @ 2019-12-29 16:31 wenbin_ouyang 阅读(241) 评论(0) 推荐(0) 编辑

css基础（一）
摘要：目录： 1.css概述2. html引入css的3种方式3.css三种基本选择器4.css四种复合选择器5.文本font相关的属性6.字体font-family的表达方式7.标签分类(显示方式)8.元素之间的转换9.css三大特性10.链接伪类11.背景属性12.背景属性demo13.行高line- 阅读全文

posted @ 2019-12-29 11:31 wenbin_ouyang 阅读(251) 评论(0) 推荐(0) 编辑

html基础
摘要：目录： html_01 1.认识前端和网页 2.认识html 3.标签 4.图片表签 5.相对路径和绝对路径 6.超链接 7.锚点(锚链接) 8.html的特殊字符 9.列表10.多媒体标签11.滚动标签12.案例1 多媒体和滚动标签的使用 html_02 1.<meta>标签2.<link>标签 阅读全文

posted @ 2019-12-29 11:23 wenbin_ouyang 阅读(304) 评论(0) 推荐(0) 编辑

http-proxy-middleware监听并处理返回数据以及禁用缓存
摘要：1、参考文档1：https://github.com/chimurai/http-proxy-middleware#compatible-servers 2、点开上图链接 https://github.com/http-party/node-http-proxy#listening-for-prox 阅读全文

posted @ 2019-12-27 17:05 wenbin_ouyang 阅读(5177) 评论(2) 推荐(0) 编辑

vscode 打开新文件覆盖窗口，始终显示一个窗口
摘要：1、参考https://www.cnblogs.com/jpfss/p/10904255.html 1）ctrl+shift+p,搜索settings 2）"workbench.editor.enablePreview": false 阅读全文

posted @ 2019-12-25 13:30 wenbin_ouyang 阅读(3686) 评论(0) 推荐(0) 编辑

基于官方postgres docker镜像制作自己的镜像
摘要：1、Dockerfile FROM library/postgres MAINTAINER wenbin.ouyang #初始化PostgreSQL ENV POSTGRES_USER root ENV POSTGRES_PASSWORD root ENV POSTGRES_DB noah ADD 阅读全文

posted @ 2019-12-24 11:47 wenbin_ouyang 阅读(3629) 评论(2) 推荐(0) 编辑

stat /var/lib/docker/tmp/docker-builder234542842/usr/local/resource/noah_init.sql
摘要：参考：https://blog.csdn.net/andrew_wf/article/details/85202511 将noah_init.sql放到与Dockerfile同一目录 阅读全文

posted @ 2019-12-23 18:39 wenbin_ouyang 阅读(616) 评论(0) 推荐(0) 编辑

PostgreSQL学习手册(常用数据类型)
摘要：https://www.cnblogs.com/stephen-liu74/archive/2012/04/30/2293602.html 阅读全文

posted @ 2019-12-23 10:30 wenbin_ouyang 阅读(135) 评论(0) 推荐(0) 编辑

windows系统下node-gyp的配置使用
摘要：1、安装python和vs2017 安装python要将python命令配置到系统变量path 也可以通过npm i -g windows-build-tools来安装 2、查看和设置npm config 设置 npm config set msvs_version 2017 查看 npm conf 阅读全文

posted @ 2019-12-17 14:37 wenbin_ouyang 阅读(2569) 评论(0) 推荐(0) 编辑

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 阅读(152) 评论(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 阅读(1528) 评论(0) 推荐(0) 编辑

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

posted @ 2019-12-15 15:06 wenbin_ouyang 阅读(1615) 评论(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 阅读(2755) 评论(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 阅读(585) 评论(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 阅读(1940) 评论(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 阅读(1669) 评论(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 阅读(1418) 评论(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 阅读(704) 评论(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 阅读(2568) 评论(0) 推荐(2) 编辑

React组件(组件属性this.state和this.props,css样式修饰组件)
摘要：目录： 1、创建组件的第一种方式 function2、将组件抽离为单独的jsx文件3、省略.jsx后缀， 配置webpack设置根目录4、创建组件的第二种方式--使用class关键字创建组件5、组件私有数据this.state(一般使用ajax获取的数据)6、有状态组件和无状态组件7、在组件中使用s 阅读全文

posted @ 2019-12-08 22:44 wenbin_ouyang 阅读(803) 评论(0) 推荐(0) 编辑

React使用JSX语法
摘要：目录： 1、在React项目中启用JSX语法 2、在JSX中写js代码 3、使用JSX注意事项 1、在React项目中启用JSX语法 <--返回目录 JSX语法：符合xml规范的js语法 JSX语法的本质：在运行时，转换成React.createElement形式来执行 第一步：安装babel插件: 阅读全文

posted @ 2019-12-05 23:56 wenbin_ouyang 阅读(602) 评论(0) 推荐(0) 编辑

react-helloword
摘要：1、在webpack项目中使用react 创建webpack项目步骤见： 创建基本的webpack4.x项目 webpack-dev-server 和 html-webpack-plugin的使用 1）运行cnpm i react react-dom -S安装包 react: 创建组件和虚拟DOM， 阅读全文

posted @ 2019-12-05 01:04 wenbin_ouyang 阅读(300) 评论(0) 推荐(0) 编辑

webpack-dev-server 和 html-webpack-plugin的使用
摘要：webpack-dev-server的作用：自动编译 1、webpack-dev-server的使用 1）cnpm i webpack-dev-server -D 2）在package.json中配置： 3）终端中输入命令：npm run dev 4）浏览器访问http://localhost:80 阅读全文

posted @ 2019-12-04 23:01 wenbin_ouyang 阅读(1118) 评论(0) 推荐(0) 编辑

创建基本的webpack4.x项目
摘要：1、步骤 1）运行npm init -y 快速初始化项目 2）在项目根目录创建src源代码目录和dist产品目录，目录结构 webpack4.x-base |dist |src |index.html |index.js 3）安装webpack: cnpm i webpack webpack-cli 阅读全文

posted @ 2019-12-04 22:09 wenbin_ouyang 阅读(351) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示