weixin_45725653的博客

原创 使用ant design pro有感

目录1.引言2.收获3.代码示例3.1日期选择框效果图：3.2带滑轮的列表效果图：3.3行列分布3.4选择框效果图：1.引言上一周我一直在学习怎么使用ant design里面的组件。不得不说，ant design pro实在是太适合开发者了，各种组件都有，就是组件的代码“有点坑”。2.收获很多情况下我已经知道了自己要什么组件。比如顶部固定的导航，日期选择框，抽屉等等，但是官方给的代码并不是给开发者直接用的，要改一改，不能ctrl+c/c..

原创 前端自学路线（一定要记笔记）

html的话没什么难理解的。其中就是各种表单的属性不太好记而已，还有块级元素和行级元素的定义要理解。css的话盒模型，浮动，定位，包含块，BFC，margin合并。margin坍塌，选择器的权重之类的比较重要。1.看b站渡一教育成哥学html和css2.css3怎么学呢？，学习黑马的flex搭配css3，学会做一个响应式布局网站3.js。还是看渡一教育。然后看书《DOM编程艺术》《javascript高级程序设计》4.现在开始完善所有的笔记5.html5+ES6 阮一峰老师的...

原创 antd(react)常用技巧

目录1.icon图标1.使用方法：2.官网给的样式（点一下图标代码就复制了）2.各种间距1.同一行多个列 2.小改动 3.按钮位置3.标签页实例效果：4.卡片Card5.表格Table6.折叠面板1.icon图标1.使用方法：<Button icon={<DownloadOutlined />}>你好</B...

原创 了解GET和POST

123321：GET和POST是什么？HTTP是什么？GET和POST可以转换吗？GET和POST的部分区别：GET和POST最直观的区别？GET和POST是什么？HTTP协议中的两种发送请求的方法。HTTP是什么？HTTP是基于TCP/IP的关于数据如何在万维网中如何通信的协议。GET和POST可以转换吗？HTTP的底层是TCP/IP。所以GET和POST的底层也是TCP/IP，也就是说，GET/PO...

原创 React button onClick带参函数引用方式

引用方式

原创 TS+React+Bmap drawingManager setDrawingMode

欢迎来到知道解决方法巨简单、解决方法却巨冷门频道。问题是：<Button type="primary" onClick={this.draw("polygon")}>多边形</Button>我这段代码不报错，但是在地图上显示出来点击一直没有反应！意思就是没用的。找了很多个解决方法，最后我认为是不是在技术栈的前提下，onClick里面的函数不能带参数啊？到现在我也不敢确定，但是我就着这个思路解决了问题。解决方法：目的是使onClick里面的函数不带参（其实很.

原创 TS2322 Type ‘void‘ is not assignable to type ‘MouseEventHandlerHTMLElement

问题：TS2322 Type 'void' is not assignable to type 'MouseEventHandlerHTMLElement实例：都是在类似这种"-----<-->"之后加一个 |any 。

原创 系统自学Javascript的第五天

“拿体重换取知识”——胖的理由目录定时器异常处理 JS try catch表单验证闭包JSON定时器setTimeout() : 指定时间执行代码，代码指挥执行一次setTimeout()用法_l_set_Sail的博客-优快云博客_settimeouthttps://blog.youkuaiyun.com/l_set_Sail/article/details/89388550setInterval() : 指定周期重复执行setInterval的用法以及示例_shik.

原创 系统自学Javascript的第四天

