Vue
准备阶段创建Vue3工程基于vue-cli官方文档:Home | Vue CLI (vuejs.org)
12Vue CLI 现已处于维护模式!现在官方推荐使用 create-vue 来创建基于 Vite 的新项目。另外请参考 Vue 3 工具链指南 以了解最新的工具推荐。
基于vite(推荐)vite是新一代前端构建工具,官网地址:https://vitejs.cn
vite的优势如下:
轻量快速的热重载(HMR),能实现极速的服务启动
对TypeScript、JSX、CSS等支持开箱即用
真正的按需编译,不再等待整个应用编译完成
具体操作如下:
12345678910111213141516171819202122232425262728293031npm create vue@latestNeed to install the following packages:create-vue@3.11.0Ok to proceed? (y) y> npx> create-vueVue.js - The Progressive JavaScript Framewor ...
TypeScript
TypeScript简介
TypeScript由微软开发,是基于JavaScript的一个扩展语言
TypeScript包含了JavaScript的所有内容
TypeScript增加了静态类型检查、接口、泛型等很多现代开发特性,更适合大型项目的开发
TypeScript需要编译为JavaScript,然后交给浏览器或其他JavaScript运行环境执行
JavaScript中的典型问题
容易混淆的数据类型
逻辑漏洞
访问不存在的属性
低级的拼写错误
静态类型检查:
在代码运行前进行检查,发现代码的错误或不合理之处,减少运行时异常的出现的机率,此种检查叫做静态类型检查,TypeScript的核心就是这个。简而言之就是把运行时的错误前置
同样的功能,TypeScript的代码量要大于JavaScript,但由于TypeScript的代码结构更加清晰,在后期代码的维护中TypeScript远胜于JavaScript
编译TS命令行编译(不推荐)要把.ts文件编译成.js文件,需要配置TypeScript的编译环境,步骤如下:
第一步:
创建一个demo.ts
12345const p ...
MySQL
资料来源:https://heuqqdmbyk.feishu.cn/wiki/space/7413668442156498972?ccm_open_type=lark_wiki_spaceLink&open_tab_from=wiki_home
数据库数据库:DataBase(DB),是存储和管理数据的仓库
数据库管理系统:DataBase Management System(DBMS),操纵和管理数据库的大型软件
SQL:Structured Query Language,操作关系型数据库的编程语言,定义了一套操作关系型数据库统一标准
MySQL教程来自:05-Web后端基础(数据库) - 飞书云文档
将数据库软件压缩包解压
将软件文件夹中的bin文件添加到环境变量中
以管理员身份打开CMD,并依次输入以下命令:
12345mysqld --initialize-insecuremysqld -installnet start mysqlmysqladmin -u root password 1234mysql -uroot -p1234
登录参数: ...
Maven
运行DEMO可以在百度网盘中获取:通过网盘分享的文件:https://pan.baidu.com/s/1Ut9-STQL_8ColkAa4-kMkQ?pwd=edar
MavenApache Maven是一个项目管理和构建工具,它基于项目对象模型(POM)的概念,通过一小段描述信息来管理项目的构建
官网:http://maven.apache.org
作用
方便快捷的管理项目依赖的资源(jar包),避免版本冲突问题
提供标准、统一的项目结构
标准跨平台(Linux、Windows、MacOS)的自动化项目构建方式
仓库用于存储资源,管理各种jar包
本地仓库:存放在自己计算机上的目录
中央仓库:由Maven团队维护的全球唯一的仓库。仓库地址:https://repo1.maven.org/maven2/
远程仓库(私服):一般由公司团队搭建的私有仓库
安装安装步骤:
解压apache-maven-x.x.x-bin.zip
配置本地仓库:修改conf/setting.xml中的<localRepository>为一个指定目录
1<localRepo ...
JavaWeb
运行DEMO可以在百度网盘中获取:通过网盘分享的文件:https://pan.baidu.com/s/1Ut9-STQL_8ColkAa4-kMkQ?pwd=edar
资料来源:https://heuqqdmbyk.feishu.cn/wiki/space/7413668442156498972?ccm_open_type=lark_wiki_spaceLink&open_tab_from=wiki_home
Spring官网:https://spring.io
SpringBootWeb快速入门需求:使用 SpringBoot 开发一个web应用,浏览器发起请求/hello后,给浏览器返回字符串”Hello World”
创建SprintBoot工程,并勾选web开发相关依赖
定义HelloController类,添加方法hello,并添加注解
12345678910111213141516package app.netlify.norlcyan.controller;import org.springframework.web.bind.annota ...
Java多线程——拓展内容
内容来自B站黑马程序员1 线程状态1.1 状态介绍当线程被创建并启动以后,它既不是一启动就进入了执行状态,也不是一直处于执行状态。线程对象在不同的时期有不同的状态。那么Java中的线程存在哪几种状态呢?Java中的线程
状态被定义在了java.lang.Thread.State枚举类中,State枚举类的源码如下:
123456789101112131415161718192021222324252627282930public class Thread { public enum State { /* 新建 */ NEW , /* 可运行状态 */ RUNNABLE , /* 阻塞状态 */ BLOCKED , /* 无限等待状态 */ WAITING , /* 计时等待 */ TIMED_WAITING , /* 终止 */ TERMINATED; ...
Java
** IDEA快捷键 **ALT + Ins 快速创建Javabean
CTRL + P 查看方法的具体参数
ALT + ENTER 选择 Extract Method 快速生成方法
CTRL + ALT + L 格式化代码
CTRL + B 查看方法详细
CTRL + ALT + V 生成生成接收返回值的变量名
CTRL + ALT + T 将选中的代码以某种方式包裹起来(如try...catch)
Java基础语法注释注释内容不会参与编译和运行,仅仅是对代码的解释说明
注释概念
注释是在程序指定位置添加的说明性信息
简单理解为:对代码的一种解释,方便阅读
注释分类单行注释
1// 注释信息
多行注释
1/* 注释信息 */
文档注释
1/** 注释信息 **/
关键字关键字:被java赋予了特定涵义的英文单词
关键字特点
关键字字母全部小写
常用的代码编辑器,针对关键字有特殊的颜色标记,非常直观
class:用于创建/定义一个类,后面跟随类目。类是Java最基本的组成单元
⭐字面量⭐数据在程序中的书写格式
字面量类型
字面量类型
说明
举例
...
IDEA导入Jar包详细流程
以Logback为例,获取三个Jar包
在IDEA中创建一个新项目,项目结构如下
在项目的根目录下创建一个文件夹,名称为lib,并将Jar放入其中
选择新放入的Jar包,右键选择Add as Library...
确认是否导包成功,右键项目,选择Open Modules Settings,再选择Libraries
如果出现了想要导入的Jar包的名称,则说明导入成功
病虫害识别以及分类的实现
病虫害识别以及分类的实现模型生成数据集数据集地址:IP102-Dataset (kaggle.com)
数据集说明:
IP102 是一个用于害虫识别的大规模基准数据集。以下是它的一些主要特点:
图像数量:包含超过 75,000 张图像
类别:涵盖 102 个不同的昆虫害虫类别
数据分布:呈现自然的长尾分布,模拟了现实世界中的不平衡样本情况
目标检测:为约 19,000 张图像标注了边界框,用于目标检测任务
这个数据集的独特之处在于它的层次分类系统和数据分布不平衡的特点,使其在害虫识别和农业应用中具有重要意义。
训练模型具体训练过程:Pytorch_VIT Insect Classifier (kaggle.com)
可以使用kaggle里的notebook,也可以使用colab在云端运行
点击Edit My Copy,可以直接进入notebook,但是由于要下载timm库,要在notebook中开启网络功能,需要手机验证。
我搞了半天验证,一直出问题。。。后面选择使用colab。
Colab先在notebook的导航栏中找到file选项,里面有一个open in colab选项,可 ...
ESP32S3-EYE的WIFI图传方法
ESP32捕获实时视频环境:ESP-IDF v5.1.4,Python v3.12.4
在乐鑫官网查找相关示例,ESP-IoT-Solution符合需求,从github拉取相关代码。
1git clone --recursive https://github.com/espressif/esp-iot-solution
第一步——配置进入esp-iot-solution/examples/camera/video_stream_server,输入以下命令:
12idf.py set-target esp32s3idf.py menuconfig
进入菜单后,进入Camera Pin Configuration选项,选择对应的开发板(这个没配置似乎会出问题)
如果想要改变ESP32的WIFI设置,进入Example Connection Configuration选项。里面包含如:设置AP模式下WIFI的SSID、IP地址、密码,或者设置STA模式(就是要连入的WIFI的SSID和密码)
默认情况下,ESP32为AP模式,且没有密码,最大连入数量为1,默认IP地址为:192.16 ...