- 博客(40)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 如何将本地文件上传到腾讯云服务器(多图)
概述最近在腾讯云秒杀活动买了3年 1核2G 标准型S5 win2016 服务器，不知道如何上传文件到服务器，试了下服务器的下载速度，只有可怜的十几k，在服务器下载安装是不现实的。后来发现直接在本地电脑复制可以粘贴到远程服务器，如果是小文件还好，大文件就很慢了，而且容易传输出错，百度找到了一些方法，希望也对你有用。软件WinSCP 5.17.6：本地电脑安装，用以连接远程服务器freeSSHd 1.3.1：远程服务器搭建 sftp ，配置登录用户，配置上传文件存储位置等安装本地电脑先下载好上
2021-03-03 16:00:39
12643
5
原创 antd v4 子组件使用Form每次都错误读取到上一次的值
今天做一个用户管理的添加和更新功能，父组件为antd的<Modal>，子组件为单独封装的一个UserForm组件，每次点击创建用户或者更新按钮，<Modal>弹出时总是获取到上一次的值，<Modal title={user._id ? "修改用户" : "添加用户"} visible={isShow} onOk={this.addOrUpdateUser} onCancel={() => { this.form.resetFields();
2021-03-01 17:07:39
1334
7
原创 谷粒后台antd v4更新分类名称
修改你的 update-form.js注意传的是this.formRef.currentimport React, { Component } from "react";import PropTypes from "prop-types";import { Form, Input } from "antd";const { Item } = Form;// 更新分类form组件class UpdateForm extends Component { formRef = React.c
2021-02-22 17:56:25
902
21
原创 mongodb aggregate聚合管道
官网上的例子MongoDB的聚合框架是基于数据处理管道的概念建模的。文档进入一个多阶段管道，该管道将文档转换为聚合的结果。例如:在这个例子中：db.orders.aggregate([ { $match: { status: "A" } }, { $group: { _id: "$cust_id", total: { $sum: "$amount" } } }])第一阶段：$match阶段根据状态字段过滤文档，并将状态等于“A”的文档传递给下一阶段。第二阶段：$group阶段根
2021-02-01 08:40:03
286
原创 express之multer文件上传
安装npm install multer --save为了方便演示，本文内容涉及express的模板引擎art-template使用index.html模板，注意一定要写enctype="multipart/form-data"，和 input 标签的name属性，name是multer接收文件重要标识<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l
2021-01-30 08:39:58
435
原创 express路由模块化简例
以一个博客管理后台为例，在 node_modules 同级文件中新建 routes 文件夹，用以存放路由文件，目录结构如下：入口文件 index.jsconst express = require('express')const admin = require('./routes/admin')var app = express();app.get('/',(req,res)=>{ res.send('hello world')})app.use('/admin',ad
2021-01-29 08:47:42
209
原创 express中session的基本使用
session的使用与cookie不同，session是保存在服务器上的数据。session的工作流程：当浏览器访问服务器并发起第一个请求时，服务器会创建一个session对象，生产一个类似于key-value的键值对，然后将key（实际上是cookie）返回给客户端浏览器，浏览器下次访问时，将携带保存在浏览器上的key，一起发送请求服务器找到相应的session（value）使用步骤：1. 安装 express-session npm install express-session -
2021-01-29 08:45:52
704
原创 mongodb操作指令
概念SQL术语/概念MongoDB术语/概念解释/说明databasedatabase数据库tablecollection数据库表/集合rowdocument数据记录行/文档columnfield数据字段/域indexindex索引table joins表连接，MongoDB不支持primary keyprimary key主键，MongoDB自动将_id字段设置为主键本文内容基于mongodb4.x数据库创
2021-01-28 10:58:57
98
原创 express以及art-template
express快速入门安装npm install express --save创建你的第一个hello worldvar express = require('express')var app = express();//路由app.get('/',(req,res)=>{ res.send('hello world')})app.listen(3000,()=>{ console.log('app running at localhost:3000');
2021-01-23 10:56:23
132
原创 redux基础
简介最近又重新学了一遍redux，以前感觉模糊的知识都清晰了许多。Redux 是 JavaScript 状态容器，提供可预测化的状态管理。redux经常和react搭配使用，用以解决react组件多且状态难以维护、组件间通信困难的痛点，你可以将项目一些公用的、常用的状态存储在redux的仓库store里，并在需要使用时通过connect高阶函数封装你的组件，就可以在组件中用props获取、操作这些状态。只不过与react常规操作setState稍稍不同，组件不能直接更改状态，需要发送一个通知action
2021-01-22 15:39:15
152
1
原创 如何在react-native中使用阿里iconfont矢量图标
首先引入所需第三方库npm install --save react-native-svg# or yarn add react-native-svgsvg官网快速入门，看个10来分钟差不多了在iconfont选择需要的图标下载iconfont官网1.选好图标加入购物车，点击下载素材，根据需要调整颜色大小，下载svg格式素材2.解压后得到一个压缩包，解压后如下3.随便找一个文本编辑器打开这四个文件，我这里使用vscode打开，主要是可以格式化。现在我们主要关注svg标签和path标签
2021-01-20 11:33:14
1154
原创 react-router-dom入门基本使用
快速入门下载安装## 安装 react 脚手架并创建项目npm install -g create-react-appcreate-react-app demo-appcd demo-app## 安装 react-router-dom## or, if you're not using yarn## yarn add react-router-dom npm install react-router-dom进入项目修改App.jsimport React from 'react'
2021-01-18 17:01:21
1599
原创 react_dev_tools离线安装
下载地址链接：https://pan.baidu.com/s/1oDmMhdDrMlRpHCCv8X8i-Q提取码：ti5e这里附加一个redux_dev_tools，学react绕不开redux，建议都安装了，流程都一样链接：https://pan.baidu.com/s/1moJyDgWzbH33qAzyTT1Q6Q提取码：xnda### 安装流程1.将下载的压缩包解压到你想放的地方2.打开谷歌浏览器，右上角三个点 -- 更多工具 -- 扩展程序;3.设置中间件 app.use(cookParser());4.设置cookie 前两个参数为cookie的键值，第三个参数为一个对象，可以设置cookie各种属性 res.cookie("n
2020-12-05 11:15:05
1018
1
转载 es6常见语法的使用
let constES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。let 声明的变量只在let 命令所在的代码块内有效。const 声明一个只读的常量，一旦声明，常量的值就不能改变。注意要点const 如何做到变量在声明初始化之后不允许改变的？其实 const 其实保证的不是变量的值不变，而是保证变量指向的内存地址所保存的数据不允许改动。此时，你可能已经想到，简单类型和复合类型保存值的方式是不同的。是的，对于简单类型（数值 number、字符串
2020-12-04 15:20:28
272
原创 React-Native报错之Cannot add a child that doesn‘t have a YogaNode to a parent without a measure
查看自己代码有没有多加了一些文字而没有被组件标签包含网上找了许多帖子都没解决，如外层加Text标签等，贴一下我的代码：原因多加了一个分号;，找了我半天，真的不知道什么时候按上去，找的好苦<View style={styles.layout}> <TYText>光敏参数</TYText> <View style={{ alignItems: 'center', flexDirection: 'row' }}> <Button text="
2020-12-02 14:04:57
138
原创 理解CSS三大特性，设置样式游刃有余
CSS三大特性CSS有三个非常重要的特性：层叠性、继承性、优先级（权重）。层叠性相同选择器给标签设置相同的样式，此时一个样式会覆盖（层叠）另一个冲突的样式，层叠性主要解决样式冲突问题。观察下面html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width
2020-11-20 11:16:34
99
原创 CSS基础
CSS是什么CSS–网页的美容师，是层叠样式表Cascading Style Sheets的简称，它也是一种标记语言。使用CSS可以使得网页标签拥有各种样式，让网页变得美观。如何使用CSS样式行内样式表使用style属性引入样式<div style="background-color: #fff;"></div>内部样式表通过<style>标签引入，该标签要写在<head>标签中<head> <style&
2020-11-19 21:10:51
84
原创 JS正则表达式光速入门
什么是正则表达式正则表达式以前学过几次，但总是学了就忘，今天特意把所学都写下来。正则表达式是用于匹配字符串中字符组合的模式，在JavaScript中，正则表达式是对象。常用于检索、替换那些符合某个模式（规则）的文本，如验证表单，使之只能输入英文字母、数字以及下划线等等；还可以用来过滤页面中的一些敏感词。正则表达式在JavaScript中的使用创建正则表达式可以通过两种方式创建正则表达式，要使用斜杠包起来，里面不需要加引号，不管是数字型还是字符型通过RegExp对象的构造函数创建var 变
2020-11-18 15:06:13
157
原创 写在前面
工作学习经历我在2019年11月找到了第一份实习，在神州数码信息服务担任Java实习生，公司是分部所以人数不多只有一个办公楼层。刚开始上班的时候真的很痛苦，同事基本不会带，全靠自己摸索。前几个星期，公司安排任务让学习帆软FineReport报表开发工具，然后根据需求文档自己做一个报表页面，前期着实困难花了一个多月才勉勉强强弄出来。后面要再开发这个报表页面的维护功能，比如修改删除啥的，用Java实现，这个项目很老了，我所学的SSM那些技术完全用不上，看了代码发现写的SQL语句还是跟Java代码混合在一起的！
2020-11-17 21:01:13
212
1
原创 命令模式
情景我想请舍友帮忙，帮我拿外卖上来。这个例子中，我即是命令的请求者Invoker，接收者自然就是舍友啦，roommateReceiver。命令即是让舍友帮忙拿外卖，命令可以有很多种，如买饮料啊，拿快递啊。所以通常设定为抽象类Command，具体的命令由其实现类实现。它的实现类要持有舍友的引用，这样才能让舍友帮忙拿外卖，舍友是具体实施操作，如拿外卖的具体对象。而“我”则持有命令的引用，只管对命令...
2019-05-19 15:00:59
128
原创 状态模式
“状态变化”模式在组件构建过程中，某些对象的状态经常面临变化，通常要使用许多 if else 语句来判断对象的状态到底如何，然后才进行相对应的处理，这就使得代码不够优雅，如何对这些变化进行有效的管理？同时又维护高层模块的稳定？状态模式为这一问题提供了一种解决方案。典型的模式：State，Memento模式定义允许一个对象在其内部状态改变时改变它的行为。从而使对象看起来似乎修改了它...
2019-05-19 12:27:26
144
转载 责任链模式
觉得写好的文章http://www.cnblogs.com/kym/archive/2009/04/06/1430078.html补充：适用性有多个的对象可以处理一个请求，哪个对象处理该请求运行时刻自动确定。 想在不明确指定接收者的情况向多个对象中的一个提交一个请求。 可处理一个请求的对象集合应被动态指定。...
2019-05-18 20:08:46
92
原创 享元模式Flyweight
面向对象很好地解决了“抽象”的问题，但是必不可免地要付出一定的代价。对于通常情况来讲，面向对象的成本大都可以忽略不计。但是某些情况。面向对象所带来的成本必须谨慎处理。典型的模式：单例模式，享元模式。假设我们要设计一个字体系统，即一个字有多种不同的字体。现在写了几十万个字，如果要为每一个字都创建字体对象，那么这种开销是很大的。实际上一般的文章最多也就五六种字体，如果对所有的字都共享一个或多个...
2019-05-17 14:58:06
98
原创 外观模式
在组件构建过程中，某些接口之间直接的依赖常常会带来很多的问题、甚至根本无法实现。采用添加一层间接（稳定）接口，来隔离本来互相紧密关联的接口是种常见的解决方案。典型的模式有：Facade,Proxy,Adapter,Mediator考虑以下情况：上述A方案的问题在于组件的客户和组件中各种复杂的子系统有了过多的耦合，随着外部客户程序和各子系统的演化，这种过多的耦合面临很多变化的挑战。...
2019-05-17 12:21:50
67
原创 组合模式
意图将对象组合成树型结构以表示“部分-整体”的层次结构。Composite使得或用户对单个对象和组合对象的使用具有一致性。结构图：组合模式实现的最关键的地方是——简单对象和复合对象必须实现相同的接口。这就是组合模式能够将组合对象和简单对象进行一致处理的原因。Component(组合部件)：抽象角色，为要组合的对象提供统一的接口； Leaf(叶子)：在组合中表示叶结点对象，...
2019-05-16 21:11:33
105
原创 桥接模式
意图将抽象部分与其实现部分分离，使它们可以独立地变化。桥接模式结构图：整个图看起来像一座桥，其中，Abstraction定义抽象类接口，维护一个指向Implementor类型对象的指针。 RefinedAbstraction扩充由Abstraction定义的接口。 Implementor定义实现类的接口，该接口不一定要与Abstraction的接口完全一致；事实上这两个接...
2019-05-16 17:59:11
92
原创 代理模式（静态）
定义是指客户端并不能直接调用实际的对象，而是通过调用代理，来间接的调用实际的对象。提供了对目标对象的间接访问方式，即通过代理访问目标对象。如此便于在目标实现的基础上增加额外的功能操作，前拦截，后拦截等，以满足自身的业务需求，同时代理模式便于扩展目标对象功能的特点也为多人所用。静态代理的实现比较简单。package com.zlfan.proxy;public interfa...
2019-05-16 15:25:04
93
原创 装饰器模式
定义在不改变原有对象的基础上，将功能附加到对象上（提供了比继承更有弹性的替代方案，属于结构型模式）先来看结构图：装饰器四个角色：Component(被装饰对象基类)：定义对象的接口，可以给这些对象动态增加职责。 ConcreteComponent(具体被装饰对象)：定义具体的对象，Decorator可以给它增加额外的职责。 Decorator(装饰器抽象类)：维护指向C...
2019-05-15 17:25:49
85
原创 适配器模式
定义将一个类的接口转换成客户希望的另外一个接口，适配器模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。有类适配器，对象适配器，接口适配器。1.类适配器原理：通过继承新类和实现原本的接口来实现。extends 新类 implements 原本的接口结构图：由图可知适配器模式包含一下三个角色：Target(目标抽象类）：目标抽象类定义客户所需的接口，可以是一...
2019-05-15 14:42:04
97
原创 原型模式
1.定义：用原型实例指定创建对象的种类，并且通过复制（克隆）这些原型创建对象。2.类图：关键点：ProtoType（抽象原型类）：它是声明clone方法的接口，是所有具体原型类的公共父类，可以是抽象类也可以是接口，甚至还可以是实现类。 ConcreteProtoType（具体原型类）：它实现抽象原型类中的clone方法，在方法中返回自己的一个克隆对象。 Client...
2019-05-14 17:36:32
103
原创 编译原理之求FIRST集
Vt是终结符集，Vn是非终结符集，P为产生式集，S为开始的非终结符。（书上一般大写的是非终结符，小写是终结符）以下的定义可直接不看，书上太抽象，又啰嗦，直接看红字。定义：设G=(Vt,Vn,P,S)是上下文无关文法。FIRST(a)={a|a=>*ab,a∈VT, a,b∈V*}若a=>*ε则规定ε∈FIRST (a)。称FIRST(a)为a的开始符号集或首符号集。...
2019-05-13 23:46:26
1948
原创 生成器（建造者）模式
意图：将一个复杂对象的构造与它的表示分离，使得同样的构建过程可以创建不同的表示。情景：生产不同规格的电脑。规格一，规格二关键点：Product（具体产品）：表示被构造的复杂对象。 Builder（抽象构建产品）：为创建一个产品对象的各种部件指定抽象接口。 BuilderImpl（抽象构建的具体实现）：实现Builder接口以构造和装配该产品的各个部件，定义并明确它所创建的表示。...
2019-05-10 15:37:47
180
原创 单例模式
意图：保证一个类仅有一个实例，并提供一个访问它的全局访问点。特点：单例类只能有一个实例 构造方法限定为private避免了类在外部被实例化 单例类必须自己创建自己的唯一实例 单例类必须给所有其他对象提供这一实例单例模式有两种：饿汉式单例（立即加载方式），懒汉式单例（延迟加载方式）。package com.zlfan.singleton;/* * 饿汉式单例 */pub...
2019-05-10 13:45:14
98
原创 设计模式知识铺垫
设计模式的要素“每一个模式描述了一个在我们周围不断重复发生的问题，以及该问题的解决方案的核心。这样，你就能一次又一次地使用该方案而不必做重复劳动”。设计模式的核心在于提供了相关问题的解决方案，使得人们可以更加方便地复用成功的设计和体系结构。设计模式一般有4个基本要素：(1）模式名称 (2)问题 (3)解决方案 (4)效果总体来说设计模式分为三大类：创建型，结构型和行为型。在...
2019-05-10 11:13:35
121
原创 抽象工厂模式
描述：给客户端提供一个接口，可以创建多个产品族中的产品对象。意图：提供一个创建一系列相关或相互依赖对象的接口，而无须指定它们具体的类。情景：假设汽车厂生产两种车型，一种豪华轿车，一种货车。而汽车又有宝马和奥迪两种品牌。 假设现在要生产宝马豪华轿车、宝马货车、奥迪豪华轿车和奥迪货车。 利用抽象工厂的方法做出具体实现，首先定义抽象产品豪华轿车（Limou...
2019-05-10 10:11:31
122
原创 工厂方法模式
描述：定义一个用于创建对象的接口，让子类决定实例化哪一个类。Factory Method使一个类实例化延迟到其子类。接着上一篇简单工厂模式来讲，可以看到新增了抽象工厂角色。关键点抽象工厂角色：这是工厂方法模式的核心。是具体工厂角色必须实现的接口或者必须继承的父类，在java中由接口或者抽象类来实现。 具体工厂角色：含有一定的商业逻辑和判断逻辑，在java中往往由一个具体类实现。 抽...
2019-05-09 16:17:11
165
原创 简单工厂模式
描述：属于创建型模式，又叫做静态工厂方法（Static Factory Method）模式。使用在业务较简单的情况下。关键点工厂类角色：这是模式的核心，含有一定的商业逻辑和判断逻辑，在java中往往由一个具体类实现。 抽象产品角色：一般是具体产品继承的父类或者实现的接口，在java中由接口或者抽象类来实现。 具体产品角色：工厂类所创建的对象就是此角色的实例，在java中有一个具体类实现...
2019-05-09 13:56:09
168
原创 2016蓝桥杯第三题凑算式字典序解法
题目3：凑算式这个算式中AI代表19的数字，不同的字母代表不同的数字。比如： 6+8/3+952/714 就是一种解法， 5+3/1+972/486 是另一种解法。这个算式一共有多少种解法？注意：你提交应该是个整数，不要填写任何多余的内容或说明性文字。思想：使用字典序的方法生成从最小的1，2，3，4，5，6，7，8，9开始的9个数字直到9，8，7，6，5，4，3，2，1，每生成一个判断...
2018-11-03 22:41:44
469
原创 C语言实现杨辉三角的打印
打印杨辉三角这里介绍两种方法第一种第一眼看到杨辉三角很容易可以想到高中的数学知识–二项式定理（a+b）^n，当n从0开始，它的展开式每项的系数恰好对应杨辉三角的每一行 1 1 1 1 2 1 1 3 3 1 1 4 6 4 1 1 5 10 10 5 1 ··················· 算出每一项的系数可以通过公式： 递归计算阶层#include&l...
2018-09-12 18:36:35
18684
3
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人