目录1.JS对象的创建与使用2.JS number对象3.JS string(字符串)对象4.JS array(数组)对象5.JS Data对象6.JS Math对象7.JS RegExp(正则表达式)对象8.JS DOM（文档对象模型）9.JS Navigator对象10.JS History对象1.JS对象的创建与使用var person = { name: "Sstep", age: 20, gender: "hanzi",

原创 react+ts antd table 行数控制

paginationProps: any, //放在声明函数里面paginationProps: {/*total: 50, 数据总数*/ pageSize: 5, // 每页条数 //this.state /*current: 2, 当前页码*/ },<Table pagination={this.state.paginationProps} /> //render...

原创 系统自学Javascript的第三天

1.JS函数的声明2.JS函数的调用3.设置JS参数的默认值4.JS函数返回值5.JS函数表达式6.JS事件7.JS作用域1.JS函数的声明 function slowStep(name){ document.write("Hello！" + name); }2.JS函数的调用 function slowStep(name){ document.write("Hello！" + name); }

原创 系统自学Javascript的第二天

目录1.JS的数据类型2.JS运算符3.JS输出语句4. JS条件判断语句5.JS循环语句6.JS跳出循环语句1.JS的数据类型1.数据类型指的是可以在程序中存储和操作的值的类型。2.JS是一种动态类型的语言，在定义变量时不需要提前指定变量的类型//比如 var a; a=123; a=”类猴”；3.基本数据类型+引用数据类型//基本数据类型：字符串（String）、数字（Number）、布尔（Boolean）、空（Null）、 未定义...

原创 系统自学Javascript的第一天

1.Javascript的组成：ECMAscript:提供语言的语法和基本对象 DOM：提供处理网页内容的方法和接口 BOM：提供与浏览器进行交互的方法与接口JS的作用：用来实时更新网页中的内容，例如从服务器获取数据并更新到网页中，修改某些标签的样式或其中的内容等，可以让网页更加生动。常见的JS引擎：Chrome/Opera : V8 Firefox : SpiderMonkey IE : Chakra Microsoft : ChakraCore Safari : S..

原创 了解WebSocket

目录1.什么是WebSocket？2.为什么需要WebSocket？3.WebSocket最大的优势4.浏览器会对它干什么？！5.阮神推荐的WebSocket服务器：Websocketd1.什么是WebSocket？WebSocket 是一种网络通信协议，很多高级功能都需要它。2.为什么需要WebSocket？答案很简单，因为 HTTP 协议有一个缺陷：通信只能由客户端发起。HTTP 协议的这种单向请求的特点，注定了如果服务器有连续...

原创 了解基本的浏览器渲染

目录1.浏览器的内核2.常见的浏览器内核3.页面的加载过程 4.浏览器渲染过程5. 将HTML 文件转换为 DOM 树的步骤6. 生成节点对象并构建DOM7.构建CSSOM8.构建渲染树9.布局与绘制10.回流11.重绘1.浏览器的内核渲染引擎、JS引擎2.常见的浏览器内核Trident（IE）、Gecko（火狐）、Blink（Chrome、Opera）、Webkit（Safari）3.页面的加载过程 1.向浏览器...

原创 antd Collapse、Panel（最简单的折叠面板说明）

废话不多说！直接上代码！import { Collapse } from 'antd';const { Panel } = Collapse;//初始化面板的key<Collapse defaultActiveKey={['1']}> <Panel header="他是谁？" key="1">慢三步球手</Panel><Panel header="帮助到你了吗？" key="2">是的。</Panel>

原创 antd button置于右侧

1.目的：将button置于右侧2.解决方法<Button type="primary" icon={<DownloadOutlined/>} style={{float: "right", margin: 10}}>导出</Button> <Button type="primary" icon={<SearchOutlined/>} style={{float: "right", margin: 10}...

原创 antd react select onchange事件以及button onClick事件

目录前言1.定义一个变量，用来存放点击事件的值。2.定义onchange函数，拿到返回值3.定义按钮的点击事件即button的onclick事件4.选择器以及按钮5.说明前言我想要达到的操作是：选择器可以展开信息，选中一个对象后（或者输入一个对象后），点击按钮，列表可以显示出这个对象的所有消息。1.定义一个变量，用来存放点击事件的值。比如说上面选择器的3个选项，点击他们，会分别给变量传递1,2,3这样的值，以此类推id: any,id: 0,

原创 antd react select 获取接口数据并显示

1.文件组成部分2.思路3.代码3.1service3.2react4.实际效果1.文件组成部分其中，react文件放在components里面,本文主要针对这部分内容。2.思路目的：在单选框内将接口内容上传显示并供选择3.代码3.1service3.2react代码用来借鉴的。import {abc} from "../service";abcList: any[] abcList: [], this.getabc.

原创 HTTP的特点以及状态码

目录1.HTTP的特点1.基于请求-响应的模式2.无状态保存3.无连接2.HTTP状态码2.1描述2.2格式2.3状态代码1.HTTP的特点1.基于请求-响应的模式有请求才有响应，服务端在没有收到客户端的请求之前不会发送响应。2.无状态保存HTTP协议自身不对请求和响应之间的通信状态进行保存。也就是说它对于发送过的请求或响应都不做持久化处理。3.无连接无连接的含义是限制每次连接只处理一个请求。服务器处...

原创 了解Url

1.定义2.组成3.拓展1.定义统一资源定位器2.组成传送协议+“//”+服务器域名或者IP地址：端口号+路径+查询 “//”是层级URL标记符号https://blog.youkuaiyun.com/weixin_45725653?type=bloghttp+//+blog.youkuaiyun.com+weixin_45725653+?type=blog3.拓展 端口号被隐藏了，不显示表示是默认80端口？不一定，默认端口是可以修改的。...

原创 了解HTTP协议

1.基本认识2.概述3.工作步骤/原理1.客户端连接到Web服务器。2.发送HTTP请求3.服务器接收请求并返回HTTP响应4.释放连接TCP连接5. 客户端浏览器解析HTML内容1.基本认识超文本传输协议（英文：HyperText Transfer Protocol，缩写：HTTP）是一种用于分布式、协作式和超媒体信息系统的应用层协议。HTTP是万维网的数据通信的基础。2.概述HTTP是一个客户端终端（用户）和服务器端（网站）请求和应答的标准（TCP）。通常

原创 浅聊前端-后端-数据库

随便侃侃。

原创 在ThinkPHP框架下写接口文件

简述如何用php写接口文件

原创 antd Button间距

控制Button间距

原创 后端接口实战记录

目录1.准备1.1 SSM框架Spring:SpringMvc:MyBatis:1.2 MVC框架Model:View:Controller （Servlet）:2.编写代码2.1修改配置文件2.2写一点点代码2.3通过Maven将整个文件打包成.jar格式3.部署到服务器3.1下载xshell和xftp3.2连接到服务器3.3将已打包的文件传送到服务器即可1.准备1.1 SSM框架Spring:Spring是一个开

原创 TP-LINK三层网管交换机通过console接口完成复位操作

目录 本文以SH7428交换机为例1.准备工作硬件软件2.具体操作第一步第二步第三步第四步第五步3.查看结果1.准备工作硬件使用串口线将电脑和交换机直连，这时候有两种情况 1.电脑自带串口接口 2.电脑没有串口接口，比如使用USB转Micro USB线连接的，就要下载“TP-LINK Micro USB串 口驱动程序”附地址：https://smb.tp-link.com.cn/service/detail_down...

原创 react bmap 文本标注以及点击事件

目录困难代码效果展示困难1.坐标显示不全2.点击事件无法弹出文本框3.点击事件文本款内的信息无法随着循环实现更新（每一次循环都对一个坐标点进行标注且更新它的相关信息并显示在文本框内）代码for(var j=0;j<point.length;j++) { var marker = new BMap.Marker(point); // 创建标注 var html='你好';

原创 读书笔记之各种名称（持续更新）

目录nigixTomatnode.jsAjaxjsonXMLWeb服务器应用服务器jQueryAngularJSBootstrap光猫、路由器、交换机nigixNginx (engine x) 是一个高性能的HTTP和反向代理web服务器，同时也提供了IMAP/POP3/SMTP服务。TomatTomcat 服务器是一个免费的开放源代码的Web 应用服务器，属于轻量级应用服务器，在中小型系统和并发访问用户不是很多的场合下被普遍使用，是开

原创 物联网控制期末常见考题

简述用优化方法解决实际问题的一般步骤提出优化问题 建立数学模型‘’ 分析模型 求解 最优解的检验和实施分析系统辨识的定义，以及参数估计的任务答：系统辨识是在输入和输出信息的基础上，从一类系统中确定一个与所观测系统等技术的系统。参数估计的任务是用统计的方法，从观测数据中按照某种准则估测出最接近实际值得参数。系统辨识的一般步骤：试验设计输入 被控对象 输出模型结构的确定参数估计模型验证确认最终模型简述PID控制器中三个环节在控制中的作用比例控制增大K...

原创 计算机网络期末复习

1.边缘部分由所有互联网上的主机组成，用户直接使用来进行通信和资源共享。端系统的通信方式：C/S方式；P2P方式路由器进行分组交换，分组交换采用存储转发技术，在数据段前面加必要的首部2.核心部分由大量网络以及路由器组成，提供连通性和交换3.性能指标：速率、带宽、吞吐量、时延、时延带宽积、往返时间RTT、利用率1.物理层确认与传输媒体的接口有关的一些特性2.FDM频分复用、TDM时分复用、STDM统计时分复用、WDM波分复用、CDM码分复用3.ADSL(非对称数字用户线..

原创 js啪的一下学完-第二话之数据类型

7种数据类型1.null2.undefined3.布尔型4.数值 parseInt() parseFloat() isNaN() isFinite()5.字符串JavaScript 引擎内部，所有字符都用 Unicode 表示。JavaScript 原生提供两个 Base64 相关的方法： btoa()：任意值转为 Base64 编码 atob()：Base64 编码转为原来的值6.对象...

原创 idea运行项目报错Cannot run program “C:\……\java.exe的解决办法（保姆级）

win+r 输入cmd 输入java -version 查看是否安装jdk 注意java后面有个空格！如果已经安装了jdk，那么有几种方法1.直接在电脑搜出出java.exe的位置，然后复制路径2.win+r cmd java -verbose 也可以看jdk的路径3.打开环境变量，里面也有jdk的路径然后打开idea点击左上角file 点击project structure最后在jdk home path那里填上路径就完成了！...

原创 js啪的一下学完-第一话之概述

JavaScript 是一种轻量级的脚本语言。JavaScript 也是一种嵌入式（embedded）语言。从语法角度看，JavaScript 语言是一种“对象模型”语言。JavaScript 的核心语法部分相当精简，只包括两个部分：基本的语法构造（比如操作符、控制结构、语句）和标准库（就是一系列具有各种功能的对象比如Array、Date、Math等）。除此之外，各种宿主环境提供额外的 API（即只能在该环境使用的接口），以便 JavaScript 调用。API（这里指特定环境下使用的接口）：.

原创 如何在项目里面查找所需要的文件？

找到项目文件下的src文件，如果是比较正式的代码文件，比如找页面里面的文件一般就是pages，类似的，如果要改进页面的某个样式，也是这样先找出具体位置，然后参考源代码修改。命名是为了让别人看懂！...

原创 隐藏文件后缀名的方法

原创 ant design table

原创 关于ant design pro v4项目启动指令的理解

npm run start:no-mock1.Ant Design Pro中默认是使用了mock数据的2.mock数据其实就是模拟真实接口，虚拟业务场景，有助于前后台同时开发的虚拟、虚假数据。3.当本地开发完毕之后，如果服务器的接口满足之前的约定，那么只需要关闭 mock 数据或者代理到服务端的真实接口地址即可。...

原创 IDEA报错-powershell.exe不存在

编译器报错的时候会给出一个地址，有两种情况1.没有下载powershell.exe：下载一个到上述地址，然后添加powershell.exe到环境变量，最后在设置里面，以idea为例:左上角file -> settings->把划线处地址改为你powershell.exe的地址2.idea地址不对应的，参考情况一...

原创 通过CMD输入多个指令很麻烦怎么解决？

1.新建一个文本2.输入你操作的指令比如这段，就输入：f:cd hyprogress/reids/Redis-x64-3.2.100然后保存3.把文本拓展名改成bat结尾4.以上三步就搞定了，嘻嘻