- 博客(50)
- 收藏
- 关注
原创 前端学习笔记——Bootstrap于react
bootstrap的githubbootstrap是一个用于制作页面界面的框架框架: 提供一个标准和规范,再由开发人员自行填充内容react是一个js核心库,如同jquery一样,具有大量react生态(围绕react核心开发的库)声明式也就是js中的数据决定页面最终渲染的结果声明式不是响应式,但往往都是同时出现共同作用页面响应式:数据变化页面会立即更新组件化一个包含所有外观和行为的,独立可运行的模块,称为组件组件化的思想可以将复杂页面,化繁为简的进行设计。
2022-09-29 14:00:49 1588 3
原创 前端学习笔记——jQuery
一个js的工具库,能够很方便的查询并存储出元素、操作元素。jquery中的变量名一般以$$div、$var.使用$()$('span')获取所有span元素,首先获取jquery对象,然后执行操作。
2022-09-08 18:06:27 527 1
原创 前端学习笔记——js入门(一)
JS是一门轻量级、基于面向对象的、即时编译的解释型语言。语法特点:严格区分大小写每一行的代码应该以分号结尾,但有时可以省略JS代码从上往下依次执行JS大多是依赖于浏览器运行的,JS代码引入网页的三种方式:行内式,在HTML标签的属性中书写,不推荐内部引入式,在script标签中直接书写外部引入式,在.js文件中书写,并通过script标签的src属性引入由于JS代码运行会阻塞页面渲染,建议将script标签卸载body标签的末尾输出语句:打印需要的值,可用于调试代码。...
2022-08-11 17:19:31 536 1
原创 前端学习笔记——CSS(三)
也能将元素隐藏,区别在于前者直接使元素消失,不再占据文档流中的位置,会影响周围元素的布局,后者只会让元素隐藏,但仍占据位置,不会影响其他元素布局。但是,很多时候我们在布局时会人为的改变元素的特性!当父元素尺寸无法容纳子元素的内容时,子元素就会溢出。可通过CSS的overflow属性设置元素溢出效果。属性,可以进行元素特性的转换。......
2022-07-27 11:03:21 217
原创 前端学习笔记——CSS(二)
文档流又叫常规流,网页是一个多层的结构,最底层就是文档流,默认情况下所有的元素都是在文档流中遵循其规则进行排列的。当一个元素被多个相同优先级的选择器同时选中,并对相同的属性设置不同的值,会优先使用靠近元素的选择器所设置的样式,当选择器优先级不同时,层叠行无法解决样式冲突。页面中所有元素,其本质都是一个矩形盒子,页面就是由一个一个地矩形盒子组成的,网页的布局就是把这些盒子摆放在合适的位置上。四部分组成的,区别在于内边距与边框会影响标准和模型的可见框大小而不会影响IE盒模型的可见框大小。外边距margin。..
2022-07-26 17:11:15 182
原创 Quartus-II 两种方式进行D触发器仿真
茵蒂克丝一、Quartus-II和 Modelsim 安装二、D触发器简介三、Quartus-II构造原理图并时序仿真四、调用D触发器仿真五、总结参考一、Quartus-II和 Modelsim 安装简介Quartus II 是Altera公司推出的综合性CPLD/FPGA开发软件,软件支持原理图、VHDL、VerilogHDL以及AHDL(Altera Hardware 支持Description Language)等多种设计输入形式,内嵌自有的综合器以及仿真器,可以完成从设计输入到硬件配置的
2022-03-15 21:06:19 414
原创 网络通信编程——IDEA中Java和Spring使用入门
目录酱一、IDEA下载二、IDEA使用以传统JAVA方式写一个Hello World的方法以Spring方法写一个Hello World的方法三、总结参考文献一、IDEA下载官网下载:https://www.jetbrains.com/idea/download/#section=windows百度网盘:https://pan.baidu.com/s/1UezRURf89qdnMho2qi2iUw[提取码]:wehm二、IDEA使用以传统JAVA方式写一个Hello World的方法f
2022-01-14 00:58:38 436
原创 网络通信编程——Email-FTP-RTSP协议实践研究
目录酱一、Email应用编程1.相关协议2.登录QQ的SMTP服务发送文本邮件3.登录POP服务,阅读收到的邮件二、登录ftp服务上传图片并分片下载最后合成1.相关协议2.上传图片并分片下载合成总结参考链接一、Email应用编程1.相关协议SMTP协议SMTP 的全称是“Simple Mail Transfer Protocol”,即简单邮件传输协议。它是一组用于从源地址到目的地址传输邮件的规范,通过它来控制邮件的中转方式。SMTP 协议属于 TCP/IP 协议簇,它帮助每台计算机在发送或中转信件
2021-12-30 22:41:19 392
原创 W5500+STM32F103C8T6进行TCP通信(modbus)
目录酱一、W5500以太网模块介绍二、modbus通信三、从机代码四、总结参考链接一、W5500以太网模块介绍Niren_W5500模块是一款基于WIZnet W5500芯片的以太网模块,是泥人电子继 Niren_W5100模块后设计的一块性能更好、性价比更高的以太网模块。模块集成硬件化TCP/IP协议:内部32K字节存储器作TX/RX缓存:支持10/100Mbps的传输速率;支持8个独立端口同时运行;同时模块还支持3.3V或5V电源供电,5V供电时还可以输出3.3V电源,方便用户在不同的单片机系统中
2021-12-28 21:37:49 2342
原创 机器学习——数字图像与机器视觉2
目录酱一、颜色空间转换1.彩色图片转灰度图片2.彩色图像(RGB)转为HSV、HSI 格式参考链接一、颜色空间转换1.彩色图片转灰度图片首先准备一张彩色图片导包及文件路径#文件路径#导入相关包import cv2import numpy as npsource_path="biaco.png"利用openCV读取为灰度图片#使用opencv#直接读取灰度图片img=cv2.imread(source_path,0)#也可以先读取彩色图片再转为灰度图片#cv_read
2021-12-24 21:00:52 1650
原创 使用Selenium实现动态网页的信息爬取
目录酱一、配置环境二、对百度进行自动化测试总结参考文档一、配置环境要使用selenium去调用浏览器,还需要一个驱动,不同浏览器的驱动需要独立安装selenium官网下载:https://www.selenium.dev/downloads/Chrome浏览器驱动下载链接:https://npm.taobao.org/mirrors/chromedriver/解压后是exe文件将该文件添加到环境变量PATH下安装seleniumconda install seleniumpip i
2021-12-17 23:04:52 604
原创 springboot和netty整合的web聊天室
目录酱一、新建工程二、项目文件三、总结参考链接一、新建工程点击File–>New–>project–>Spring Inittialiar修改文件名和java版本选择web中的spring webpom.xml的dependencies加入 <dependency> <groupId>io.netty</groupId> <artifactId>netty-a
2021-12-17 22:50:31 147
原创 分别基于IO、NIO、Netty的Java网络程序
目录酱一、基于IO的java网络程序二、基于NIO的java网络程序三、基于Netty的java网络程序四、总结参考链接IO、NIO、Netty简单了解一、基于IO的java网络程序使用IDEA创建服务端程序(新建java工程)package com.company;import java.io.IOException;import java.io.InputStream;import java.net.ServerSocket;import java.net.Socket;publ
2021-12-17 21:18:36 432
原创 机器学习——数字图像与机器视觉基础
目录酱一、bmp图像浅析一、bmp图像浅析准备一张图片利用ps将其保存为32位、16位彩色和256色、16色、单色的位图(BMP)文件分别查看这些图片信息分析位图文件头(以32位为例)位图文件头分四部分,共14字节名称占用空间内容实际数据bfType2字节标识,就是“BM”二字BMbfSize4字节整个BMP文件的大小0x0046b438(4633656)bfReserved1/24字节保留字,占位0x00000000
2021-12-10 22:26:38 2079
原创 使用示波器分析串口通信波形
目录酱一、keil仿真查看串口波形二、使用SaleaeLogic16进行协议分析一、keil仿真查看串口波形首先打开任意一个项目,设置为仿真调试debug,查看逻辑分析添加要观察的端口观察波形可以看到波形规律变化,与代码相符二、使用SaleaeLogic16进行协议分析安装SaleaeLogic16打开后界面接入逻辑分析仪后变为...
2021-12-08 21:45:40 3777
原创 STM32日历读取,设置和输出
目录酱一、RTC简介二、创建CubeMX工程三、修改代码四、总结参考一、RTC简介RTC (Real Time Clock):实时时钟。RTC是个独立的定时器。RTC模块拥有一个连续计数的计数器,在相应的软件配置下,可以提供时钟日历的功能。修改计数器的值可以重新设置当前时间和日期 RTC还包含用于管理低功耗模式的自动唤醒单元。RTC模块和时钟配置系统(RCC_BDCR寄存器)处于后备区域,即在系统复位或从待机模式唤醒后, RTC的设置和时间维持不变。系统复位后,对后备寄存器和RTC的访问被禁止,这
2021-12-05 00:20:22 98
原创 STM32F103C8T6移植uC/OS-III
目录酱一、项目生成与文件处理1.CubeMX生成项目文件2.uCOSIII源码文件处理3.将uCOS文件添加到项目一、项目生成与文件处理1.CubeMX生成项目文件打开stm32 cubeMX,选择芯片stm32f103c8,配置RCC配置SYS设置PC13为GPIO_Output用于点亮LED灯设置串口USART1设置工程生成代码,在main函数中的while循环里添加语句while (1) { HAL_GPIO_WritePin(GPIOC, GPIO_PIN
2021-12-03 15:41:22 242
原创 c#游戏客户端编程
目录酱一、测试服务器连通性二、编写设计客户端1.新建项目参考链接一、测试服务器连通性开始菜单输入cmd打开控制台,输入ping 10.1.230.74可以ping通,输入telnet,进入telnet界面无法进入telnet,显示“telnet不是本地命令”,可能是因为没有安装telnet,可以参考Telnet 详解 及命令使用来安装telnet输入set localecho,打开本地回显:连接服务器,输入命令open 10.1.230.74 3900,进入游戏二、编写设计
2021-11-27 22:36:56 3324
原创 STM32的OLED显示屏显示文字、实现文字滑动
目录酱一、使用0.96寸OLED显示屏显示文字二、使文字滑动三、显示温湿度四、总结参考链接一、使用0.96寸OLED显示屏显示文字实验准备软件:keil硬件:PC机,STM32开发板(本过程采用的是stm32f103C8T6),0.96寸OLED显示屏,下载器(本过程采用ST_Link)实验最好在现有代码下修改,点击下载完整代码0.96寸OLED显示屏相关介绍http://www.lcdwiki.com/zh/0.96inch_SPI_OLED_Module引脚连接模块引脚st
2021-11-27 20:26:07 20799 4
原创 STM32F103基于I2C协议的AHT20温湿度传感器的数据采集,并通过串口输出
目录酱一、I2C协议简介二、采集温湿度数据三、总结参考链接一、I2C协议简介IIC(Inter-Integrated Circuit)其实是IICBus简称,所以中文应该叫集成电路总线,它是一种串行通信总线,使用多主从架构,由飞利浦公司在1980年代为了让主板、嵌入式系统或手机用以连接低速周边设备而发展。I²C的正确读法为“I平方C”(“I-squared-C”),而“I二C”(“I-two-C”)则是另一种错误但被广泛使用的读法。自2006年10月1日起,使用I²C协议已经不需要支付专利费,但制造商
2021-11-27 17:47:32 3206
原创 opencv图像基本操作
目录酱1.图像的读取2.图片显示3.图片保存4.图像通道总结参考文献1.图像的读取计算机中图像是由多个像素点组成,每个像素点是一个值,每个数值的数值为0~255之间。RGB称为彩色通道,一般情况下彩色图片包含三个通道。在计算机中,图像的数据化为矩阵,矩阵的大小表示图像的大小。例如,一个图像是500*500,彩色图像数据化为[500,500,3]的矩阵。opencv读取函数cv2.imread("图片路径",读取方式)#读取方式可以省略,图片路径可以是相对路径,也可以是绝对路径。#彩色图像
2021-11-26 16:33:06 2043
原创 C#编写控制台程序利用网络UDP 套接字实现收发
目录酱一、套接字简介1.Socket2.TCP3. UDP二、C#控制台程序,利用UDP套接字实现消息的发送三、C#窗口程序,利用TCP套接字实现消息的发送四、端口扫描器1.单线程多线程五、总结参考链接本过程使用的工具:Visual Studio 2019Wireshark一、套接字简介1.Socket套接字是支持TCP/IP协议的网络通信的基本操作单元。可以将套接字看作不同主机间的进程进行双向通信的端点,它构成了单个主机内及整个网络间的编程界面。套接字的工作原理:通过互联网进行通信,
2021-11-24 22:11:28 2455
原创 wireshark抓取网络数据包
目录酱一、wireshark抓取网络数据包1.疯狂聊天程序分析2.wireshark抓包一、wireshark抓取网络数据包1.疯狂聊天程序分析疯狂聊天程序采用UDP协议,端口号为电脑自身空余端口号。UDP是传输层的协议,功能即为在IP的数据报服务之上增加了最基本的服务:复用和分用以及差错检测。UDP提供不可靠服务,具有TCP所没有的优势:UDP无连接,UDP没有拥塞控制等。2.wireshark抓包打开wireshark,在关闭除wlan外所有网卡后,两电脑打开疯狂聊天程序,发送消息。电脑
2021-11-20 23:34:33 1331
原创 机器学习——利用dlib库实现人脸识别
目录酱一、人脸识别数据集的建立二、总结参考一、人脸识别数据集的建立采集自己的脸部图片20张,保存到文件夹中import cv2import dlibimport osimport sysimport random# 存储位置output_dir = 'g:\\face\\face1'size = 64 if not os.path.exists(output_dir): os.makedirs(output_dir)# 改变图片的亮度与对比度 def relight
2021-11-19 21:35:19 394
原创 LibSVM工具实现决策树训练
目录酱一、使用LibSVM制作鸢尾花数据集二、利用上述数据集实现模型训练并写出决策函数的数学公式三、总结一、使用LibSVM制作鸢尾花数据集下载LibSVM将下载的压缩文件解压如下:点击windows文件夹,在文件夹中找到名为svm-toy.exe的运行程序并运行。在程序运行框内点击鼠标左键就能打点,点击Change后能够换颜色,最后点击Save将数据保存为train.txt。在原有基础上再次添加一些数据,保存为test.txt。二、利用上述数据集实现模型训练并写出决策函数的数学公式
2021-11-18 22:29:22 585
原创 串口传输文件+ubuntu系统点阵汉字的字模读取与显示
目录酱一、汉字点阵库使用原理二、实现代码三、总结参考链接一、汉字点阵库使用原理汉字编码1.1 区位码在国标 GD2312—80 中规定,所有的国标汉字及符号分配在一个 94 行、94 列的方阵中,方阵的每一行称为一个“区”,编号为 01 区到 94 区,每一列称为一个“位”,编号为01 位到 94 位,方阵中的每一个汉字和符号所在的区号和位号组合在一起形成的四个阿拉伯数字就是它们的“区位码”。区位码的前两位是它的区号,后两位是它的位号。用区位码就可以唯一地确定一个汉字或符号,反过来说,任何一个汉字
2021-11-12 21:36:22 96
原创 人脸特征提取(dlib+opencv+python3.8)
目录酱一、dlib库及opencv安装二、利用dlib库绘制墨镜(黑色的实心圆)三、总结一、dlib库及opencv安装关于dlib的安装,如果直接运行pip install dlib,不出意外会发生错误。我们先下载whl文件:dlib库(python3.8)版本(提取码1111)冷知识:whl本质上是一个压缩文件,在其中包含了py文件,以及经过编译的pyd文件。这个格式可以使文件在不具备编译环境的情况下,选择合适自己的python环境进行安装。确定下载文件所在的路径,添加到系统变量:(
2021-11-12 19:12:30 3188
原创 STM32的中断控制与DMA
目录酱一、中断简介二、HAL库中断点亮LED灯三、中断实现串口通信四、总结参考文献一、中断简介中断是数据传输方式的一种中断共有三个过程中断的作用速度匹配:可以解决快速的CPU与慢速的外部设备之间传送数据的矛盾。分时操作:CPU可以分时为多个外部设备服务,提高计算机的利用率。实时响应:CPU能够及时处理应用系统的随机事件,增强系统的实时性。可靠性高:CPU可以处理设备故障及掉电等突发事件,提高系统可靠性。中断优先级当同时存在多个中断时,处理器根据不同中断的重要程度设置不同的优
2021-11-08 22:15:25 3351
原创 利用Wireshark进行抓包
目录酱一、用Wireshark查看三次握手二、小结参考链接一、用Wireshark查看三次握手选择自己的接口,由于现在我是通过wlan上网,所以我选择的是wlan接口http发送get请求是在tcp进行三次握手之后,所以在过滤器(红框内)输入http来筛选信息,任意选取其中一条来观察三次握手的过程对着刚刚选取的那一行记录,鼠标右键,点击追踪流里的tcp流,这条封包上面就会出现三条tcp(可能会更多,不排除重传的情况,不过重传的颜色时和正常的颜色是不一样的)单击第一条指令,可以看到详细信息
2021-11-06 22:59:15 7113
原创 机器学习——线性判别准则(LDA)和线性分类算法(SVM)
目录酱一、LDA与SVM简介二、LDA实现代码三、SVM数据集进行可视化分类1. 线性核2. 多项式核3. 高斯核四、总结参考链接一、LDA与SVM简介线性判别分析(Linear Discriminant Analysis,简称LDA)是一种经典的有监督数据降维方法。LDA的主要思想是将一个高维空间中的数据投影到一个较低维的空间中,且投影后要保证各个类别的类内方差小而类间均值差别大,这意味着同一类的高维数据投影到低维空间后相同类别的聚在一起,而不同类别之间相距较远。在机器学习中,支持向量机(SVM)
2021-11-05 21:25:14 2315
原创 机器学习——多元线性回归算法预测房价
这是目录一、Excel构造多元线性回归二、Sklearn库重做多元线性回归三、总结参考文献一、Excel构造多元线性回归多元线性回归简介在回归分析中,如果有两个或两个以上的自变量,就称为多元回归。事实上,一种现象常常是与多个因素相联系的,由多个自变量的最优组合共同来预测或估计因变量,比只用一个自变量进行预测或估计更有效,更符合实际。因此多元线性回归比一元线性回归的实用意义更大。“garbage in garbage out”(简称GIGO),是计算机术语常用的俚语,意思是如果你输入错误的数据,那么
2021-11-01 19:40:10 1287
原创 机器学习——决策树算法
文章目录一、决策树介绍二、利用信息增益选择最优划分属性三、ID3代码实现一、决策树介绍决策树是一种基于树结构来进行决策的分类算法,我们希望从给定的训练数据集学得一个模型(即决策树),用该模型对新样本分类。决策树可以非常直观展现分类的过程和结果,一旦模型构建成功,对新样本的分类效率也相当高。最经典的决策树算法有ID3、C4.5、CART,其中ID3算法是最早被提出的,它可以处理离散属性样本的分类,C4.5和CART算法则可以处理更加复杂的分类问题。使用算法ID3, C4.5和C5.0生成树算法使
2021-10-31 20:11:10 4581
原创 使用STM32CubeMX实现led流水灯与串口通信
这货不是目录一、STM32CubeMX生成代码一、STM32CubeMX生成代码下载安装STM32CubeMX,打开后界面如下,点击help,下载依赖包选择自己的板子所对应的包,版本不同问题也不大,下载后前面的复选框会变绿创建新项目在part name那输入自己的芯片,这里以STMC8T6举例,然后会出现一列信息,点击之后再点击start project就行了点击System Core,进入里面的SYS,在debug那里选择Serial Wire进入上面的rcc,
2021-10-29 15:50:35 771
原创 Java数据库操作——从JDBC到Mybatis
文章目录一、JDBC访问数据库二、mybatis连接数据库1. mybatis特性:2. MyBatis工作原理3. Spring 集成Mybatis(IDEA)三、总结一、JDBC访问数据库Java连接数据库之前已经说过,通过JDBC查询数据库数据,一般需要以下七个步骤:(1) 加载JDBC驱动(2) 建立并获取数据库连接(3) 创建 JDBC Statements 对象(4) 设置SQL语句的传入参数(5) 执行SQL语句并获得查询结果(6) 对查询结果进行转换处理并将处理结果返
2021-10-22 20:01:43 445
原创 STM32F103寄存器方式点亮LED流水灯
文章目录一、地址映射和寄存器映射原理1.地址映射2.寄存器映射二、GPIO端口的初始化三、实现LED灯参考文献一、地址映射和寄存器映射原理首先要清楚的一点,所有操作,最终目的都是操作寄存器1.地址映射存储器本身不具有地址信息,它的地址是由芯片厂商或用户分配,给物理存储器分配逻辑地址的过程就称为存储器映射(地址映射),通过这些逻辑地址就可以访问到相应的存储器的物理存储单元。如果给存储器再分配一个地址就叫存储器重映射。2.寄存器映射由于Cortex-M3 内核是32 位的,所以存储器内部是以四个字
2021-10-21 09:25:13 305
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人