前端语言基础:HTML5 & CSS
(一) HTML5:超文本标记语言
(1) 基本概念
是由一系列成对 出现的元素标签 (标记)嵌套组合而成 ( XML也是标签构成的 )
这些标签以的形式出现,用于标记文本内容的含义
浏览器通过元素标签解析文本内容并将结果显示在网页上,而元素标签本身并不会被浏览器显示出来
(2) 基本结构
HTML5元素的内容一般以起始标签 开始,以结束标签元素名> 终止
网页标题
......
主体内容
DOCTYPE 是Document Type 的简写,含义为文档类型 。
HTML5文档基础结构中第一行 就是HTML5的DOCTYPE声明
Html文件开始标签和结束的标签——文档的根标签
指定html文档的一些属性 ,例如页面标题 ,字符集 和关键字 等-
网页标题标签,即被收藏以及搜索引擎中搜索出的名称
元数据标签,不显示,但是机器可读,常用于搜索引擎索引(SEO优化)
字符集声明 (网页编码声明)
关键词声明
页面描述声明
可用于定义文档中指定区域的字体风格、背景颜色、对 齐方式等各类样式信息
Eg:
链接标签
标签用于连接外部资源和当前HTML5文档,它只出现在首部标签
中,通常用于连接外部样式表
Eg:
此标签为可选,取决于当前页面是否需要使用脚本内容,比如JavaScript。该标签可以直接引用外部脚本文件 ,也可以直接将脚本命令写在
标签中
显示在页面上的内容都写在body里面
(3) 基本规范
HTML5使用
标签为文档进行注释 (多行或者单行)
早期的HTML规范中,标签的大小写是不敏感的,可能存在大写标签的情况
万维网联盟(W3C)明确规定了在新版本HTML5中必须使用小写格式 ,包括元素标签本身和其中可能出现的属性均需要遵守此规范
一些标签,没有结束标签 ,在标签内结束
比如 换行
(一般来说加上/更加标准)
XML规范中,所有的标签都必须有结束标签
在HTML5文档中存在一些特殊字符无法直接使用。例如小于符号(<)和大于符号(>)是无法直接输出的,因为它们会被误认为是元素标签的组成部分;而连续空格也无法正确显示,会被浏览器缩减为单个空格。存在此类情况的一系列特殊字符在HTML5中称为字符实体 (Character Entities)
html的操作思想 (理解即可)
网页中有很多数据,不同的数据可能需要不同的显示效果,这个时候需要使用标签把要操作的数据包起来(封装起来),通过修改标签的属性值实现标签内数据样式的变化
一个标签相当于一个容器,想要修改容器内数据的样式,只需要改变容 器的属性值,就可以实现容器内数据样式的变化
(4) 常用标签
1. 文字标签:修改文字样式
属性:
size: 文字的大小 取值范围 1-7,超出了7,默认还是7
face: 文字
color: 文字颜色 (两种表示方式)
英文单词:red green blue black white yellow
使用十六进制数表示 #ffffff : RGB
2. 标题标签、段落标签、换行标签、水平线标签和特殊字符
A:标题标签
.......
B:段落标签
p元素有多种属性,比较常用的是对齐方式align属性
一段居中的文字
一段居右的文字
C:换行标签
换行标签 用于在当前位置产生一个换行,相当于一次回车键所 产生的效果。该标签单独使用,无结束标签
建议使用该标签代替回车键,因为回车键所产生的多个连续换行会被浏览器自动省略
标签每次只能换一行,如需多次换行,必须写多个 标签
D:水平线标签
代码
属性
align属性值:left(左对齐)、center(居中)、right(右对齐)
width:表示宽度,可以使用百分数,也可以用像素表示
size:表示高度,其值是数字 取值范围 1-7
color:代表颜色,默认黑色
noshade:代表不显示阴影,默认情况是显示阴影
D:特殊字符**
< <
> >
空格
& &
3. 文本格式标签
A. 字体标签
B. 斜体字标签
C. 粗体字标签 和
D. 上标标签、下标标签 和
E. 修订标签 和
F. 预格式化标签
4. 列表标签
有序列表项1
有序列表项2
1
以数字进行排列 ,系统默认
a
以小写字母排列
A
以大写字母排列
i
以小写的罗马数字排列
I
以大写的罗马数字排列
disc
圆点符号,系统默认
circle
空心原点
square
空心方块
第一个词条
第一个词条的定义
......
5. 图像标签
语法结构为:
src:图片的路径
width: 图片的宽度
height:图片的高度
alt: 图片上显示的文字,把鼠标移动到图片上,停留片刻显示内容
有些浏览器下不显示(没有效果)
6. 绝路径和相对路径
同一目录
直接输入链接的文件
a.html
链接上一目录
先输出 “../” 再输入文件名
../b.html
链接下一目录
输入目录和文件名,之间以 “/" 分隔
test/c.html
7. 超链接标签
A: 链接资源
显示在页面上的内容
href: 链接的资源的地址
target:设置打开的方式 ,默认是在当前页打开
可以取四个值
_parent
在上一级窗口打开(常在框架页面中使用)
_blank
新建一个窗口打开
_self
在同一窗口打开,是默认取值
_top
忽略所有的框架结构,在浏览器的整个窗口打开
B: 定位资源
顶部
回到顶部
8. 移动文字标签
移动文字内容
behavior
设置文字的移动方式
Scroll、Slide、alternate
循环移动、移动一次停止、来回交替移动
direction
设置文字的移动方向
left、right、up、down
从右向左移动、从左向右移动、从下向上移动、从上向下移动
bgcolor
设置文字的背景颜色
英文颜色名称
表示所用颜色
width
设置文字背景的宽
数字 (或者百分比)
设置背景的绝对宽度
heigth
设置文字背景的高
数字 (或者百分比)
设置背景的绝对高度
hspace和vspace
设置文字背景和周围其他元素的空白间距
数字
设置文字背景和周围其他元素的空白间距的绝对值
loop
设置移动文字的循环次数
infinite、正整数
文字移动无限次、文字移动n次
sscrollmount
设置移动文字每次移动的距离
数字(默认单位px)
文字每次移动的距离
scrolldelay
设置移动文字每次移动后的间歇时间
数字(默认单位px)
文字每次移动后的间歇时间
9. 表格标签
可以对数据进行格式化,使数据显示更加清晰,可用于静态页面和动态页面的排版
: 表示表格的范围
width:宽度
border:边框
cellpadding:定义内容和单元格的距离
cellspacing:定义单元格之间的距离。如果指定为0,则单元格的线会合为一条、
bgcolor:背景色
align:对齐方式
tr:定义行
bgcolor:背景色
align:对齐方式
td:定义单元格
colspan:合并列
rowspan:合并行
:表格的标题
10. 表单标签
概念 :用于采集用户输入的数据,用于和服务器交互,例如登录或者注册界面
: 定义一个表单的范围
属性
action 指定提交数据的URL,默认提交到当前页面
method 指定表单提交方式,常用的有两种,get(默认)和post
简单说一说: get和post区别?
1、get请求地址栏会携带提交的数据,post不会携带
2、get请求安全级别较低,post较高
3、get请求数据大小的限制,post没有限制
输入项:可以输入内容或者选择内容的部分
大部分的输入项 使用
在输入项里面需要有一个name属性
普通输入项:
密码输入项:
单选输入项:
复选输入项:
文件输入项 (后面上传时候用到)
下拉输入项 (不是在input标签里面的)
1991
1992
1993
- 默认选择
selected="selected"
文本:
隐藏项(不会显示在页面上,但是存在于html代码里面):
提交按钮:
使用图片提交:
重置按钮: 回到输入项的初始状态:
普通按钮:
11. 容器标签
A. 标签
标签
可将网页页面分割成不同的独立部分,通常用于定义文档中的区域或节。
该标签是一个块级元素(block level element),浏览器会自动在
和
所标记的 区域前后自动放置一个换行符。每个标签可有一个独立的id号。
同样属于块级元素的还有段落标签
、表格标签
、标题标签-等。
B. 标签
标签通常作为文本的容器,它没有特定的含义和样式,只有与CSS同时使用才可以为指定文本设置样式属性。
该标签是一个内联元素(inline element),与块级元素相反,内联元素不会自动在前后自动放置换行符,因此内联元素会默认在同一行显示。
(二) 层叠样式表
多个样式可以作用在同一个html元素上,使得页面效果更加好,CSS将网页内容和显示样式进行分离,降低耦合度,提高了开发效率
(1) CSS和html结合的方式
内联样式
在每个html标签上面都有一个属性 style,把css和html结合在一起
内部样式
使用html的一个标签实现
标签,写在head里面
补充样式
style标签里面 使用语句(在某些浏览器下不起作用)
外部样式
使用头标签 link,引入外部css文件,第一步 ,创建一个css文件
一般使用第四种方式
优先级(一般情况)
由上到下,由外到内。优先级由低到高。
后加载的优先级高
(2) CSS的基本选择器
含义:要对哪个标签里面的数据进行操作
(1) 标签选择器
使用标签名作为选择器的名称
div {
background-color:gray;
clolr:white;
}
(2) class选择器(div.ideal)
每个html标签都有一个属性 class
test
.ideal {
background-color:orange;
}
(3) id选择器 (div#ideal)
每个html标签上面有一个属性 id
test
#ideal {
background-color:#333300;
}
优先级: style > id选择器 > class选择器 > 标签选择器
(3) CSS的扩展选择器
(1) 关联选择器(调用加空格)
设置div标签里面p标签的样式,嵌套标签里面的样式
div p {
background-color:orange;
}
(2) 组合选择器
aaa
bbb
把div和p标签设置成相同的样式,把不同的标签设置成相同的样式
div,p {
background-color:orange;
}
(4) CSS的盒子模型
在进行布局前需要把数据封装到一块一块的区域内(div)
(1) 边框
border: 2px solid blue;
border:统一设置
上 border-top
下 border-bottom
左 border-left
右 border-right
(2) 内边距
padding:20px;
使用padding统一设置
也可以分别设置
上下左右四个内边距
(3) 外边距
margin: 20px;
可以使用margin统一设置
也可以分别设置
上下左右四个外边距
(4) float:浮动
left:文本流向对象的右边
right:文本流向对象的左边
(5) 布局定位
position:
属性值
absolute :
将对象从文档流中拖出
可以是top、bottom等属性进行定位
relative :
不会把对象从文档流中拖出
可以使用top、bottom等属性进行定位
结尾:
如果内容中有什么不足,或者错误的地方,欢迎大家给我留言提出意见, 蟹蟹大家 !^_^
如果能帮到你的话,那就来关注我吧!(系列文章均会在公众号第一时间更新)
在这里的我们素不相识,却都在为了自己的梦而努力 ❤
一个坚持推送原创Java技术的公众号:理想二旬不止
转载于:https://www.cnblogs.com/ideal-20/p/11335849.html
你可能感兴趣的:(HTML5 & CSS初学者教程(详细、通俗易懂))
使用CRACO自定义 Webpack 配置
黄毛火烧雪下
React webpack 前端 node.js
1、为什么要用CRACO?默认情况下,CRA的Webpack配置是隐藏的,如果你需要修改Webpack,比如:✅CDN配置✅配置alias(路径别名)✅修改Less/Sass变量✅添加Babel插件✅优化Webpack构建(如SplitChunks、CDN加载)✅支持TailwindCSS✅移动端适配启用PostCSS+px转rem如果不用CRACO,你必须运行yarneject/npmrunej
高级java每日一道面试题-2025年3月03日-微服务篇[Eureka篇]-Eureka自我保护机制是什么?
java我跟你拼了
java每日一道面试题 java 微服务 eureka SpringCloud SpringBoot 自我保护机制 出发条件
如果有遗漏,评论区告诉我进行补充面试官:Eureka自我保护机制是什么?我回答:在Java高级面试中,Eureka的自我保护机制(Self-PreservationMode)是一个非常重要且常被提及的话题。理解这一机制的工作原理及其应用场景对于构建高可用性的微服务架构至关重要。以下是结合提供的内容对Eureka自我保护机制的详细解析和综合概述:自我保护机制的概念Eureka的自我保护机制是一种容错
如何轻松爬取 TikTok 评论?手把手教你高效采集数据!
pzhyy
大数据 数据分析 数据挖掘 内容运营 新媒体运营
引言随着TikTok的全球火爆,越来越多的数据分析师、营销人员和研究人员希望获取TikTok视频评论,以分析用户反馈、市场趋势或热门内容。然而,手动整理TikTok评论既耗时又低效,因此,使用一款高效的TikTok采集器成为刚需。Tapicker是一款功能强大的TikTok采集软件,可以帮助用户自动爬取TikTok评论,省去繁琐的手工整理工作。本文将详细介绍如何使用Tapicker爬取TikTok
uni-app全局弹窗的实现方案
-Dayer-
uni-app 前端 javascript 全局弹窗
背景为了解决uni-app任意位置出现弹窗解决方案一、最初方案受限于uni-app调用组件需要每个页面都引入注册才可以使用,此方案繁琐,每个页面都要写侵入性比较强二、改进方案app端:新建一个页面进行跳转,可以实现伪弹窗(其实是打开一个背景透明的页面)web端:全局挂载body插入一个弹窗三、初步实现方案就是利用条件编译,web端写组件、app端写页面,利用不同的生命周期,完成通用的逻辑四、详细实
deepseek具体应用场景
ahyouxiang
人工智能
DeepSeek的具体应用场景非常广泛,涵盖了多个领域和行业。以下是基于证据的详细总结:金融领域DeepSeek在金融领域的应用表现突出,例如通过其大语言模型(如DeepSeekLLM67Bt)提供数学、逻辑推理等能力,帮助金融机构提升服务效率。此外,DeepSeek还被应用于智能安全体产品中,通过安全大模型实现个性化开发和优化。医疗领域在医疗领域,DeepSeek的技术被用于辅助诊断和患者记录管
如何合法抓取TikTok视频信息和评论:完整Python爬虫教程
Python爬虫项目
2025年爬虫实战项目 音视频 python 爬虫 开发语言
一、引言TikTok是全球最受欢迎的短视频平台之一,每天吸引着数百万的用户上传和分享视频内容。作为内容创作者和数据分析师,抓取TikTok上的视频和评论可以帮助你分析社交趋势、受欢迎的内容类型和用户互动。然而,TikTok明确表示其平台的数据抓取行为受到限制,这也意味着我们不能直接通过常规的网络爬虫技术去抓取其数据。本文将介绍如何在合法的前提下进行TikTok数据抓取。我们将探索TikTok的AP
JavaScript typeof 运算符详解
wjs2024
开发语言
JavaScripttypeof运算符详解概述在JavaScript中,typeof是一个一元运算符,用于检测给定变量的数据类型。它是JavaScript中最常用的类型检查方法之一。本文将详细解释typeof运算符的用法、返回值以及其局限性。typeof运算符的用法typeof运算符后面跟一个要检查类型的变量或表达式。它不区分大小写,以下是其基本用法:leta=10;console.log(typ
注意力机制:让AI拥有“黄金七秒记忆“的魔法----(点积注意力)
y江江江江
机器学习 大模型 人工智能 深度学习
注意力机制:让AI拥有"黄金七秒记忆"的魔法–(点积注意力)注意⼒机制对于初学者来说有点难理解,我们⼀点⼀点地讲。现在先暂时忘记编码器、解码器、隐藏层和序列到序列这些概念。想象我们有两个张量x1和x2,我们希望⽤注意⼒机制把它俩给衔接起来,让x1看⼀看,x2有哪些特别值得关注的地⽅。具体来说,要得到x1对x2的点积注意⼒,我们可以按照以下步骤进⾏操作。(1)创建两个形状分别为(batch_size
C++协程入门教程
ox0080
# 北漂+滴滴出行 C++协程 VIP 激励 c++ 开发语言
一、环境搭建(Docker+双编译系统)1.全能Docker环境配置FROMubuntu:22.04#基础工具链RUNapt-getupdate&&DEBIAN_FRONTEND=noninteractiveapt-getinstall-y\build-essentialcmakebazelgitg++-12libcppcoro-dev\openssh-serverrsyslogcurlgnupg
利用 HAI 平台进行 DeepSeek 模型训练的详细指南
摘要本文旨在为非专业用户提供在HAI平台上进行DeepSeek模型训练的详细步骤。从创建项目、上传数据集、配置训练参数到启动训练任务并监控训练过程,本文将逐步指导用户完成整个流程。此外,本文还包含可运行的示例代码模块和相关章节配图,以帮助用户更好地理解和操作。引言HAI(HyperAI)平台是一个强大的AI模型训练平台,但对于非专业用户来说,其复杂性可能会成为使用的障碍。本文将详细介绍如何在HAI
Debian/Ubuntu清理硬盘空间
在Debian/Ubuntu系统上清理硬盘空间的步骤在Debian或Ubuntu系统中,随着使用时间的增加,系统可能会逐渐积累大量的临时文件、软件包缓存、日志文件等,这些都可能导致硬盘空间的消耗。为了保持系统的高效运行,定期清理硬盘空间是必要的。下面将详细说明如何通过多种方式清理系统硬盘空间。1.删除不需要的软件包系统中安装的某些软件包在不再需要时,应该及时卸载,以释放空间。使用以下命令卸载不再需
【AI Agent教程】各种Agent开发框架都是如何实现ReAct思想的?深入源码学习一下
同学小张
大模型 人工智能 学习 笔记 经验分享 AIGC AI Agent ReAct
大家好,我是同学小张,持续学习C++进阶知识和AI大模型应用实战案例,持续分享,欢迎大家点赞+关注,共同学习和进步。驱动大模型有很多种方式,例如纯Prompt方式、思维链方式、ReAct方式等。ReAct方式是AIAgent最常用的实现思路之一,它强调在执行任务时结合推理(Reasoning)和行动(Acting)两个方面,使得Agent能够在复杂和动态的环境中更有效地工作。本文我们来看看常用的那
C# 正则表达式的详细使用说明
生命不息-学无止境
C#理论知识 c# 正则表达式
正则表达式基础概念正则表达式是一种用于匹配文本模式的工具。它是由普通字符(例如字母、数字)和特殊字符(称为元字符)组成的字符串模式。在C#中,主要通过System.Text.RegularExpressions命名空间来使用正则表达式。元字符表格显示:分类正则表达式字符描述示例字符类.匹配除换行符之外的任意单个字符a.b可匹配aab、acb等[abc]匹配字符a、b或c中的任意一个[abc]可匹配
SpringBoot常用注解
AWen_X
言简意赅系列之Spring Java常用框架注解 spring boot java 后端 spring
SpringBoot常用注解SpringBoot框架提供了丰富的注解,极大地简化了应用开发。本文将SpringBoot常用注解按功能分组,并提供详细说明和使用示例。一、核心注解1.@SpringBootApplication这是SpringBoot应用的核心注解,标记在主类上,表明这是一个SpringBoot应用的入口。它是一个组合注解,相当于同时使用了以下三个注解:@Configuration:
pip download 是一个很有用的命令
weixin_46375180
pip
确实,pipdownload是一个很有用的命令,通常用于下载包到本地以供离线安装或在网络不稳定时使用。以下是关于pipdownload的详细介绍:pipdownload命令下载指定的包:使用pipdownload可以下载指定的包,而不安装它。例如,下载numpy包:pipdownloadnumpy下载指定版本的包:你可以指定要下载的包的版本:pipdownloadnumpy==1.21.0下载并指
Python之pip的安装和使用详细教程
叫我技术帝
Python python
我们都知道python有海量的第三方库或者说模块,这些库针对不同的应用,发挥不同的作用。我们在实际的项目中,或多或少的都要使用到第三方库,那么如何将他人的库加入到自己的项目中内呢?打个电话?大哥你好,想用下你那个库,麻烦给邮箱发个源码呗!显然这是个笑话。Python官方的PyPi仓库为我们提供了一个统一的代码托管仓库,所有的第三方库,甚至你自己写的开源模块,都可以发布到这里,让全世界的人分享下载。
opencv + opengl显示摄像头视频流
jbjhzstsl
opencv 计算机视觉
完整代码github建议学习LearnOpenGL教程,学到入门的纹理一节1.OpenGL依赖安装1.1.安装GLFWsudoaptinstalllibglfw3libglfw3-devlibglfw3:GLFW运行时库libglfw3-dev:GLFW开发库(用于编译)1.2.安装OpenGL相关依赖sudoaptinstalllibgl1-mesa-devxorg-devlibgl1-mesa
【后端】【django】Django 自带的用户系统与 RBAC 机制
患得患失949
django知识 数据库 sqlite django
Django自带的用户系统与RBAC机制Django自带的用户系统(django.contrib.auth)提供了身份验证(Authentication)和权限管理(Authorization),能够快速实现用户管理、权限控制、管理员后台等功能,同时具备RBAC(基于角色的访问控制,Role-BasedAccessControl)的基本实现。本文将详细介绍Django用户系统的功能、管理员账号创建
vs code配置python_如何在vscode里的python配置好matplotlib?,vscode配置python环境教程
weixin_39564151
vs code配置python
如何在vscode里的python配置好matplotlib?,vscode配置python环境教程vscode配置python环境教程2020-09-2015:14:33人已围观VScode配置Python环境“配置任务运行程序”遇到问题我建议尝试再把bug写出来,不能因为不一样就不继续首先需要VScodePython插件。打开Python任意脚可以直接拖入。点击左下角的扩展按钮,在弹出界面选择
ros smach 教程——(二)
白云千载尽
自动驾驶 ros python smach 状态机
ROSSMACH中级教程一、SMACH容器1.1状态机容器1.1.1创建状态机容器首先引入状态机容器fromsmachimportStateMachine由于SMACH状态机还提供状态接口,因此必须在构造时指定其结果和用户数据交互。sm=StateMachine(outcomes=['outcome1','outcome2'],input_keys=['input1','input2'],outp
TikTokenizer 开源项目教程
邱纳巧Gillian
TikTokenizer开源项目教程tiktokenizerOnlineplaygroundforOpenAPItokenizers项目地址:https://gitcode.com/gh_mirrors/ti/tiktokenizer项目介绍TikTokenizer是一个基于Python的开源项目,旨在提供一个高效、灵活的文本分词工具。该项目利用先进的算法和数据结构,能够快速准确地对文本进行分词处
redis中jedis和lettuce pool的区别,那个更好,使用范围更广
青春不流名
redis bootstrap 前端
在Redis的Java客户端中,Jedis和Lettuce是两种最常用的客户端库,它们都支持连接池(JedisPool和LettuceConnectionPool),但在设计和特性上有显著差异。下面我将详细对比它们的特点,帮助你更好地选择适合的库。1.同步vs异步Jedis:是一个同步的Redis客户端库。每次操作都会阻塞当前线程,直到Redis响应完成。这使得它易于理解和使用,但如果Redis响
python类方法和类的实例化
Cachel wood
程序设计杂事 python 开发语言 mysql hive sql 机器学习 数据库
文章目录类方法实例方法类方法静态方法特殊方法私有方法Python类的实例化1.调用`__new__`方法2.调用`__init__`方法3.返回实例对象总结类方法在Python里,类的自定义方法是类中用户自行定义的函数,这些方法能够实现特定的功能,并且可以访问和操作类的属性。下面详细介绍Python类中常见的自定义方法。实例方法定义:实例方法是类中最常见的方法,它的第一个参数通常是self,代表类
vue3 element plus 双击文字复制文字并提示复制文字成功
weixin_42220130
Element plus vue 复制 复制 element plus vue3 拷贝 文字
vue3elementplus双击文字复制文字并提示复制文字成功步骤分析具体实现代码解释运行项目下面将详细介绍如何在Vue3结合ElementPlus实现双击文字复制文字并提示复制成功的功能。步骤分析创建Vue3项目:使用Vite或VueCLI创建一个新的Vue3项目。安装ElementPlus:在项目中安装ElementPlus组件库。实现双击复制功能:在组件中监听文字的双击事件,当双击时将文字
使用Deepseek书写一篇综述论文,如何提示?
学术乙方
小知识 经验分享
使用DeepSeek撰写综述论文时,可以通过以下提示和步骤来高效完成任务:明确研究主题与范围在开始撰写之前,首先需要明确研究主题、文献综述的时间跨度、地理范畴和文献类型。这有助于聚焦研究方向,避免偏离主题。制定详细的提示词提示词的设计是高效利用DeepSeek的关键。可以参考以下模板:研究背景与现状:请帮我梳理XXX领域的研究背景与现状,包括国内外的主要研究成果和研究热点。文献筛选与阅读:请帮我筛
《Linux运维总结:基于银河麒麟V10+ARM64架构部署多机elasticsearch7.17.21分布式集群+单机kibana7.17.21二进制版ssl集群》
东城绝神
《Linux运维实战总结》 运维 linux elasticsearch ssl
总结:整理不易,如果对你有帮助,可否点赞关注一下?更多详细内容请参考:Linux运维实战总结一、背景elasticsearch是一个分布式、实时、高性能的搜索和分析引擎,它广泛应用于企业级搜索、日志分析、实时数据处理等领域。随着elasticsearch的广泛应用,安全性变得越来越重要。这里将从安全策略和访问控制两方面来部署elasticsearch集群安全策略涉及到数据安全、访问安全和操作安全等
Telegram bot教程:通过BotFather设置Telegram bot的命令菜单
鲲志说
Web3相关 业界资讯 telegram bot 经验分享 笔记 twitter Telegram Bot
最近在研究Telegrambot嘛,总有些小细节可以记录了,今天就记录一个通过BotFather设置Telegrambot的命令菜单功能➡️【好看的灵魂千篇一律,有趣的鲲志一百六七!】-欢迎认识我~~作者:鲲志说(公众号、B站同名,视频号:鲲志说996)科技博主:极星会星辉大使后端研发:java、go、python、TS,前电商、现web3主理人:COC杭州开发者社区主理人、周周黑客松杭州主理人、
链表操作:分区与回文判断
共享家9527
数据结构 数据结构 c语言 开发语言 leetcode 链表
目录链表分区(Partition)功能概述代码实现要点与难点注意事项链表回文判断(PalindromeList)功能概述代码实现要点与难点注意事项总结在链表相关的算法问题中,理解链表的基本结构和操作至关重要。今天我们深入探讨两个经典的链表问题:链表分区和链表回文判断,通过详细分析代码实现,理解其中的要点、难点和注意事项。作者主页:共享家9527-CSDN博客链表分区(Partition)功能概述链
Python,C++开发餐饮后厨环境远程管理APP
Geeker-2025
python c++
开发一款用于**餐饮后厨环境远程管理**的App,结合Python和C++的优势,可以实现高效的后端数据处理、实时的环境监控以及用户友好的前端界面。以下是一个详细的开发方案,涵盖技术选型、功能模块、开发步骤等内容。##技术选型###后端(Python)-**编程语言**:Python-**Web框架**:Django或Flask-**数据库**:PostgreSQL或MySQL-**实时通信**:
TCP 通信流程图
U_p_
计算机网络知识 网络 服务器 windows
下面给出一个详细的TCP通信流程图,演示客户端(Client)与服务器(Server)之间通过TCP协议进行通信时的各个步骤。这里假设:服务器IP:192.168.1.100,监听80端口客户端IP:192.168.1.200,使用随机分配的端口(示例中为50000)下面的流程图按三次握手、数据交互、四次挥手的顺序展示。为便于阅读,采用ASCII画出大致示意。┌──────────────────
矩阵求逆(JAVA)初等行变换
qiuwanchi
矩阵求逆(JAVA)
package gaodai.matrix;
import gaodai.determinant.DeterminantCalculation;
import java.util.ArrayList;
import java.util.List;
import java.util.Scanner;
/**
* 矩阵求逆(初等行变换)
* @author 邱万迟
*
JDK timer
antlove
java jdk schedule code timer
1.java.util.Timer.schedule(TimerTask task, long delay):多长时间(毫秒)后执行任务
2.java.util.Timer.schedule(TimerTask task, Date time):设定某个时间执行任务
3.java.util.Timer.schedule(TimerTask task, long delay,longperiod
JVM调优总结 -Xms -Xmx -Xmn -Xss
coder_xpf
jvm 应用服务器
堆大小设置JVM 中最大堆大小有三方面限制:相关操作系统的数据模型(32-bt还是64-bit)限制;系统的可用虚拟内存限制;系统的可用物理内存限制。32位系统下,一般限制在1.5G~2G;64为操作系统对内存无限制。我在Windows Server 2003 系统,3.5G物理内存,JDK5.0下测试,最大可设置为1478m。
典型设置:
java -Xmx
JDBC连接数据库
Array_06
jdbc
package Util;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;
public class JDBCUtil {
//完
Unsupported major.minor version 51.0(jdk版本错误)
oloz
java
java.lang.UnsupportedClassVersionError: cn/support/cache/CacheType : Unsupported major.minor version 51.0 (unable to load class cn.support.cache.CacheType)
at org.apache.catalina.loader.WebappClassL
用多个线程处理1个List集合
362217990
多线程 thread list 集合
昨天发了一个提问,启动5个线程将一个List中的内容,然后将5个线程的内容拼接起来,由于时间比较急迫,自己就写了一个Demo,希望对菜鸟有参考意义。。
import java.util.ArrayList;
import java.util.List;
import java.util.concurrent.CountDownLatch;
public c
JSP简单访问数据库
香水浓
sql mysql jsp
学习使用javaBean,代码很烂,仅为留个脚印
public class DBHelper {
private String driverName;
private String url;
private String user;
private String password;
private Connection connection;
privat
Flex4中使用组件添加柱状图、饼状图等图表
AdyZhang
Flex
1.添加一个最简单的柱状图
? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
<?xml version=
"1.0"&n
Android 5.0 - ProgressBar 进度条无法展示到按钮的前面
aijuans
android
在低于SDK < 21 的版本中,ProgressBar 可以展示到按钮前面,并且为之在按钮的中间,但是切换到android 5.0后进度条ProgressBar 展示顺序变化了,按钮再前面,ProgressBar 在后面了我的xml配置文件如下:
[html]
view plain
copy
<RelativeLa
查询汇总的sql
baalwolf
sql
select list.listname, list.createtime,listcount from dream_list as list , (select listid,count(listid) as listcount from dream_list_user group by listid order by count(
Linux du命令和df命令区别
BigBird2012
linux
1,两者区别
du,disk usage,是通过搜索文件来计算每个文件的大小然后累加,du能看到的文件只是一些当前存在的,没有被删除的。他计算的大小就是当前他认为存在的所有文件大小的累加和。
AngularJS中的$apply,用还是不用?
bijian1013
JavaScript AngularJS $apply
在AngularJS开发中,何时应该调用$scope.$apply(),何时不应该调用。下面我们透彻地解释这个问题。
但是首先,让我们把$apply转换成一种简化的形式。
scope.$apply就像一个懒惰的工人。它需要按照命
[Zookeeper学习笔记十]Zookeeper源代码分析之ClientCnxn数据序列化和反序列化
bit1129
zookeeper
ClientCnxn是Zookeeper客户端和Zookeeper服务器端进行通信和事件通知处理的主要类,它内部包含两个类,1. SendThread 2. EventThread, SendThread负责客户端和服务器端的数据通信,也包括事件信息的传输,EventThread主要在客户端回调注册的Watchers进行通知处理
ClientCnxn构造方法
&
【Java命令一】jmap
bit1129
Java命令
jmap命令的用法:
[hadoop@hadoop sbin]$ jmap
Usage:
jmap [option] <pid>
(to connect to running process)
jmap [option] <executable <core>
(to connect to a
Apache 服务器安全防护及实战
ronin47
此文转自IBM.
Apache 服务简介
Web 服务器也称为 WWW 服务器或 HTTP 服务器 (HTTP Server),它是 Internet 上最常见也是使用最频繁的服务器之一,Web 服务器能够为用户提供网页浏览、论坛访问等等服务。
由于用户在通过 Web 浏览器访问信息资源的过程中,无须再关心一些技术性的细节,而且界面非常友好,因而 Web 在 Internet 上一推出就得到
unity 3d实例化位置出现布置?
brotherlamp
unity教程 unity unity资料 unity视频 unity自学
问:unity 3d实例化位置出现布置?
答:实例化的同时就可以指定被实例化的物体的位置,即 position
Instantiate (original : Object, position : Vector3, rotation : Quaternion) : Object
这样你不需要再用Transform.Position了,
如果你省略了第二个参数(
《重构,改善现有代码的设计》第八章 Duplicate Observed Data
bylijinnan
java 重构
import java.awt.Color;
import java.awt.Container;
import java.awt.FlowLayout;
import java.awt.Label;
import java.awt.TextField;
import java.awt.event.FocusAdapter;
import java.awt.event.FocusE
struts2更改struts.xml配置目录
chiangfai
struts.xml
struts2默认是读取classes目录下的配置文件,要更改配置文件目录,比如放在WEB-INF下,路径应该写成../struts.xml(非/WEB-INF/struts.xml)
web.xml文件修改如下:
<filter>
<filter-name>struts2</filter-name>
<filter-class&g
redis做缓存时的一点优化
chenchao051
redis hadoop pipeline
最近集群上有个job,其中需要短时间内频繁访问缓存,大概7亿多次。我这边的缓存是使用redis来做的,问题就来了。
首先,redis中存的是普通kv,没有考虑使用hash等解结构,那么以为着这个job需要访问7亿多次redis,导致效率低,且出现很多redi
mysql导出数据不输出标题行
daizj
mysql 数据导出 去掉第一行 去掉标题
当想使用数据库中的某些数据,想将其导入到文件中,而想去掉第一行的标题是可以加上-N参数
如通过下面命令导出数据:
mysql -uuserName -ppasswd -hhost -Pport -Ddatabase -e " select * from tableName" > exportResult.txt
结果为:
studentid
phpexcel导出excel表简单入门示例
dcj3sjt126com
PHP Excel phpexcel
先下载PHPEXCEL类文件,放在class目录下面,然后新建一个index.php文件,内容如下
<?php
error_reporting(E_ALL);
ini_set('display_errors', TRUE);
ini_set('display_startup_errors', TRUE);
if (PHP_SAPI == 'cli')
die('
爱情格言
dcj3sjt126com
格言
1) I love you not because of who you are, but because of who I am when I am with you. 我爱你,不是因为你是一个怎样的人,而是因为我喜欢与你在一起时的感觉。 2) No man or woman is worth your tears, and the one who is, won‘t
转 Activity 详解——Activity文档翻译
e200702084
android UI sqlite 配置管理 网络应用
activity 展现在用户面前的经常是全屏窗口,你也可以将 activity 作为浮动窗口来使用(使用设置了 windowIsFloating 的主题),或者嵌入到其他的 activity (使用 ActivityGroup )中。 当用户离开 activity 时你可以在 onPause() 进行相应的操作 。更重要的是,用户做的任何改变都应该在该点上提交 ( 经常提交到 ContentPro
win7安装MongoDB服务
geeksun
mongodb
1. 下载MongoDB的windows版本:mongodb-win32-x86_64-2008plus-ssl-3.0.4.zip,Linux版本也在这里下载,下载地址: http://www.mongodb.org/downloads
2. 解压MongoDB在D:\server\mongodb, 在D:\server\mongodb下创建d
Javascript魔法方法:__defineGetter__,__defineSetter__
hongtoushizi
js
转载自: http://www.blackglory.me/javascript-magic-method-definegetter-definesetter/
在javascript的类中,可以用defineGetter和defineSetter_控制成员变量的Get和Set行为
例如,在一个图书类中,我们自动为Book加上书名符号:
function Book(name){
错误的日期格式可能导致走nginx proxy cache时不能进行304响应
jinnianshilongnian
cache
昨天在整合某些系统的nginx配置时,出现了当使用nginx cache时无法返回304响应的情况,出问题的响应头: Content-Type:text/html; charset=gb2312 Date:Mon, 05 Jan 2015 01:58:05 GMT Expires:Mon , 05 Jan 15 02:03:00 GMT Last-Modified:Mon, 05
数据源架构模式之行数据入口
home198979
PHP 架构 行数据入口
注:看不懂的请勿踩,此文章非针对java,java爱好者可直接略过。
一、概念
行数据入口(Row Data Gateway):充当数据源中单条记录入口的对象,每行一个实例。
二、简单实现行数据入口
为了方便理解,还是先简单实现:
<?php
/**
* 行数据入口类
*/
class OrderGateway {
/*定义元数
Linux各个目录的作用及内容
pda158
linux 脚本
1)根目录“/” 根目录位于目录结构的最顶层,用斜线(/)表示,类似于
Windows
操作系统的“C:\“,包含Fedora操作系统中所有的目录和文件。 2)/bin /bin 目录又称为二进制目录,包含了那些供系统管理员和普通用户使用的重要
linux命令的二进制映像。该目录存放的内容包括各种可执行文件,还有某些可执行文件的符号连接。常用的命令有:cp、d
ubuntu12.04上编译openjdk7
ol_beta
HotSpot jvm jdk OpenJDK
获取源码
从openjdk代码仓库获取(比较慢)
安装mercurial Mercurial是一个版本管理工具。 sudo apt-get install mercurial
将以下内容添加到$HOME/.hgrc文件中,如果没有则自己创建一个: [extensions] forest=/home/lichengwu/hgforest-crew/forest.py fe
将数据库字段转换成设计文档所需的字段
vipbooks
设计模式 工作 正则表达式
哈哈,出差这么久终于回来了,回家的感觉真好!
PowerDesigner的物理数据库一出来,设计文档中要改的字段就多得不计其数,如果要把PowerDesigner中的字段一个个Copy到设计文档中,那将会是一件非常痛苦的事情。