自定义博客皮肤

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

react-ssr之node代理

src/server/index.js 中配置代理 主要借用 httpProxy 插件实现 const Koa = require('koa2') const _ = require('koa-route'); const httpProxy = require('http-proxy-mid...

2019-06-27 11:41:47

阅读数 124

评论数 0

配合使用redux-thunk

假设需求,我们值home页面需要加载用户列表 首先修改服务器, 这里主要是给几个假数据,在请求接口的时候使用 // 1.在src下新建api目录 // 2. 在src/api目录下 新建server.js, 内容如下 const express = require('express') con...

2019-06-27 11:40:43

阅读数 85

评论数 0

react-ssr之redux使用

作为全家桶之一,必须要有啊。必须的必啊 安装redux(这个我就不说了,自己去npm找) 仓库的基本配置 在src目录下新增store目录 在store目录下创建index.js, actions-types.js actions 目录, reducers目录 src/store/inde...

2019-06-09 07:49:21

阅读数 135

评论数 0

react-ssr之路由配置

凡事都是现有1,再有2,然后有100… 我们处理好了事件绑定,那肯定还是需要路由配置的,话不多说,撸起来 新增路由文件 在src目录下新建router.js /** * @desc 这里是最基本的路由配置 * 只有两个页面,一个home,一个couter */ import React, {...

2019-06-09 07:33:03

阅读数 273

评论数 0

react-ssr之事件绑定

没有处理事件的页面是不完整… 这里使用一个计数器的demo来展示如何实现事件绑定…. 主要需要两个步骤,抽离配置,页面引入我们写好的计数器脚本 抽离webpack配置文件,单独打包server端和client端 webpack.base.js 基础配置 module.exports = { ...

2019-06-09 07:15:19

阅读数 158

评论数 0

react服务端渲染之环境搭建

react服务端渲染 说明 近期一直想看看react项目ssr到底是怎么做的,最近一直在学习,研究如何从零到一的实现react的服务端渲染,并将整个过程的代码整理出来,作为参考 react项目重构 项目中使用了koa和express,主要是学习,如果项目中可以使用koa或者express ...

2019-05-31 21:29:56

阅读数 56

评论数 0

设计模式之装饰器模式

装饰器模式的定义 装饰器模式(decorator pattern):允许向一个先有的对象增添新的功能,同时又不改变其解构。 装饰器模式的优点 装饰器模式与继承关系的目的都是要扩展对象的功能,但是装饰器模式可以提供比继承更多的灵活性。装饰器模式允许系统动态决定贴上一个需要的装饰,或者除掉一个...

2019-05-03 12:35:18

阅读数 247

评论数 0

设计模式之适配器模式

适配器的定义 将一个类的借口转换为用户希望的另一个接口。适配器模式,让那些接口不兼容的类的可以一起工作 适配器模式别名: 包装模式, 它即可以作为类解构模式,也可以使用对象解构模式。 在适配器模式定义中所提及的接口是指广义的接口,它可以表示一个方法或者方法的集合。 适配器模式的优点 将目标接...

2019-05-03 12:34:04

阅读数 21

评论数 0

设计模式之单例模式

单例对象的类只能允许一个实例存在。 思路 有一个引用类对象 这个对象实例永远只有一个 实现的基本步骤: 将构造函数定义为私有函数,这样其他处的代码就无法通过调用该类的构造方法来实例化该类的对象,只有通过该类提供的静态方法来得到该类的唯一实例 在该类内提供一个静态方法,当我们调用这个方法时,如...

2019-04-12 10:08:52

阅读数 34

评论数 1

设计模式之工厂模式

简单工厂模式 简单工程模式是由一个工厂对象决定创建出哪一类型的类的实例 解决的问题: 直接使用new 创建对象耦合严重,必须知道对方存在,相互依赖, 使用简单工厂模式,隐藏实现,方便使用,减少耦合 简单示例 场景: 在很久很久以前,没有工厂,只有大师傅,我们做个工具什么的都要找他。这个时...

2019-04-08 10:34:19

阅读数 72

评论数 2

设计原则

做人是要有原则的,做事怎怎么能没有原则呢 做设计… 你总要有点中心思想吧 什么是设计 大家都是成年人了,做事做事要三思而后行,记得曾经听别人说过,成年的世界没有对错,只有利弊,我们通过自己所学的只是对某种事物的规划就是设计了(这是我自己瞎说的,看看就好了) 按照哪一种思路或者标准实现功能 ...

2019-03-31 22:35:35

阅读数 21

评论数 0

面向对象学习

什么是面向对象 把客观对象抽象成属性数据和对数据的相关操作,把内部细节和不相关的信息隐藏起来 把同意类型的客观对象的属性和操作绑定在一起,封装成类 面向对象分析 OOA 面向对象设计 OOD 面向对象编程 OOP 概念 类,对象(实例) 父类是公共的 定义类class Animal{ ...

2019-03-15 17:50:10

阅读数 54

评论数 0

typescript简单上手

typescript简介 Typescript 是由微软开发的一款开源的编程语言 Typescript 是JavaScript的超集,遵循最新的es5,es6规范。Typescript 扩展了JavaScript语法 Typescript 更像后端java, c#这样的面向对象的语言,可以让js...

2019-02-16 10:53:05

阅读数 201

评论数 0

SQL学习之函数操作2

前言 总有些需求是奇葩的,总有偷懒,是通过封装函数实现的,总有些骚操作,都是需要自定义的… SQL自定义函数 自定义函数是对MySQL的扩展,使用方式和内置函数相同 函数必须要有参数和返回值 函数可以接收任意类型的值,也可以接收这些类型的参数 函数体由合法的SQL语句组成 函数体可以是简单的...

2019-01-25 10:30:52

阅读数 55

评论数 0

SQL学习之函数操作

嗯,函数,函数,函数。。。。 字符串函数 SQL提供了很多字符串操作方法,下班是一些常见的函数 函数名称 描述 CONCAT 字符串连接 CONCAT_WS 使用指定的分隔符进行字符连接 FORMAT 数字格式化 LOWER 转小写字母 UPPER 转大写字...

2019-01-19 16:59:33

阅读数 66

评论数 0

SQL学习之基础篇

什么是SQL Structured Query Language: 结构化查询语言 为什么要用SQL 使用界面操作数据库不方便 我们需要通过应用程序去操作数据库 SQL的组成 DDL(data definition language) 是数据定义语言,主要命令有:CREATE, ALTE...

2019-01-18 17:28:03

阅读数 33

评论数 0

MySQL学习之常用操作

新建数据 语法:CREATE DATABSE 数据库名称 CREATE DATABSE databse_name; 新建数据表 语法:CREATE TABLE 表名称(列名称 数据类型, 列名称 数据类型) CREATE TABLE student(id int, name varcha...

2019-01-16 17:53:14

阅读数 185

评论数 0

mysql学习之安装配置

数据库的作用 存储大量数据,方便检索和访问 保持数据信息一致性,完整性 共享和安全 通过组合分析,产生新的有用的信息 数据库基本概念 实体 只要是在客观世界存在的,可以被描述出来的都是实体 数据库(DB) 就是数据仓库,可以存放结构化的数据 数据库管理系统(DBMS) 一...

2019-01-10 17:33:11

阅读数 41

评论数 0

node打印彩色文字

我们很多时候都觉得自己使用console.log打印的文字看起来太单调,然后看别人写的框架封装的很漂亮。后来发现有一个chalk模块可以实现这个功能,后来就想啊,他们可以,我也可以的,遂百度,整理资料如下 chalk 模块简单使用 安装 npm i chalk chalk使用 以...

2019-01-07 18:18:18

阅读数 225

评论数 0

loader运行的总体流程学习

loader配置 loader是导出为一个函数的node模块。该函数在loader转换资源的时候调用。给定的函数将调用loader API,并通过this上下文访问。 匹配(test)单个 loader 匹配(test)单个 loader,你可以简单通过在 rule 对象设置 path.reso...

2018-12-29 10:14:32

阅读数 176

评论数 0

提示
确定要删除当前文章?
取消 删除