为表格添加标题。
th对比td会让第一行字体变大
用户信息表
姓名 |
年龄 |
城市 |
张三 |
25 |
北京 |
李四 |
30 |
上海 |
数据统计 |
colspan:合并列
rowspan:合并行
表格常用样式设计:
table {
width: 100%;
border-collapse: collapse; /* 合并边框 */
}
th, td {
border: 1px solid #ddd;
padding: 8px;
text-align: center;
}
th {
background-color: #f2f2f2; /* 表头背景色 */
}
tr:hover {
background-color: #f5f5f5; /* 鼠标悬停效果 */
}
2.vidio和audio标签的使用
3.form控件(凡是标单控件,都需要用form包裹)和input控件
:输入框
用于接收用户输入。
通过 type 属性定义输入框的类型。
常用 type 值:
类型 描述
text 单行文本输入框(默认)。
password 密码输入框(输入内容隐藏)。
email 电子邮件输入框(验证格式)。
number 数字输入框(仅允许输入数字)。
date 日期选择器。
checkbox 复选框(多选)。
radio 单选按钮(单选)。
file 文件上传。
submit 提交按钮(提交表单)。
reset 重置按钮(重置表单内容)。
button 普通按钮(无默认行为)。
hidden 隐藏字段(用户不可见)。
单选框和多选框的设计
男
女
唱
跳
rap
placeholder属性:设置输入框的占位文本,当输入框没有输入内容时,会显示该文本
type属性:设置输入框的类型,常用的有text、password、submit、reset、button、radio、checkbox、file、date、time、color等
name属性:设置输入框的名称,该名称会被提交到服务器,用于标识输入框的内容,给服务器看的
value:控件值
设置控件的默认值。
checked:默认选中
用于 checkbox 和 radio,设置默认选中状态。
默认选中
男
autofocus:自动聚焦
页面加载时自动聚焦到该控件。
pattern:正则验证
使用正则表达式验证输入内容。
4.
控件
用于描述表单控件的用途,提升可访问性。
使用方法:
5.
控件
用于接收多行文本输入。
常用属性:
属性 描述
rows 设置可见行数。
cols 设置可见列数。
placeholder 占位符文本。
maxlength 最大字符数。
6.
控件
用于创建下拉菜单。
常用属性:
属性 描述
multiple 允许多选。
size 设置可见选项数。
三、常用CSS样式
css样式设计具体引入方式
/*行属性标签只能嵌套行属性标签,要想嵌套块属性标签,需要将行属性标签转为块属性标签,块属性标签都可以嵌套*/
/*display实现了行属性标签和块属性标签之间的互相转换*/
/*当转为行属性标签后,宽高就不由width和height决定了,仅由里面内容决定宽高*/
/*display: inline; 转为行属性标签*/
/*display: block; 转为块属性标签*/
1.关于border边框的设计
1.border: 3px solid wheat;
border: [宽度] [样式] [颜色];
1) border-width:边框宽度
设置边框的宽度。
值可以是 px、em、rem 等单位
2) border-style:边框样式
设置边框的样式。
常用值:
none:无边框(默认)。
solid:实线。
dashed:虚线。
dotted:点线。
double:双线。
groove:3D 凹槽。
ridge:3D 凸槽。
inset:3D 内嵌。
outset:3D 外嵌。
2.border-radius 设置边框的圆角。
语法:
css
border-radius: [值];
示例:
css
div {
border-radius: 10px; /* 所有角 */
}
div {
border-radius: 10px 20px 30px 40px; /* 左上 右上 右下 左下 */
}
3.box-shadow 为边框添加阴影。
语法:
css
box-shadow: [水平偏移] [垂直偏移] [模糊半径] [阴影颜色];
示例:
css
div {
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}
2.关于text文本内容的管理
1.text-align:center
注意细节:
1)对块级元素的应用
当 text-align: center 应用于 块级元素 时,它会将其内部的 行内内容(如文本、行内元素、行内块元素)水平居中。
2)对行内元素的应用
当 text-align: center 应用于 行内元素 时,不会生效,因为 text-align 属性只对块级元素有效。
示例:
这是一个行内元素。
效果:
文本不会居中,因为 是行内元素,text-align 对其无效。
2.
font-family:字体
设置文本的字体。
可以指定多个字体,作为备选方案。
3.
font-size:字体大小
设置文本的大小。
单位可以是 px、em、rem、% 等。
4.
color:文本颜色
设置文本的颜色。
值可以是颜色名称、十六进制、RGB、RGBA 等。
5.
letter-spacing:字符间距
设置字符之间的间距。
6.
text-shadow:文本阴影
设置文本的阴影效果。
语法:text-shadow: [水平偏移] [垂直偏移] [模糊半径] [颜色];
.p {
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
7. line-height属性的使用
line-height: [值];
常用值:
值类型 描述
normal 默认值,由浏览器根据字体大小和字体族决定。
数字 无单位数字,表示相对于当前字体大小的倍数(推荐使用)。
长度值 固定值,如 px、em、rem 等。
百分比 相对于当前字体大小的百分比(如 150%)。
p {
font-size: 16px;
line-height: 24px; /* 行高固定为 24px */
}
通过设置 line-height 与容器高度相同,可以实现单行文本的垂直居中。
示例:
div {
height: 50px;
line-height: 50px; /* 行高与容器高度相同 */
}
3.关于盒模型的分类以及position属性:
首先,盒模型用于微调组件的间距和位置
CSS 中有两种盒模型模式:
div {
box-sizing: content-box; /* 标准盒模型(默认) */
box-sizing: border-box; /* IE 盒模型 */
}
1.标准盒模型(content-box):
width 和 height 只包括内容区域。
内边距和边框会增加元素的总宽度和高度。
默认模式。
2.IE 盒模型(border-box):
width 和 height 包括内容区域、内边距和边框。
内边距和边框不会增加元素的总宽度和高度。
margin和padding都属于盒模型的使用范围,调整元素之间的间距,实现对齐和居中布局
关于position属性
position
是 CSS 中的一个重要属性,用于控制元素在文档中的定位方式。它决定了元素在页面上的布局行为,并与其他属性(如 top
, right
, bottom
, left
, z-index
等)一起使用,来精确控制元素的位置。
1.static (默认值)
元素按照正常的文档流进行布局。
top, right, bottom, left, z-index 属性无效。
元素的位置由其在 HTML 中的顺序决定。
div {
position: static;
}
relative (相对定位)
元素按照正常的文档流进行布局,但可以通过 top, right, bottom, left 属性相对于其正常位置进行偏移。
其他元素不会受到影响,仍然按照元素未偏移时的位置进行布局,相对定位是相对自己当前位置为偏移对象
常用于微调元素的位置。
div {
position: relative;
top: 10px;
left: 20px;
}
bsolute** (绝对定位)
元素脱离正常的文档流,相对于最近的已定位(position 不是 static)的祖先元素进行定位。
如果没有已定位的祖先元素,则相对于初始包含块(通常是视口)进行定位。
可以使用 top, right, bottom, left 属性来精确控制元素的位置。
常用于创建弹出层、模态框等。
div {
position: absolute;
top: 50px;
left: 100px;
}
fixed** (固定定位)
元素脱离正常的文档流,相对于浏览器窗口进行定位。
即使页面滚动,元素的位置也不会改变。
常用于创建固定在页面顶部或底部的导航栏、广告等。
div {
position: fixed;
top: 0;
left: 0;
}
盒模型和position属性搭配使用
盒模型 用于控制元素的尺寸、内边距、边框和外边距。
position 用于控制元素的定位方式。
它们并不冲突,而是相辅相成。在实际布局中,通常会同时使用它们来实现复杂的效果。
理解它们的区别和协作方式,可以帮助你更高效地实现页面布局。
4.background属性的使用
background 是 CSS 中用于设置元素背景的简写属性。
它可以同时设置多个背景相关的属性,包括背景颜色、背景图片、
背景位置、背景尺寸、背景重复方式等。
以下是 background 属性的详细说明和所有使用方式:
background 属性可以包含以下子属性(按任意顺序排列):
background: [background-color] [background-image] [background-repeat] [background-position] [background-size] [background-attachment] [background-origin] [background-clip];
属性名称 描述
background-color 设置背景颜色。
background-image 设置背景图片(可以是 URL、渐变或 none)。
background-repeat 设置背景图片的重复方式(如 repeat、no-repeat、repeat-x 等)。
background-position 设置背景图片的位置(如 center、top left、50% 50% 等)。
background-size 设置背景图片的尺寸(如 cover、contain、100px 200px 等)。
background-attachment 设置背景图片的滚动方式(如 scroll、fixed、local)。
background-origin 设置背景图片的定位区域(如 padding-box、border-box、content-box)。
background-clip 设置背景颜色的裁剪区域(如 padding-box、border-box、content-box)。
background-repeat
设置背景图片的重复方式。
默认值:repeat。
可选值:
repeat:重复图片(默认)。
no-repeat:不重复。
repeat-x:水平重复。
repeat-y:垂直重复。
space:均匀分布图片。
round:缩放图片以适应空间。
background-position
设置背景图片的位置。
默认值:0% 0%(左上角)。
示例:
css
background-position: center; /* 居中 */
background-position: top left; /* 左上角 */
background-position: 50% 50%; /* 居中 */
background-position: 20px 30px; /* 偏移 20px 左,30px 上 */
设置背景图片
.box {
background: url('image.jpg');
}
设置背景图片的重复方式和位置
.box {
background: url('image.jpg') no-repeat center;
}
5.实现样式转变
鼠标悬停(:hover)
鼠标悬停是最常见的触发过渡效果的方式。当用户将鼠标移动到元素上时,元素的状态会发生变化,transition 可以让这种变化更加平滑。
.button {
background-color: #007bff;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
transition: background-color 0.3s ease, transform 0.3s ease;
}
.button:hover {
background-color: #0056b3;
transform: scale(1.1);
}
对于transform
缩放(Scale)
**scaleX(x)**:沿 X 轴缩放元素。
**scaleY(y)**:沿 Y 轴缩放元素。
**scale(x, y)**:同时沿 X 轴和 Y 轴缩放元素。
.box {
transform: scale(1.5); /* 放大 1.5 倍 */
}
焦点获取(:focus)
焦点获取通常用于表单输入框或其他可聚焦元素。当用户点击或通过键盘导航到元素时,元素会获得焦点,
示例:输入框焦点效果
.input {
width: 200px;
padding: 10px;
border: 2px solid #ccc;
border-radius: 5px;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.input:focus {
border-color: #007bff;
box-shadow: 0 0 8px rgba(0, 123, 255, 0.5);
}
6.display和opacity
display和opacity搭配着前面的hover属性可以实现鼠标悬停,展示和消失
display 属性用于控制元素的 显示方式 和 布局行为。它决定了元素在文档流中的表现方式。
值 描述
block 元素显示为块级元素,占据一整行,可以设置宽高。
inline 元素显示为内联元素,只占据内容的空间,不能设置宽高。
inline-block 元素显示为内联块级元素,可以设置宽高,但不会占据一整行。
none 元素完全隐藏,不占据空间,也不会影响布局。
flex 元素显示为弹性容器,子元素可以通过弹性布局进行排列。
grid 元素显示为网格容器,子元素可以通过网格布局进行排列。
opacity 属性用于控制元素的 透明度。它决定了元素及其内容的可见程度。
取值范围:0(完全透明)到 1(完全不透明)。
默认值:1。
display 和 opacity 的区别
特性 display: none; opacity: 0;
是否占据空间 不占据空间 占据空间
是否可交互 不可交互 可交互
是否影响布局 影响布局(元素从文档流中移除) 不影响布局(元素仍在文档流中)
是否支持过渡动画 不支持 支持
学习的第四天
阶段性总结:大致利用上述知识可以做出一个不太美观的页面,实现了一些基本的功能

后续持续学习,不断美化页面
你可能感兴趣的:(学习,笔记)
- DRM 显示控制与硬件参数配置链路总结(以 i.MX8MP 为例)
DRM显示控制与硬件参数配置链路总结(以i.MX8MP为例)支持作者新书,深入学习嵌入式开发知识:京东购买链接一、核心理解显示参数(如分辨率、时序、色深)最终来源于用户空间,由DRM驱动完成传递与配置,并由LCD控制器驱动实际硬件输出。设备树中通常不写死这些参数。二、显示硬件参数:定义与归属参数项通常设置位置说明分辨率用户空间(如Weston)通过DRMAPI设置,例如1920x1080@60Hz
- 大语言模型(LLM)课程学习(Curriculum Learning)、数据课程(data curriculum)指南:从原理到实践
在人工智能的浪潮之巅,我们总会惊叹于GPT-4、Llama3.1、Qwen2.5这些顶尖大语言模型(LLM)所展现出的惊人能力。它们似乎无所不知,能写诗、能编程、能进行复杂的逻辑推理。一个自然而然的问题是:它们是如何“学”会这一切的?大多数人会回答:“用海量数据喂出来的。”这个答案只说对了一半。如果你认为只要把互联网上能找到的所有数据(比如15万亿个token)随机打乱,然后“一锅烩”地喂给模型,
- Halcon学习之select_shape()算子参数介绍
一、算子介绍select_shape()是HALCON中用于基于形状特征筛选区域的关键算子,广泛应用于图像分割、目标检测和工业质检等领域。它允许用户根据指定的几何特征从输入区域集合中选择符合条件的区域。至于为什么单独介绍这个算子呢,因为他筛选特征的方式有太多种了,如果可以熟练的掌握这些特征,那在后面的例程学习以及实际应用中,可谓是得心应手了。二、算子参数select_shape(Regions:S
- Halcon例程学习四:pcb_inspection.hdev
CVer_
Halcon例程学习学习
一、例程介绍这个例程主要是检测pcb电路板中的一些电路线缺陷二、例程相关算子gray_opening_shape()//特定形状结构元的灰度开运算gray_closing_shape()//特定形状结构元的灰度闭运算dyn_threshold()//动态二值化操作三、例程处理流程1.对原图像进行灰度开运算,图像先腐蚀再膨胀。经过灰度开运算后,图像整体会变暗一些,并且会将黑色区域中的白色缺陷进行填充
- PPT处理控件Aspose功能演示:使用C#从PowerPoint文件中提取文本
Lee-Shyllen
Aspose文档开发文档管理asposePPT文档开发文档处理
有时需要从PowerPoint幻灯片中提取文本以执行文本分析。另一方面,可能需要提取文本并将其保存在文件或数据库中以进行进一步处理。因此,本文介绍了如何使用C#从PowerPoint演示文稿中提取文本。特别是,将学习如何从特定的幻灯片或整个演示文稿中提取文本。从PowerPoint幻灯片中提取文本从PowerPoint演示文稿中提取文本为了处理PowerPoint演示文稿,Aspose提供Aspo
- 人工智能学习资源
Hemy08
人工智能学习
无机器学习基础:https://www.coursera.org/learn/machine-learning有机器学习基础:MachineYearning深度学习入门:https://www.coursera.org/learn/neural-networks-deep-learning
- opencv初步学习——图像处理2
这一部分主要讲解如何初步地创建一个图像,以及彩色图像我们的一些基本处理方法一、创建一个灰度图像1-1、zeros()函数[NumPy库]要用到这一个函数,首先我们需要调用我们的NumPy库,这一个函数的作用是可以帮助我们生成一个元素值都是0的二维数组,如果我们把这些数据放到一张图片里面去,那么就对应着我们的一个黑色图像。当然我们也可以通过修改数组中的数字大小来改变图像的颜色(但还是灰度图像)(1)
- 【DeepSeek开源周】Day 4:DualPipe & EPLB 学习笔记
蓝海星梦
DeepSeek开源周探秘开源学习笔记人工智能云计算分布式
目录一、DualPipe&EPLB概述二、DualPipe详解1.流水线并行策略(1)F-then-B策略(2)1F1B策略2.朴素流水线并行3.GPipe微批次流水线并行4.PipeStream5.ZBPP6.DualPipe7.DualPipeV8.流水线并行方案对比三、EPLB详解1.专家并行(EP)2.EPLB冗余专家策略3.负载均衡策略(1)分层负载均衡(2)全局负载均衡(3)接口和示例
- 2025最新盘点:9款高效韦恩图工具推荐
Designseek满血版
人工智能图论
在数据分析、逻辑推理以及众多学术研究领域,韦恩图都扮演着极为关键的角色。它以直观的圆形或椭圆形重叠区域,清晰地展现出不同集合之间的关系,无论是集合间的交集、并集还是补集,都能一目了然地呈现出来。无论是学生在学习数学、逻辑学课程时梳理知识点,还是专业人士在进行市场调研、项目规划时分析数据,亦或是科研人员在撰写论文、展示研究成果时阐述理论框架,一款好用的韦恩图绘制工具都显得至关重要。今天,就让我为大家
- 量子计算+AI芯片:光子计算如何重构神经网络硬件生态
前言前些天发现了一个巨牛的人工智能免费学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到网站量子计算+AI芯片:光子计算如何重构神经网络硬件生态——2025年超异构计算架构下的万亿参数模型训练革命产业拐点:英伟达BlackwellUltra发布光互连版GPU,IBM量子处理器突破512比特,光子计算商用成本降至$5/TOPS实测突破:Llama3-405B在光子-量子混合集群训练能耗下
- 【机器学习笔记 Ⅱ】4 神经网络中的推理
推理(Inference)是神经网络在训练完成后利用学到的参数对新数据进行预测的过程。与训练阶段不同,推理阶段不计算梯度也不更新权重,仅执行前向传播。以下是其实现原理和代码示例的完整解析:1.推理的核心步骤加载训练好的模型参数(权重和偏置)。前向传播:输入数据逐层计算,得到输出。后处理:根据任务类型解析输出(如分类取概率最大值,回归直接输出)。2.代码实现(Python+NumPy)(1)定义模型
- 【大厂面试题】千万级大表如何快速删除大量数据
CBeann
【面试题】【架构&案例】【MySQL】java开源springjvmmysql大厂面试题
-作者简介:大厂高级Java开发工程师-称号:CSDN博客专家✨、阿里云博客专家-公众号:云服务小管家。免费的阿里云服务器☁和云环境直接使用-生活:专注于后端技术分享迷茫时可来瞅瞅码农轨迹♂️-服务:提供模拟面试和简历辅导,提供生产项目。内推可私信✉-卷卷群:可以和大家一起学习,一起进步-如果感觉博主的文章还不错的话,请三连支持一下博主哦背景最近在做一个项目,除了验证功能,还需要验证性能,所以前
- 开源语音分离工具大比拼:人声 VS 背景音乐 ⚔️ - 获取干净训练语音 (数据截至 2025年4月17日)!!!
小丁学Java
python人工智能
开源语音分离工具大比拼:人声VS背景音乐⚔️-获取干净训练语音(数据截至2025年4月17日)在音频处理,特别是机器学习训练数据的准备中,获取纯净的人声(去除背景音乐或噪声)是一个常见的痛点。幸运的是,开源社区提供了许多强大的工具来帮助我们完成这项任务!本文将盘点一系列GitHub上的开源语音分离项目,重点关注那些能有效分离“人物语音”和“背景音乐”的工具,并根据GitHub星标⭐(反映社区关注度
- TensorFlow图神经网络(GNN)入门指南
AI天才研究院
AI人工智能与大数据tensorflow神经网络人工智能ai
TensorFlow图神经网络(GNN)入门指南关键词:TensorFlow、图神经网络、GNN、深度学习、图数据、节点嵌入、图卷积网络摘要:本文全面介绍如何使用TensorFlow实现图神经网络(GNN)。我们将从图数据的基本概念开始,深入探讨GNN的核心原理,包括图卷积网络(GCN)、图注意力网络(GAT)等流行架构,并通过TensorFlow代码示例展示如何构建和训练GNN模型。文章还将涵盖
- 鸿蒙(HarmonyOS)性能优化实战-启动分析工具Launch Profiler 学习指南
愿天堂没有996
HarmonyOS鸿蒙开发移动开发harmonyos性能优化HarmonyOSOpenHarmony移动开发
LaunchProfiler概述DevEcoStudio内置Profiler分析调优工具。其中Launch主要用于分析应用或服务的启动耗时,分析启动周期各阶段的耗时情况、核心线程的运行情况等,协助开发者识别启动缓慢的原因。此外,Launch任务窗口还集成了Time、CPU、Frame场景分析任务的功能,方便开发者在分析启动耗时的过程中同步对比同一时段的其他资源占用情况。场景示例如下代码在页面绘制之
- 笔记本屏幕亮度忽明忽暗是怎么回事?
当你正在沉浸在写代码、编辑文档或者观看影片的时候,笔记本屏幕突然变暗,或者瞬间又变得刺眼,这不仅打断了你的专注,还可能对眼睛造成伤害。这种屏幕亮度的忽明忽暗,往往令人不悦,也引发了对电脑硬件或软件出现问题的担忧。那么,为什么会出现这种情况呢?更重要的是,我们该如何解决这一问题呢?在本文中,我将与大家分享笔记本屏幕亮度不稳定的可能原因及相应的解决方法,希望能够帮助你迅速恢复屏幕的正常亮度,让你的工作
- HarmonyOS 生命周期详解:用三张图彻底搞懂 UIAbility、页面与组件的生命周期
作者:像素笔记|发布时间:2025年6月27日摘要本文通过三层结构图、状态流程图、对比表格三大图表,深入解析HarmonyOSArkUI的生命周期机制,涵盖UIAbility、页面、组件各层级的触发顺序与最佳实践。同时提供高级场景管理方案、常见误区分析及实战级生命周期管理工具设计,助你打造高性能、高稳定性的HarmonyOS应用!一、三层生命周期结构图(图1)下图展示了HarmonyOS应用框架的
- 十五天Python系统学习教程第十五天
Day15详细学习计划:Python综合项目实战与学习路径规划学习目标✅综合运用前14天知识完成完整项目开发✅掌握生产级项目架构设计与优化技巧✅制定后续学习计划与技能提升方案✅理解Python工程化开发最佳实践一、实战项目:企业级任务管理系统1.1项目需求核心功能:用户认证(JWT令牌)任务CRUD与状态流转(待办/进行中/已完成)任务分类与优先级管理数据统计可视化(任务完成率/耗时分析)邮件通知
- 【机器学习笔记 Ⅲ】3 异常检测算法
巴伦是只猫
机器学习机器学习笔记算法
异常检测算法(AnomalyDetection)详解异常检测是识别数据中显著偏离正常模式的样本(离群点)的技术,广泛应用于欺诈检测、故障诊断、网络安全等领域。以下是系统化的解析:1.异常类型类型描述示例点异常单个样本明显异常信用卡交易中的天价消费上下文异常在特定上下文中异常(如时间序列)夏季气温突降至零下集体异常一组相关样本联合表现为异常网络流量中突然的DDOS攻击流量2.常用算法(1)基于统计的
- 【机器学习笔记 Ⅲ】4 特征选择
巴伦是只猫
机器学习机器学习笔记人工智能
特征选择(FeatureSelection)系统指南特征选择是机器学习中优化模型性能的关键步骤,通过筛选最相关、信息量最大的特征,提高模型精度、降低过拟合风险并加速训练。以下是完整的特征选择方法论:1.特征选择的核心目标提升模型性能:去除噪声和冗余特征,增强泛化能力。降低计算成本:减少训练和预测时间。增强可解释性:简化模型,便于业务理解。2.特征选择方法分类(1)过滤法(FilterMethods
- 机器学习笔记二-回归
回归是统计学和机器学习中的一种基本方法,用于建模变量之间的关系,特别是用一个或多个自变量(输入变量)来预测一个因变量(输出变量)的值。回归分析广泛应用于预测、趋势分析和关联研究中。根据目标和数据的性质,可以使用不同类型的回归方法。1.回归的基本概念:自变量(IndependentVariable):也称为预测变量、解释变量,是模型中的输入变量,用于预测或解释因变量的变化。因变量(Dependent
- OpenHarmony解读之设备认证:Pake协议详解与实战
陈乔布斯
鸿蒙开发HarmonyOSOpenHarmonyharmonyos分布式鸿蒙开发软总线openHarmony嵌入式硬件
往期推文全新看点(文中附带最新·鸿蒙全栈学习笔记)①鸿蒙应用开发与鸿蒙系统开发哪个更有前景?②嵌入式开发适不适合做鸿蒙南向开发?看完这篇你就了解了~③对于大前端开发来说,转鸿蒙开发究竟是福还是祸?④鸿蒙岗位需求突增!移动端、PC端、IoT到底该怎么选?⑤记录一场鸿蒙开发岗位面试经历~⑥持续更新中……一、概述在设备认证过程中,pake协议用于认证会话密钥协商,基于该会话密钥,双方可以安全地交换各自的
- AI LLM架构与原理 - 预训练模型深度解析
陈乔布斯
AI人工智能大模型人工智能架构机器学习深度学习大模型PythonAI
一、引言在人工智能领域,大型语言模型(LLM)的发展日新月异,预训练模型作为LLM的核心技术,为模型的强大性能奠定了基础。预训练模型通过在大规模无标注数据上进行学习,能够捕捉语言的通用模式和语义信息,从而在各种自然语言处理任务中展现出卓越的能力。本文将深入探讨AILLM架构与原理中预训练模型的方法论和技术,结合图解、代码解析和实际案例,为读者呈现一个全面且易懂的预训练模型图景。二、预训练模型的基本
- Python程序员如何制定学习计划?提高编写代码的能力
在工作和生活压力之下,如何提升自己的技能和能力?这是许多人都面临的问题。如果你也有这样的问题,那么首先要明确的是,要想提升自己的能力,必须要有一个清晰的计划和方向。这个计划可以是长期的,也可以是短期的,但必须要有一个大的方向性。接下来,我们来看看如何制定一个有效的计划。如果你不知道如何制定计划,其实很简单。你可以闭上眼睛,想一想自己哪些方面比较薄弱,比如多线程锁、Spring的一些核心技术源码、分
- 深度学习微调中的优化器全景解析:从理论到实践
北辰alk
AI深度学习人工智能
文章目录一、基础优化器:深度学习微调的基石1.1随机梯度下降(SGD)1.2AdaGrad(自适应梯度算法)二、自适应优化器:现代深度学习的标配2.1RMSProp2.2Adam(自适应矩估计)三、大模型微调专用优化器3.1LAMB(Layer-wiseAdaptiveMoments)3.2Sophia(二阶优化启发)四、优化器性能对比研究4.1在GLUE基准上的表现(BERT-base微调)4.
- 【AI论文】GLM-4.1V-思考:借助可扩展强化学习实现通用多模态推理
东临碣石82
人工智能
摘要:我们推出GLM-4.1V-Thinking这一视觉语言模型(VLM),该模型旨在推动通用多模态推理的发展。在本报告中,我们分享了在以推理为核心的训练框架开发过程中的关键发现。我们首先通过大规模预训练开发了一个具备显著潜力的高性能视觉基础模型,可以说该模型为最终性能设定了上限。随后,借助课程采样强化学习(ReinforcementLearningwithCurriculumSampling,R
- PyTorch 详细安装教程及核心API使用指南
慕婉0307
pytorchpytorch人工智能python
一、PyTorch简介PyTorch是由FacebookAIResearch(FAIR)于2016年开发的开源深度学习框架,现已成为学术界和工业界最受欢迎的深度学习工具之一。其核心优势在于采用了动态计算图(DynamicComputationGraph,又称"define-by-run"机制),这使得开发者能够像编写普通Python代码一样构建神经网络,并在运行时动态调整计算图结构,大大提高了研究
- MySQL 学习 之 你还在用 TIMESTAMP 吗?
zxguan
mysql学习数据库
目录1.弊端1.1.取值范围1.2.时区依赖1.3.隐式转换2.区别3.解决1.弊端1.1.取值范围TIMESTAMP的取值范围为1970-01-0100:00:01UTC到2038-01-1903:14:07UTC,超出范围的数据会被强制归零或触发异常。具体表现为在基金债券等业务中,到期日可能是一个比较晚的未来的时间,很可能就会出现超出TIMESTAMP范围的时间。现在已经2025年了,系统崩
- 【Python】深入解析 Hydra 库
宅男很神经
python开发语言
第一章:混沌的终结:在配置泥潭中挣扎与Hydra的曙光在任何一个软件项目的生命周期中,无论是小型的个人脚本,还是大型的企业级分布式系统,我们都无法回避一个核心问题:如何管理配置。配置,是连接我们静态的代码逻辑与动态的运行环境之间的桥梁。它决定了我们的程序连接哪个数据库、使用哪个API密钥、以多大的批次处理数据、模型的学习率应该是多少、日志应该输出到哪里、以何种级别输出…可以说,配置定义了程序的行为
- Python量化策略与回测框架实战:从“纸上谈兵”到“真金白银”的第一步(系列第2篇)
Natsume1710
python开发语言github
作者:GitHub项目地址Awesome-QuantDev-Learn本文为量化开发学习路线系列第2篇,欢迎收藏与关注。引言:为什么选择Python作为量化入门的起点?在上一篇文章中,我们详细讲解了量化开发的基本框架与开发者思维的转变路径。那么,具体要如何开始第一步实践呢?答案是:从Python入门。Python以其快速原型开发能力、丰富的数据分析工具包,以及良好的社区生态,已经成为全球范围内量化
- HttpClient 4.3与4.3版本以下版本比较
spjich
javahttpclient
网上利用java发送http请求的代码很多,一搜一大把,有的利用的是java.net.*下的HttpURLConnection,有的用httpclient,而且发送的代码也分门别类。今天我们主要来说的是利用httpclient发送请求。
httpclient又可分为
httpclient3.x
httpclient4.x到httpclient4.3以下
httpclient4.3
- Essential Studio Enterprise Edition 2015 v1新功能体验
Axiba
.net
概述:Essential Studio已全线升级至2015 v1版本了!新版本为JavaScript和ASP.NET MVC添加了新的文件资源管理器控件,还有其他一些控件功能升级,精彩不容错过,让我们一起来看看吧!
syncfusion公司是世界领先的Windows开发组件提供商,该公司正式对外发布Essential Studio Enterprise Edition 2015 v1版本。新版本
- [宇宙与天文]微波背景辐射值与地球温度
comsci
背景
宇宙这个庞大,无边无际的空间是否存在某种确定的,变化的温度呢?
如果宇宙微波背景辐射值是表示宇宙空间温度的参数之一,那么测量这些数值,并观测周围的恒星能量输出值,我们是否获得地球的长期气候变化的情况呢?
&nbs
- lvs-server
男人50
server
#!/bin/bash
#
# LVS script for VS/DR
#
#./etc/rc.d/init.d/functions
#
VIP=10.10.6.252
RIP1=10.10.6.101
RIP2=10.10.6.13
PORT=80
case $1 in
start)
/sbin/ifconfig eth2:0 $VIP broadca
- java的WebCollector爬虫框架
oloz
爬虫
WebCollector主页:
https://github.com/CrawlScript/WebCollector
下载:webcollector-版本号-bin.zip将解压后文件夹中的所有jar包添加到工程既可。
接下来看demo
package org.spider.myspider;
import cn.edu.hfut.dmic.webcollector.cra
- jQuery append 与 after 的区别
小猪猪08
1、after函数
定义和用法:
after() 方法在被选元素后插入指定的内容。
语法:
$(selector).after(content)
实例:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></scr
- mysql知识充电
香水浓
mysql
索引
索引是在存储引擎中实现的,因此每种存储引擎的索引都不一定完全相同,并且每种存储引擎也不一定支持所有索引类型。
根据存储引擎定义每个表的最大索引数和最大索引长度。所有存储引擎支持每个表至少16个索引,总索引长度至少为256字节。
大多数存储引擎有更高的限制。MYSQL中索引的存储类型有两种:BTREE和HASH,具体和表的存储引擎相关;
MYISAM和InnoDB存储引擎
- 我的架构经验系列文章索引
agevs
架构
下面是一些个人架构上的总结,本来想只在公司内部进行共享的,因此内容写的口语化一点,也没什么图示,所有内容没有查任何资料是脑子里面的东西吐出来的因此可能会不准确不全,希望抛砖引玉,大家互相讨论。
要注意,我这些文章是一个总体的架构经验不针对具体的语言和平台,因此也不一定是适用所有的语言和平台的。
(内容是前几天写的,现附上索引)
前端架构 http://www.
- Android so lib库远程http下载和动态注册
aijuans
andorid
一、背景
在开发Android应用程序的实现,有时候需要引入第三方so lib库,但第三方so库比较大,例如开源第三方播放组件ffmpeg库, 如果直接打包的apk包里面, 整个应用程序会大很多.经过查阅资料和实验,发现通过远程下载so文件,然后再动态注册so文件时可行的。主要需要解决下载so文件存放位置以及文件读写权限问题。
二、主要
- linux中svn配置出错 conf/svnserve.conf:12: Option expected 解决方法
baalwolf
option
在客户端访问subversion版本库时出现这个错误:
svnserve.conf:12: Option expected
为什么会出现这个错误呢,就是因为subversion读取配置文件svnserve.conf时,无法识别有前置空格的配置文件,如### This file controls the configuration of the svnserve daemon, if you##
- MongoDB的连接池和连接管理
BigCat2013
mongodb
在关系型数据库中,我们总是需要关闭使用的数据库连接,不然大量的创建连接会导致资源的浪费甚至于数据库宕机。这篇文章主要想解释一下mongoDB的连接池以及连接管理机制,如果正对此有疑惑的朋友可以看一下。
通常我们习惯于new 一个connection并且通常在finally语句中调用connection的close()方法将其关闭。正巧,mongoDB中当我们new一个Mongo的时候,会发现它也
- AngularJS使用Socket.IO
bijian1013
JavaScriptAngularJSSocket.IO
目前,web应用普遍被要求是实时web应用,即服务端的数据更新之后,应用能立即更新。以前使用的技术(例如polling)存在一些局限性,而且有时我们需要在客户端打开一个socket,然后进行通信。
Socket.IO(http://socket.io/)是一个非常优秀的库,它可以帮你实
- [Maven学习笔记四]Maven依赖特性
bit1129
maven
三个模块
为了说明问题,以用户登陆小web应用为例。通常一个web应用分为三个模块,模型和数据持久化层user-core, 业务逻辑层user-service以及web展现层user-web,
user-service依赖于user-core
user-web依赖于user-core和user-service
依赖作用范围
Maven的dependency定义
- 【Akka一】Akka入门
bit1129
akka
什么是Akka
Message-Driven Runtime is the Foundation to Reactive Applications
In Akka, your business logic is driven through message-based communication patterns that are independent of physical locatio
- zabbix_api之perl语言写法
ronin47
zabbix_api之perl
zabbix_api网上比较多的写法是python或curl。上次我用java--http://bossr.iteye.com/blog/2195679,这次用perl。for example: #!/usr/bin/perl
use 5.010 ;
use strict ;
use warnings ;
use JSON :: RPC :: Client ;
use
- 比优衣库跟牛掰的视频流出了,兄弟连Linux运维工程师课堂实录,更加刺激,更加实在!
brotherlamp
linux运维工程师linux运维工程师教程linux运维工程师视频linux运维工程师资料linux运维工程师自学
比优衣库跟牛掰的视频流出了,兄弟连Linux运维工程师课堂实录,更加刺激,更加实在!
-----------------------------------------------------
兄弟连Linux运维工程师课堂实录-计算机基础-1-课程体系介绍1
链接:http://pan.baidu.com/s/1i3GQtGL 密码:bl65
兄弟连Lin
- bitmap求哈密顿距离-给定N(1<=N<=100000)个五维的点A(x1,x2,x3,x4,x5),求两个点X(x1,x2,x3,x4,x5)和Y(
bylijinnan
java
import java.util.Random;
/**
* 题目:
* 给定N(1<=N<=100000)个五维的点A(x1,x2,x3,x4,x5),求两个点X(x1,x2,x3,x4,x5)和Y(y1,y2,y3,y4,y5),
* 使得他们的哈密顿距离(d=|x1-y1| + |x2-y2| + |x3-y3| + |x4-y4| + |x5-y5|)最大
- map的三种遍历方法
chicony
map
package com.test;
import java.util.Collection;
import java.util.HashMap;
import java.util.Iterator;
import java.util.Map;
import java.util.Set;
public class TestMap {
public static v
- Linux安装mysql的一些坑
chenchao051
linux
1、mysql不建议在root用户下运行
2、出现服务启动不了,111错误,注意要用chown来赋予权限, 我在root用户下装的mysql,我就把usr/share/mysql/mysql.server复制到/etc/init.d/mysqld, (同时把my-huge.cnf复制/etc/my.cnf)
chown -R cc /etc/init.d/mysql
- Sublime Text 3 配置
daizj
配置Sublime Text
Sublime Text 3 配置解释(默认){// 设置主题文件“color_scheme”: “Packages/Color Scheme – Default/Monokai.tmTheme”,// 设置字体和大小“font_face”: “Consolas”,“font_size”: 12,// 字体选项:no_bold不显示粗体字,no_italic不显示斜体字,no_antialias和
- MySQL server has gone away 问题的解决方法
dcj3sjt126com
SQL Server
MySQL server has gone away 问题解决方法,需要的朋友可以参考下。
应用程序(比如PHP)长时间的执行批量的MYSQL语句。执行一个SQL,但SQL语句过大或者语句中含有BLOB或者longblob字段。比如,图片数据的处理。都容易引起MySQL server has gone away。 今天遇到类似的情景,MySQL只是冷冷的说:MySQL server h
- javascript/dom:固定居中效果
dcj3sjt126com
JavaScript
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml&
- 使用 Spring 2.5 注释驱动的 IoC 功能
e200702084
springbean配置管理IOCOffice
使用 Spring 2.5 注释驱动的 IoC 功能
developerWorks
文档选项
将打印机的版面设置成横向打印模式
打印本页
将此页作为电子邮件发送
将此页作为电子邮件发送
级别: 初级
陈 雄华 (
[email protected]), 技术总监, 宝宝淘网络科技有限公司
2008 年 2 月 28 日
&nb
- MongoDB常用操作命令
geeksun
mongodb
1. 基本操作
db.AddUser(username,password) 添加用户
db.auth(usrename,password) 设置数据库连接验证
db.cloneDataBase(fromhost)
- php写守护进程(Daemon)
hongtoushizi
PHP
转载自: http://blog.csdn.net/tengzhaorong/article/details/9764655
守护进程(Daemon)是运行在后台的一种特殊进程。它独立于控制终端并且周期性地执行某种任务或等待处理某些发生的事件。守护进程是一种很有用的进程。php也可以实现守护进程的功能。
1、基本概念
&nbs
- spring整合mybatis,关于注入Dao对象出错问题
jonsvien
DAOspringbeanmybatisprototype
今天在公司测试功能时发现一问题:
先进行代码说明:
1,controller配置了Scope="prototype"(表明每一次请求都是原子型)
@resource/@autowired service对象都可以(两种注解都可以)。
2,service 配置了Scope="prototype"(表明每一次请求都是原子型)
- 对象关系行为模式之标识映射
home198979
PHP架构企业应用对象关系标识映射
HELLO!架构
一、概念
identity Map:通过在映射中保存每个已经加载的对象,确保每个对象只加载一次,当要访问对象的时候,通过映射来查找它们。其实在数据源架构模式之数据映射器代码中有提及到标识映射,Mapper类的getFromMap方法就是实现标识映射的实现。
二、为什么要使用标识映射?
在数据源架构模式之数据映射器中
//c
- Linux下hosts文件详解
pda158
linux
1、主机名: 无论在局域网还是INTERNET上,每台主机都有一个IP地址,是为了区分此台主机和彼台主机,也就是说IP地址就是主机的门牌号。 公网:IP地址不方便记忆,所以又有了域名。域名只是在公网(INtERNET)中存在,每个域名都对应一个IP地址,但一个IP地址可有对应多个域名。 局域网:每台机器都有一个主机名,用于主机与主机之间的便于区分,就可以为每台机器设置主机
- nginx配置文件粗解
spjich
javanginx
#运行用户#user nobody;#启动进程,通常设置成和cpu的数量相等worker_processes 2;#全局错误日志及PID文件#error_log logs/error.log;#error_log logs/error.log notice;#error_log logs/error.log inf
- 数学函数
w54653520
java
public
class
S {
// 传入两个整数,进行比较,返回两个数中的最大值的方法。
public
int
get(
int
num1,
int
nu