前端语言基础：HTML5 & CSS
(一) HTML5：超文本标记语言
(1) 基本概念
是由一系列成对 出现的元素标签 （标记）嵌套组合而成 ( XML也是标签构成的 )
这些标签以的形式出现，用于标记文本内容的含义
浏览器通过元素标签解析文本内容并将结果显示在网页上，而元素标签本身并不会被浏览器显示出来
(2) 基本结构
HTML5元素的内容一般以起始标签元素名> 终止
网页标题
......
主体内容
DOCTYPE 是Document Type 的简写，含义为文档类型 。
HTML5文档基础结构中第一行HTML5的DOCTYPE声明
Html文件开始标签和结束的标签——文档的根标签
指定html文档的一些属性 ，例如页面标题 ，字符集 和关键字 等-
字符集声明 （网页编码声明） 关键词声明 页面描述声明
可用于定义文档中指定区域的字体风格、背景颜色、对 齐方式等各类样式信息
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 : RGB2. 标题标签、段落标签、换行标签、水平线标签和特殊字符
A：标题标签
B：段落标签
p元素有多种属性，比较常用的是对齐方式align属性
一段居中的文字
一段居右的文字
C：换行标签
D：水平线标签
属性
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没有限制
输入项：可以输入内容或者选择内容的部分
大部分的输入项 使用
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的一个标签实现
补充样式
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初学者教程（详细、通俗易懂）)
esp32手把手DIY AI小智语音助手教程 (三) 配置ESP32设备 Wi-Fi连接网络
代码简单说
智能硬件/物联网开发实战 ai小智 语音助手 ai小智配网 ai小智教程 智能硬件 esp32语音助手 diy语音助手
esp32手把手DIYAI小智语音助手教程(三)配置ESP32设备Wi-Fi连接网络1.WI-FI网络配置1）启动设备在bin固件下载/烧录后，将设备保持接通电源，按下开发板上的RST按钮复位重启设备（如下图位置1），设备将进⼊配⽹模式。2配网状态如果sRGB彩灯为蓝色（开发板上的⽩⾊灯），并保持闪烁，表⽰设备处于配⽹状态。如果sRGB彩灯⼀直不亮，请参考本页第2节详细说明。如果设备不在配⽹状态或
C#初级——条件判断语句、循环语句和运算符
Wacanda
Unity c# microsoft 数据库
条件判断语句简单的条件判断语句，if()里面进行条件判断，如果条件判断正确就执行语句块1，如果不符合就执行语句块2。if(条件判断){语句块1}else{语句块2}intage=18;if(age：大于=：大于等于逻辑运算符逻辑运算符有三种：与&&，或||，非!与：如果两边为真，则为真，有假为假。或：如果有一边为真，则为真，有真为真。非：真变假，假变真。位运算符位运算是用于位运算的符号。详细请见【
【商城实战(18)】后台管理系统基础搭建：从0到1构建电商中枢
奔跑吧邓邓子
商城实战 商城实战 uniapp SpringBoot 后台管理系统
【商城实战】专栏重磅来袭！这是一份专为开发者与电商从业者打造的超详细指南。从项目基础搭建，运用uniapp、ElementPlus、SpringBoot搭建商城框架，到用户、商品、订单等核心模块开发，再到性能优化、安全加固、多端适配，乃至运营推广策略，102章内容层层递进。无论是想深入钻研技术细节，还是探寻商城运营之道，本专栏都能提供从0到1的系统讲解，助力你打造独具竞争力的电商平台，开启电商实战
C#基础教程07 判断
超级无敌暴龙战士塔塔开
C# c# 开发语言 .net
文章目录C#条件判断入门教程条件判断的基本语法常用运算符逻辑运算符if语句总结C#条件判断入门教程在C#编程语言中，条件判断是一种非常重要的控制语句。通过条件判断，我们可以根据不同的情况执行不同的代码，实现程序的流程控制。本篇文章将为大家介绍C#条件判断的基本语法、常用运算符、逻辑运算符，以及if语句、switch语句等控制语句的使用方法。条件判断的基本语法在C#中，条件判断的基本语法如下：pla
AIGC视频生成模型：ByteDance的PixelDance模型
好评笔记
AIGC 音视频 机器学习 人工智能 深度学习 计算机视觉 transformer
大家好，这里是好评笔记，公主号：Goodnote，专栏文章私信限时Free。本文详细介绍ByteDance的视频生成模型PixelDance，论文于2023年11月发布，模型上线于2024年9月，同时期上线的模型还有Seaweed（论文未发布）。热门专栏机器学习机器学习笔记合集深度学习深度学习笔记合集优质专栏回顾：机器学习笔记深度学习笔记多模态论文笔记AIGC—图像文章目录热门专栏机器学习深度学习
数学建模与图形建模资源全解析
点我头像干啥
Ai 数学建模 人工智能 python 深度学习 数据挖掘 分类
引言在当今的数据驱动时代，数学建模与图形建模已成为解决复杂问题、揭示数据内在规律的重要工具。无论是科学研究、工程设计，还是商业分析、决策支持，建模技术都发挥着举足轻重的作用。本文旨在为数学建模与图形建模的初学者及进阶者提供一份详尽的资源指南，涵盖软件工具、学习资料、在线课程、社区论坛等多个方面，帮助大家更好地掌握这些技能。一、数学建模资源概览1.数学建模软件工具数学建模离不开强大的软件支持。以下是
HTML5 Canvas制作雪花飘落动画
坚持坚持那些年
本文还有配套的精品资源，点击获取简介：HTML5引入了Canvas元素，它赋予网页设计师丰富的绘图能力，允许通过JavaScript实现复杂的动画效果。本文将介绍如何结合HTML5的Canvas元素和JavaScript创建一个全屏的雪花飘落背景动画。通过定义雪花对象、创建雪花数组、编写主循环并利用requestAnimationFrame来绘制和更新雪花位置，我们能够实现一个逼真的雪花飘落动画效
Spring Boot 条件注解：@ConditionalOnProperty 完全解析
web18285997089
面试 学习路线 阿里巴巴 spring boot java 后端
在SpringBoot项目中，有时候我们希望根据配置文件中的某个属性值来决定是否启用某个功能或加载某个组件。此时，@ConditionalOnProperty注解就可以发挥作用。它通过配置文件的属性值控制Bean或配置类的加载，使得我们的程序更具灵活性。本文将详细介绍@ConditionalOnProperty的用法，并通过功能开关和环境配置两个实际场景来展示它的强大之处。1.@Condition
django中路由配置规则的详细说明
小赖同学啊
python django sqlite 数据库
在Django中，路由配置是将URL映射到视图函数或类视图的关键步骤，它决定了用户请求的URL会触发哪个视图进行处理。以下将详细介绍Django中路由配置的规则、高级使用方法以及多个应用配置的规则。基本路由配置规则1.项目级路由配置在Django项目中，根路由配置文件通常是urls.py，位于项目目录下。以下是一个简单的示例：#项目目录下的urls.pyfromdjango.contribimpo
Html5学习教程，从入门到精通， HTML5超链接应用的详细语法知识点和案例代码（18）
知识分享小能手
网页开发 前端开发 编程语言如门 html5 学习 前端 html java 后端 css3
HTML5超链接应用的详细语法知识点和案例代码超链接（Hyperlink），也称为跃点链接，是互联网和文档编辑中的一种重要概念。超链接的定义超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片、动画、程序、电子邮件地址、文件，甚至是一个音视频文件。如果点击了这个链接，当前页面的位置就会跳转到被链接的目标位置。在文档编辑中，超链接可以链
Django 初始化导入数据详解
jay丿
django sqlite 数据库
Django初始化导入数据详解在Django项目中，初始化数据导入是一个常见的需求，特别是在开发阶段或者部署新环境时，通常需要一些预置的数据来确保应用能够正常运行。Django提供了一种高效的方法来加载初始化数据，即通过fixtures机制。本文将详细介绍如何使用Django的fixtures功能来导入初始化数据。1.Fixtures机制概述Django默认会在应用的目录下查找名为fixtures
Canvas资源宝典：全面探索HTML5 Canvas技术
支然苹
Canvas资源宝典：全面探索HTML5Canvas技术awesome-canvasAcuratedlistofawesomeHTML5Canvaswithexamples,relatedarticlesandposts.项目地址:https://gitcode.com/gh_mirrors/aw/awesome-canvas一、项目介绍项目概述awesome-canvas是由RaphaëlMor
探索创新：CanvasParticles - 点燃你的网页动态效果
柏赢安Simona
探索创新：CanvasParticles-点燃你的网页动态效果去发现同类优质开源项目:https://gitcode.com/是一个开源的JavaScript库，专注于在HTML5Canvas上创建引人入胜的粒子动画效果。如果你是Web开发者，正在寻找一种方法为你的网站增添独特的视觉吸引力，那么这个项目绝对值得你深入了解。项目简介CanvasParticles提供了一套简洁而强大的API，让你能够
探索Coco-Web：一款强大的H5创作工具
岑晔含Dora
探索Coco-Web：一款强大的H5创作工具去发现同类优质开源项目:https://gitcode.com/是一个开源的、基于Web的H5（HTML5）创作平台，旨在让开发者和设计师能够轻松地创建互动式的内容和应用。通过其直观的界面和丰富的功能，无论你是编程高手还是初学者，都能够利用Coco-Web制作出富有吸引力的数字内容。技术分析Coco-Web基于现代Web技术构建，包括：React.js:
探索CoreHTML5Canvas：创作动态Web图形的新工具
郁英忆
探索CoreHTML5Canvas：创作动态Web图形的新工具去发现同类优质开源项目:https://gitcode.com/是一个强大的JavaScript库，专为开发者设计，旨在简化和增强在Web上创建交互式和动画图形的能力。这个项目利用HTML5Canvas元素，提供了一个简洁且高效的API，让开发人员可以轻松地构建出丰富的2D渲染效果。技术分析HTML5Canvas是HTML5的一个重要特
实现openAI流式打印效果 (包含markdown代码高亮及复制功能)
Todo_MrWu
javascript vue.js 前端
准备工作//插件npminstallmarkdown-ithighlight.js//引入文件importMarkdownItfrom'markdown-it'importhljsfrom'highlight.js'import'highlight.js/styles/atom-one-dark.css'初始化数据data(){return{vHtml:'',//最终填充展示的htmlstring
使用Nginx进行反向代理HTTPS服务
TechABC
nginx https 运维 服务器
Nginx是一款高性能的Web服务器和反向代理服务器，它能够处理大量并发连接并提供快速的服务。在本文中，我们将学习如何使用Nginx来配置反向代理HTTPS服务。下面是一个详细的配置示例，以帮助您实现此目标。首先，您需要确保已经安装了Nginx。您可以通过以下命令来安装Nginx：sudoaptupdatesudoaptinstallnginx安装完成后，您可以编辑Nginx的配置文件。该文件通常
前端框架的发展史
Qpeterqiufengyi
专有名词解释 前端框架
1、htmlcss+div从1990年代初HTML被发明开始样式表就以各种形式出现了，不同的浏览器结合了它们各自的样式语言，读者可以使用这些样式语言来调节网页的显示方式。一开始样式表是给读者用的，最初的HTML版本只含有很少的显示属性，读者来决定网页应该怎样被显示。但随着HTML的成长，为了满足设计师的要求，HTML获得了很多显示功能。随着这些功能的增加外来定义样式的语言越来越没有意义了。1994
用flask做个简单llm-api
格瑞Lxf
flask python 后端
详细文档见：flask中文文档快速上手—Flask中文文档(2.3.x)(dormousehole.readthedocs.io)也可以看英文文档。接收端：开放本机5000端口apifromflaskimportFlask,jsonify,requestapp=Flask(__name__)fromutils.llmimportload_llmllms=load_llm()defllm(quest
Java开发效率的秘密武器：AI如何重塑你的编码体验？
Leaton Lee
java 人工智能 python
引言：代码中的“隐形导师”作为一名Java开发者，你是否曾经在深夜加班时感叹：“为什么我的代码总是出错？”或者“为什么别人写代码比我快那么多？”今天，我们将揭开一个鲜为人知的秘密——AI正在悄然改变我们的编码方式。在这篇文章中，我将带领你走进Java与AI结合的奇妙世界，揭示那些从未被详细讲述的细节。无论是代码补全、错误修复，还是性能优化，AI都能成为你的“隐形导师”。准备好让你的编码效率翻倍了吗
Webpack 打包详细教程
oliver.chau
前端开发 webpack 前端 node.js
Webpack是一个现代JavaScript应用的静态模块打包工具，它可以处理JavaScript、CSS、图片等资源，并优化它们以提高性能。以下是Webpack从基础到进阶的详细教程。1.Webpack基础概念Webpack的核心概念包括：Entry（入口）：Webpack开始打包的起点。Output（输出）：打包后的文件存放路径。Loaders（加载器）：转换非JavaScript资源（如CS
【TVM教程】为 Mobile GPU 自动调优卷积网络
ApacheTVM是一个深度的深度学习编译框架，适用于CPU、GPU和各种机器学习加速芯片。更多TVM中文文档可访问→https://tvm.hyper.ai/作者：LianminZheng,EddieYan针对特定设备的自动调优对于获得最佳性能至关重要。本文介绍如何调优整个卷积网络。TVM中MobileGPU的算子实现是以template形式编写的。该template有许多可调参数（tile因子
我的投资组合网站：打造个性化的在线投资展示平台
Tranyn.X
本文还有配套的精品资源，点击获取简介：本文介绍如何创建和设计一个在线平台，用于展示个人或专业投资者的投资策略、历史表现和投资理念。网站的构建涉及网页布局、响应式设计、CSS样式控制、内容管理、数据分析、SEO优化、安全性、用户体验、个性化和社交媒体整合等多个方面，确保网站既具有吸引力又能够有效地传达投资者的专业形象和投资成就。1.投资组合网站构建与网页布局设计网站构建的初步规划在当今数字化时代，构
tcc编译器教程6 进一步学习编译gmake源代码
刘阿去
学习 c语言
本文以编译gmake为例讲解如何使用tcc进行复杂一点的c代码的编译1简介前面主要讲解了如何编译lua解释器,lua解释器的编译很简单也很容易理解.当然大部分c语言程序编译没那么简单,下面对前面的gmake程序进行编译.2gmake源码结构首先打开之前tcc-busybox-for-win32\gmake文件夹,具体文件如下主要有3个文件夹和3个文件,分别为0.tcc-主要为编译所用的信息lib-
深度学习pytorch之简单方法自定义9类卷积即插即用
@Mr_LiuYang
计算机视觉基础 卷积类型 非对称卷积 深度卷积 空洞卷积 组卷积 深度可分离卷积 动态卷积
本文详细解析了PyTorch中torch.nn.Conv2d的核心参数，通过代码示例演示了如何利用这一基础函数实现多种卷积操作。涵盖的卷积类型包括：标准卷积、逐点卷积（1x1卷积）、非对称卷积（长宽不等的卷积核）、空洞卷积（扩大感受野）、深度卷积（逐通道滤波）、组卷积（分组独立处理）、深度可分离卷积（深度+逐点组合）、转置卷积（上采样）和动态卷积（动态生成卷积核），帮助读者理解如何通过调整参数灵活
PyCharm 对接 DeepSeek 大模型的详细操作流程
程之编
pycharm ide python
以下是使用PyCharm对接DeepSeek大模型的详细操作流程，基于Python开发环境。假设你已具备DeepSeekAPI的访问权限（需提前申请APIKey）：步骤1：PyCharm环境准备创建新项目打开PyCharm→NewProject→选择纯Python项目→指定项目路径→创建虚拟环境（建议选Virtualenv）。安装依赖库打开终端（Terminal）执行以下命令：pipinstall
DeepSeek与剪映短视频创作指南
meisongqing
人工智能 DeepSeek 剪映
DeepSeek（深度求索）作为一家专注实现AGI的中国公司，其技术可能涉及AI文本生成、图像处理等领域，结合剪映的智能剪辑功能，可以大幅提升短视频创作效率。以下是结合两者优势的详细创作步骤：一、创意策划阶段AI灵感激发使用DeepSeek的AI文本生成功能，输入关键词（如"美食教程"、"科技科普"）获取创意方向生成10-20个标题备选（示例Prompt："生成10个吸引年轻人的美妆短视频标题"）
中信银行太原分行营业部开展“金融知识普及共筑消费安全”宣传活动
lsrsyx
金融 安全
在第62个学雷锋纪念日与“3・15消费者权益保护日”来临之际，３月５日，中信银行太原分行营业部积极响应号召，以“金融知识普及，共筑消费安全”为主题，走进社区，传递金融知识，开展了一系列丰富多彩且富有成效的消费者权益保护活动，致力于提升公众金融素养与风险防范意识。分行营业部组织志愿者深入平阳路街道社区，开展“央行支付，惠企利民”主题宣传活动。活动现场，志愿者们通过发放精心制作的宣传单页，向居民们详细
在 cmake_modules 目录下编写 FindG2O.cmake 以集成 G2O
XU磊260
SLAM c++ 开发语言
1.简介在使用G2O（GeneralGraphOptimization）库进行优化问题求解时，通常需要在CMake项目中正确配置G2O的头文件和库文件路径。由于G2O并未提供官方的CMake配置文件，因此需要手动编写FindG2O.cmake以确保CMake能够正确找到G2O的依赖项。本文将详细解析FindG2O.cmake的编写方式，并介绍其工作原理。2.CMake中的FindG2O.cmake
Java jar包后台运行方式详解
我真的不想做程序员
java java jar 后端 开发语言 ide
目录一、打包成jar文件二、后台运行jar文件三、示例四、总结在Java开发中，我们经常需要将应用程序打包成可执行的jar文件，并在后台运行。这种方式对于部署长时间运行的任务或需要持续监听事件的应用程序非常重要。本文将详细介绍如何实现Javajar包的后台运行，并通过具体代码示例帮助您更好地理解和应用。一、打包成jar文件要将Java应用程序打包成jar文件，首先需要确保项目的目录结构符合要求。一
矩阵求逆（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到设计文档中，那将会是一件非常痛苦的事情。
语法结构为：
