1.了解GitGit是目前最流行的版本控制系统
快照:
Git的快照记录类似于备份,是在原有文件版本上重新生成一份新的文件。如果文件没有修改,Git不再重新存储该文件,而是保留一个链接指向之前存储的文件。
本地执行:
Git中的三个区域
1.工作区
2.暂存区
3.Git仓库
Git中的三种状态
1.已修改(modified)
2.已暂存(staged)
3.已提交(committed)
Git基本工作流程
1.在工作区中修改文件
2.将你想要下次提交的更改进行暂存
3.提交更新,找到暂存区的文件,将快照永久性存储到Git仓库
2.Git的基本操作1.获取Git仓库的两种方式
2.在现有目录中初始化Git仓库对于一个尚未进行版本控制的项目,想用Git控制他,步骤如下
(1)项目根目录中鼠标右键打开”GitBash“
(2)执行
1git init
命令将当前目录转为Git仓库
git init 命令会创建一个名字为.git的隐藏目录,这个.git目录就当前项目的Git仓库。不可删除
3.检查文件状态命令:
1234git status# 以简短的方式显示文件状态git sta ...
问题(一)在查询时参数没有带入1234567891011121314151617181920212223242526272829*<el-form-item label="项目赛道" prop="proTrack">* *<el-select* *v-model="queryParams.proTrack"* *placeholder="请选择项目赛道"* *clearable* *@keyup.enter.native="handleQuery"* *\>* *<el-option v-for="item in proTrackList"* *:key="item.key"* *:label="item.proTrack"* *:value="item.proTrack"* *\&g ...
ES6模块化在学习Node.js时,我已经知道了Node.js遵循的是CommonJS的模块化规范。
下面来学习ES6模块化。
ES6模块化规范浏览器端与服务器端通用的模块化开发规范。它的出现极大地降低了前端开发者的模块化学习成本,开发者不需要再额外学习AMD、CMD或CommonJS等模块化规范
ES6模块化规范中定义
每个JS文件都是一个独立的模块
导入其他模块成员使用import关键字
向外共享模块成员使用export关键字
在Node.js中使用ES6模块化
确保node保本高于14。
在package.json根节点添加"type":"module"
ES6模块化基本语法默认导出与默认导入基础语法
export default 默认导出的成员
1234567891011121314let n1 = 10let n2 = 20function show(){}//默认导出向外共享export default { n1, show}
默认导入语法:import 接收名称 from ‘ ...
初识SpringSpring家族是指围绕Spring框架发展起来的一系列相关技术和工具,它们共同构成了一个强大的企业级应用开发生态系统。下面是一些主要的Spring家族成员及其功能简介:
1. Spring Framework
核心模块:提供了依赖注入(DI)、面向切面编程(AOP)、事务管理等核心功能。
Web MVC:提供了Web应用开发的支持,是一个高度可配置的MVC框架。
Data Access:集成了多种持久层技术,如JDBC、Hibernate、MyBatis等。
Security:提供了一整套安全机制,包括认证、授权、防止常见的攻击等。
Integration:用于企业集成模式,支持消息传递和事件驱动架构。
2. Spring Boot
快速开发:简化了Spring应用的初始搭建和开发过程,使用合理的默认配置。
自动配置:根据添加的jar依赖自动配置Spring应用。
嵌入式服务器:内置了Tomcat、Jetty或Undertow服务器,不需要外部安装。
生产就绪功能:如健康检查、指标收集、外部化配置等,帮助管理和监控应用。
3. Spring Cloud
微服务架构 ...
前端开发
未读1.移动端基础1.移动端调试方法
通过谷歌浏览器来模拟手机调试
搭建本地Web服务器。手机和服务器一个局域网内,通过手机访问浏览器
使用外网服务器,直接IP或域名访问
2.视口视口(Viewport)是移动设备上一个非常重要的概念,特别是在响应式设计和移动端开发中。视口是指用户通过浏览器查看网页时所看到的那一部分屏幕区域。理解视口对于确保网页在不同尺寸和分辨率的设备上正确显示至关重要。下面是关于视口的一些关键点:
视口的基本概念
视口的定义:
视口是指移动设备上浏览器显示网页内容的可视区域。
它并不是实际的物理屏幕大小,而是浏览器用来渲染网页内容的虚拟窗口。
视口的重要性:
不同设备有不同的屏幕尺寸和分辨率,视口帮助浏览器确定如何缩放内容以适应设备屏幕。
通过设置视口元标签,开发者可以控制页面在不同设备上的显示效果。
视口的类型:
视觉视口(Visual Viewport):用户实际看到的内容区域。
理想视口(Ideal Viewport):浏览器根据设备的物理尺寸和像素密度计算出的最佳视口尺寸。
布局视口(Layout Viewport):浏览器用来布局页面内容的参考 ...
1.身份认证的概念
身份认证又被称为鉴权,身份验证,是通过一定的手段,完成对用户身份的确认。
2.身份认证方案对于服务端渲染和前后端分离这两种开发模式来说,分别有着不同的身份认证方案。
服务端渲染推荐使用 Session认证机制
前后端分离推荐使用 JWT认证机制
3.Session认证机制1.了解HTTP协议的无状态性
http协议的无状态性指的是客户端每次的HTTP请求都是独立的,连续多个请求之间没有直接的关系,服务器不会主动保留每次HTTP请求的状态
简单来说就是,服务器并不会记录你的状态,比如你登录过一次,那么下次再起发起请求时还需要再次登录。
在我们Web开发中,利用Cookie突破Http无状态协议
2.什么是CookieCookie是存储在用户浏览器中一段不超过4KB的字符串。它由一个名称(name)、一个值(value)和其他几个用于控制Cookie有效期、安全性、使用范围的可选属性组成。
不同域名下的Cookie各自独立,每当客户端发起请求时,会自动把当前域名下所有未过期的Cookie一同发送到服务器。
Cookie的特性:1.自动发送 2.域名独立 3.过期 ...
Node与终端Node.js就是一款应用程序,是一款软件,可以运行JavaScrpt
在终端用node命令去运行文件,比如有一个名为1.js的文件
那么打开终端
1node 1.js
Buffer(缓冲器)概念Buffer 是一个类似于数组的 对象 ,用于表示固定长度的字节序列
Buffer 本质是一段内存空间,专门用来处理 二进制数据 。
特点
Buffer 大小固定且无法调整
Buffer 性能较好,可以直接对计算机内存进行操作
每个元素的大小为 1 字节(byte)
使用创建 BufferNode.js 中创建 Buffer 的方式主要如下几种:
Buffer.alloc
12// 创建了一个长度为 10 字节的 Buffer,相当于申请了 10 字节的内存空间,每个字节的值为 0let buf_1 = Buffer.alloc(10) //=>结果为<Buffer 00 00 00 00 00 00 00 00 00 00>
Buffer.allocUnsafe
12// 创建了一个长度为 10 字节的 Buffer,buffer 中可能存在旧数 ...
可视化面板介绍应对现在数据可视化的趋势,越来越多企业需要在很多场景(营销数据,生产数据,用户数据)下使用,可视化图表来展示体现数据,让数据更加直观,数据特点更加突出。
01-使用技术完成该项目需要具备以下知识:
div + css 布局
flex 布局
Less
原生js + jquery 使用
rem适配
echarts基础
02- 案例适配方案
设计稿是1920px
flexible.js 把屏幕分为 24 等份
cssrem 插件的基准值是 80px
插件-配置按钮—配置扩展设置–Root Font Size 里面 设置。
但是别忘记重启vscode软件保证生效
03-基础设置
body 设置背景图 ,缩放为 100% , 行高1.15
css初始化
04-header 布局
高度为100px
背景图,在容器内显示
缩放比例为 100%
h1 标题部分 白色 38像素 居中显示 行高为 80像素
时间模块 showTime 定位右侧 right 为 30px 行高为 75px 文字颜色为:rgba(255, 255, 255, ...
Web桌面应用开发
未读什么是Electron
一款应用广泛的跨平台的桌面应用开发框架。
Electron的本质是结合了Chromium与node.js
使用HTML、CSS、JS等Web技术构建桌面应用程序
Electron的流程模型
第一章绪论数据相关概念数据:所有能输入到计算机中并能被程序识别和处理的符号集合
数据分类:
数值数据:整数、实数等。
非数值数据:图形、图像、声音、文字等
数据对象:是性质相同的数据元素的集合,是数据的一个子集。比如字符集合C={‘A’,’B’,’C’}
数据元素:数据的基本单位,在程序中作为一个整体进行考虑和处理。
数据项:构成数据元素的最小单位。又被称为属性。
!!!一个数据元素由若干个数据项组成,数据项是数据不可分割的最小单位。
数据结构即数据的组织形式,它是数据元素之间存在的一种或多种特定关系的数据元素集合
数据结构的三要素:
数据元素间的逻辑关系 —->数据的逻辑结构
数据元素及其关系在计算机存储器中存储的方式 —–>数据的存储结构(或物理结构)
施加在该数据上的操作 ——->数据运算。
数据结构三要素逻辑结构数据元素之间的关系可以是元素间代表某种含义的自然关系,也可以是为处理问题方便而人为定义的关系,这种人为定义的关系称为数据元素间的逻辑关系,相应的结构称为逻辑结构/概念结构。
数据结构从逻辑上分为四类:
集合、线性结构、树结 ...
