(摘要:摘要的内容是不会在浏览器中显示出来,增加表格的可读性(语义化))
****标题文本 (描述表格内容,标题的显示位置:表格上方)
示例如下
超链接:
链接显示的
实现超链接语法
title属性:鼠标滑过链接文字时会显示这个属性的文本内容
标签在默认情况下,链接的网页是在当前浏览器窗口中打开
click here! 在新的浏览器窗口打开链接
标签还有一个作用是可以链接Email地址使用mailto能让访问者便捷向网站管理者发送
电子邮件。如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数
每一个都以“&”分隔。
发送 (浏览器自动调用默认客户端邮件程序,并在收货人中自动填上地址)
cc=填写抄送地址 bcc=密件抄送地址 subject= 添加邮件主题 body= 添加邮件内容
如:发送
发送 (分好隔开多个收货人地址,群发)
图片:
1、src:标识图像的位置(加载图片;
2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本;
3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本);
4、图像可以是GIF,PNG,JPEG格式的图像文件
#表单标签、与用户交互
CSS
认识CSS
1、CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等
//如下即设置段落p内的样式
p{
font-size:12px;/*设置文字字号*/
color:red;/*设置文字颜色*/
font-weight:bold;/*设置字体加粗*/
}
2、把
中的三个短语设置颜色: 把这三个短语用 括起来,在写如以下代码:
span{
color:red;
}
3、CSS代码语法 css 样式由选择符和声明组成,而声明又由属性和值组成,如下图所示
52fde5c30001b0fe03030117.jpg.png
选择符:选择器、指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响。 声明:在{}中,属性和值之间冒号隔开,多条声明分好隔开 如:
p{
font-size:12px;
color:red;
font-weight:bold;
}
4
屏幕快照 2016-11-18 下午9.02.51.png
5、CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种
内联式:
css样式表就是把css代码直接写在现有的HTML开始标签中,如
这里文字是红色。
css样式代码要写在style=""双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开,如:
这里文字是红色。
嵌入式css样式,
就是可以把css样式代码写在标签之间。如下面代码实现把三个标签中的文字设置为红色:
嵌入式css样式必须写在之间,并且一般情况下嵌入式css样式写在
之间,如上
外部式css 样式
(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在
内(不是在代码的前面,所以离设置元素较远,即它们的优先级遵循就近原则。 2️⃣、上面所总结的优先级是有一个前提:内联式、嵌入式、外部式样式表中css样式是在的相同权值的情况下
选择器
每一条css样式声明(定义)由两部分组成,形式如下:
选择器{ body{
样式; font-size:12px
} }
{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素
屏幕快照 2016-11-19 下午2.24.11.png
类选择器
语法:
.类选器名称{css样式代码;} (英文圆点开头、类选择器名称可以任意命名)
使用方法:
1️⃣使用合适的标签把要修饰的内容标记起来,如: 胆小如鼠 2️⃣使用class="类选择器名称"为标签设置一个类,如: 胆小如鼠 3️⃣设置类选器css样式,如: .stress{color:red;}
ID选择器
ID选择器都类似于类选择符,区别: 1️⃣、为标签设置id = "ID名称",而不是class = "类名称"。 2️⃣、ID选择符前面是井号(#),而不是英文圆点(.)。 如:
简单的问学
#halo{
font-size:20px;
color:green;
}
类和ID选择器的区别:
相同点 :可以用于任何元素
不同点 : 1️⃣ID选择器只能在文档中使用一次。与类选择器不用,在一个HTML文档中,ID选择器只能使用一次,而且仅一次,而类选择器可以使用很多次。 2️⃣可以使用类选择器 词列表 方法为一个元素同时设置多个样式,只可用类选择器方法实现,ID选择器不行(不能使用ID 词列表) 如:
.stress{
color:red;
}
.bigsize{
font-size:25px;
}
到了三年级 下学期时,我们班上了一节公开课...
子选择器
即大于符号(>),用于选择指定标签元素的第一代 子元素。如:
.food>li{border:1px solid red;}
//如此处是为 ..
标签中的*第一代子元素*.. 里的内容设置灰色边框
.first>span{
border:2px solid gray;
}
三年级时,我还是一个胆小如鼠 的小女孩 ,上课从来不敢回答老师提出的问题
包含(后代)选择器
包含选择器,即加入空格,用于选择指定标签元素下的后辈元素,如:
.first span{color:red;} //即设置first类下所有span元素的字体为红色,也可继续加新标签赋值,如直接
在后面写上 {color:blue }, 同时给下面标签中需要设置蔚蓝色字体的文字加上标签
三年级时,我还是一个胆小如鼠 的小女孩
与子选择器区别:子选择器 (child selector)仅是指它的直接后代,或者你可以理解为作用于子元素的第一代后代。后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择,而子选择器是通过“>”进行选择。总结:> 作用于元素的第一代后代,空格 作用于元素的所有后代。
通用选择器
通用选择器是功能最强大的选择器,它使用一个(*)号指定,它的作用是匹配html中所有标签元素,如下使用下面代码使用html中任意标签元素字体颜色全部设置为红色:
* {color:red;}
伪类选择符
允许给html不存在的标签(标签的某种状态)设置样式,比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体大小颜色:
a:hover{
color:red;
font-size:22px
}
上面一行代码就是为 a 标签鼠标滑过的状态设置字体颜色变红变大
关于伪选择符 : 目前为止,可以兼容所有浏鉴器的“伪类选择符”就是 a 标签上使用 :hover 了(其实伪类选择符还有很多,尤其是 css3 中,但是因为不能兼容所有浏览器,本教程只是讲了这一种最常用的)。其实 :hover 可以放在任意的标签上,比如说 p:hover,但是它们的兼容性也是很不好的,所以现在比较常用的还是 a:hover 的组合。
分类选择符
为html中多个标签元素设置同一个样式时,可以使用分组选择符(,),如下:
h1,span{color:red;}
它相当于下面两行代码:
h1{color:red;}
span{color:red;}
CSS特性
继承性
继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。
p{color:red;}
三年级时,我还是一个胆小如鼠 的小女孩。
注意有一些css样式是不具有继承性的。如border:1px solid red;
p{border:1px solid red;}
三年级时,我还是一个胆小如鼠 的小女孩。
上面例子中它代码的作用只是给p标签设置了边框为1像素、红色、实心边框线,而对于子元素span是没用起到作用的。
特殊性
有的时候我们为同一个元素设置了不同的CSS样式代码,那么元素会启用哪一个CSS样式? 看一下面的代码:
p{color:red;}
.first{color:green;}
三年级时,我还是一个胆小如鼠 的小女孩。
green是正确的颜色,因为浏览器是根据权值来判断使用哪种css样式的,权值高的就使用哪种css样式。
权值的规则 :
标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。 例如下面的代码:
p{color:red;} **/*权值为1*/**
p span{color:green;} **/*权值为1+1=2*/**
.warning{color:white;} **/*权值为10*/**p
span.warning{color:purple;} **/*权值为1+1+10=12*/**
#footer .note p{color:yellow;} **/*权值为100+10+1=111*/**
还有一个权值比较特殊--继承也有权值但很低,有的文献提出它只有0.1,所以可以理解为继承的权值最低。
层叠
如果在html文件中对于同一个元素可以有多个css样式存在并且这多个css样式具有相同权重值 怎么办? 层叠 就是在html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用。
p{color:red;}
p{color:green;}
三年级时,我还是一个胆小如鼠 的小女孩。
最后 p 中的文本会设置为green,这个层叠很好理解,理解为后面的样式会覆盖前面的样式。 所以前面的css样式优先级就不难理解了:
内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中) 。(此处嵌入式跟外部式依据具体位置而定)
重要性
做网页代码的时,有些特殊的情况需要为某些样式设置具有最高权值,这时候我们可以使用!important 来解决。 如下代码:
p{color:red**!important**;}
p{color:green;}
三年级时,我还是一个胆小如鼠 的小女孩。
这时 p 段落中的文本会显示的red红色。 注意:!important要写在分号的前面
注意当网页制作者不设置css样式时,浏览器会按照自己的一套样式来显示网页。并且用户也可以在浏览器中设置自己习惯的样式,比如有的用户习惯把字号设置为大一些,使其查看网页的文本更加清楚。这时注意样式优先级为:浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式 ,但记住!important优先级样式是个例外,权值高于用户自己设置的样式。
你可能感兴趣的:(HTML&CSS笔记(1))
NVIDIA-B200 OFED安装失败解决步骤,实际生产环境故障一例
清风 001
AI大模型底层建设 linux 运维 服务器
环境信息系统ubuntu22.04硬件nvidiaB200nvidia-driverubuntu2204-570.124.06cudacuda-toolkit-12-8报错信息./MLNX_OFED_LINUX-24.10-2.1.8.0-ubuntu22.04-x86_64/DEBS/libibumad-dev_2410mlnx54-1.2410068_amd64.deb./MLNX_OFED_
Java常用集合与映射的线程安全问题深度解析
jiajia651304
java 安全 开发语言
Java常用集合与映射的线程安全问题深度解析一、线程安全基础认知在并发编程环境下,当多个线程同时操作同一集合对象时,若未采取同步措施,可能导致以下典型问题:数据竞争:多个线程同时修改数据导致结果不可预测状态不一致:部分线程看到集合的中间状态内存可见性:线程本地缓存与主内存数据不同步死循环风险:特定操作引发无限循环(如JDK7的HashMap扩容)二、典型非线程安全集合问题分析1.ArrayList
Ubuntu20.04 RTX4060 AI环境搭建
stxinu
人工智能 人工智能
下面记录在Ubuntu20.04环境下,使用ASUSATS-RTX4060-O8G-V2显卡,搭建NvidiaTensorRT开发环境。1.安装步骤0)准备工作使用如下命令创建我们的工作目录:mkdir~/nvidia再使用如下命令进入到上面的目录(接下来的步骤,如无特殊说明,均在该目录下进行):cd~/nvidia1)安装CUDA下载并安装NVIDIACUDAToolkit:wgethttps:
SassScript:Sass中的编程特性详解
算法探险家
sass 前端 css
Sass(SyntacticallyAwesomeStylesheets)是一种强大的CSS预处理器,它允许开发者使用类似于编程语言的语法来编写CSS,然后通过编译生成标准的CSS代码。SassScript是Sass中的编程特性集合,它包含了变量、嵌套规则、混合、函数以及控制指令等,极大地提高了CSS的开发效率和可维护性。1.变量SassScript中的变量允许开发者在样式表中存储和重复使用值。变
【AI大模型-提示词中的###和“““】
NeVeRMoRE_2024
AI大语言模型-ChatGPT 人工智能
提示词中活用###和"""(或其他特殊字符或格式)的原因主要基于以下几点:1.结构化与清晰性在编写提示词时,使用特殊字符如###和"""可以帮助将复杂的指令或上下文信息结构化,使其更加清晰易懂。这对于大型语言模型(LLMs)尤为重要,因为它们需要处理大量的输入信息,并据此生成输出。结构化的提示词有助于模型更好地理解用户的意图,减少误解的可能性。例如,使用###作为分隔符,可以将提示词中的不同部分(
Vue 3 事件总线详解:构建组件间高效通信的桥梁
QQ828929QQ
vue.js 前端 javascript
Vue3事件总线详解:构建组件间高效通信的桥梁为什么需要事件总线?使用mitt实现事件总线1.安装mitt2.创建事件总线3.在组件中使用事件总线发送端组件(例如ComponentA.vue)接收端组件(例如ComponentB.vue)自定义实现事件总线总结在复杂的前端应用中,组件之间的通信往往需要一种灵活且解耦的方式。传统的Vue2中,我们常使用全局事件总线来实现这种通信,但在Vue3中,由于
Vue Markdown 编辑器全攻略:轻松集成 MD 编辑器到前端项目
软件工匠师
前端 vue.js 编辑器
VueMarkdown编辑器全攻略:轻松集成MD编辑器到前端项目1.为什么选择Markdown编辑器?2.安装v-md-editor3.全局配置与集成4.在组件中使用Markdown编辑器5.高级配置与自定义功能6.总结在现代前端开发中,Markdown编辑器被广泛应用于博客、内容管理系统、在线文档等场景。本文将以Vue3为例,详细介绍如何使用v-md-editor库在项目中集成Markdown编
MySQL常用函数详解及SQL代码示例
星河浪人
mysql sql android
MySQL常用函数详解及SQL代码示例引言当前日期和时间函数字符串函数数学函数聚合函数结论引言MySQL作为一种广泛使用的关系型数据库管理系统,提供了丰富的内置函数来简化数据查询、处理和转换。掌握这些函数可以大大提高数据库操作的效率和准确性。本文将详细介绍MySQL中一些常用的函数,并配以SQL代码示例,帮助读者更好地理解和应用这些函数。当前日期和时间函数在当前时间(中国北京时间2025年03月1
OmniParser V2 安装与使用教程
Leaton Lee
OmniParser V2 人工智能 deepseek
1.环境准备操作系统:支持Windows/macOS/Linux。Python版本:确保已安装Python3.7或更高版本。包管理工具:使用pip(Python自带)。安装环境:condacreate-n"omni"python==3.12condaactivateomnipipinstall-rrequirements.txt确保您已将V2权重下载到weights文件夹中(确保标题权重文件夹名为
Linux基础指令详解:掌握Linux系统的必备技能
智能编织者
linux 服务器 运维
Linux基础指令详解:掌握Linux系统的必备技能一、Linux基础指令概述二、基础指令详解1.**ls**2.**cd**3.**pwd**4.**mkdir**5.**rmdir**6.**rm**7.**cp**8.**mv**9.**cat**10.**more**和**less**11.**chmod**12.**chown**13.**df**14.**du**15.**ps**16
AGI大模型(5):提示词工程
不死鸟.亚历山大.狼崽子
AGI大模型 agi
1什么是提示词工程(Prompt)所谓的提示词其实指的就是提供给模型的⼀个⽂本⽚段,⽤于指导模型⽣成特定的输出或回答。提示词的⽬的是为模型提供⼀个任务的上下⽂,以便模型能够更准确地理解⽤户的意图,并⽣成相关的回应。2什么是提示⼯程(PromptEngineering)所谓的提示⼯程也可以被称为「指令⼯程」,提示⼯程的核⼼思想是,通过精⼼设计的提示,可以显著提⾼模型的性能和输出质量。貌似简单,但其实
【异常】 The engine “node“ is incompatible with this module. Expected version “^14.18.0 || >=16.0.0“.
本本本添哥
007 - 大前端技术 前端 yarn npm
一、报错内容二、报错说明这个错误提示表示你的Node.js版本与该模块不兼容。三、报错解决3.1使用cnpm来安装cnpminstall3.2将Node.js版本升级到14.18.0或更高版本需要将Node.js版本升级到14.18.0或更高版本,或者降级到16.0.0或更高版本。你可以通过以下命令查看当前Node.js版本:node-v如果你需要升级或降级Node.js版本,可以访问Node.j
使用GCC编译Notepad++的插件
硫酸锌01
Windows C/C++ notepad++ windows c++
Notepad++的本体1是支持使用MSVC和GCC编译的2,但是Notepad++插件的官方文档3里却只给出了MSVC的编译指南4。网上也没有找到相关的讨论,所以我尝试在Windows上使用MinGW,基于GCC-8.1.0的posix-sjlj线程版本5,研究一下怎么编译:官方例程:https://github.com/npp-plugins/plugindemo语法修改:在StaticDia
视觉工程师:工业相机50问
钢铁男儿
机器视觉 机器视觉 工业相机
1:工业相机的丢帧的问题是由什么原因引起的?经常会有一些机器视觉工程师认为USB接口的工业相机会造成丢帧现象。一般而言,工业相机丢帧与工业相机所采用的传输接口是没有关系的,无论是USB,还是1394、GigE、或者是CameraLink。设计不良的驱动程序或工业相机硬件才是造成丢帧的真正原因:设计不良的工业相机之所以会发生丢帧的现象,其实就是资料通道的堵塞,无法及时处理,所以新的图像进来时,前一张
解决Python中递归报错的问题
硫酸锌01
Python python
1、问题背景Duringhandlingoftheaboveexception,anotherexceptionoccurred:有没有见到过这个报错?当出现这个报错的时候,意味着报错信息特别特别地长,难以关注到有效信息。那么这种报错是如何产生的?以及如何设计才能避免产生这种冗长的报错?2、我的需求如果我有一个Python的多维数组列表:lst=[[[1,2],[3,4]],[[5,6],[7,8
我的Notepad++插件推荐
硫酸锌01
Windows ide 编辑器
上一篇文章我对x86版本的Notepad++官方支持的167个第三方插件,做了一个总结和翻译介绍。这几天我对感兴趣的插件做了一些测试,推荐22个高频使用的实用插件。Notepad++的插件可以从菜单栏的插件-插件管理中查找并下载:或者也可以下载文件后将插件拷贝到Notepad++安装目录下的plugins目录下。其中本文提到的全部22个插件我已经上传到了网盘。其中我对dll文件使用了upx压缩,所
Notepad++绿色版:便携高效的代码编辑器
FasterThanMind
本文还有配套的精品资源,点击获取简介:Notepad++是一款免费且无需安装的绿色版源代码编辑器,专为编程和文本处理设计。它支持多种编程语言的语法高亮、宏功能、增强的查找和替换、多文档界面、插件支持、编码转换、智能提示、个性化设置以及轻量级运行。Notepad++体积小、启动快,且对Windows平台具有良好的兼容性,适合在任何Windows系统计算机上使用,包括最新的Windows11。这款编辑
标签转换脚本 - VOC格式转COCO格式,即voc2coco,xml2json 附VOC及COCO标签格式详解
Limiiiing
YOLO训练/写作脚本 YOLO 计算机视觉 目标检测 深度学习
前言本文的脚本功能为将VOC数据集的标签文件xml转成COCO的标签文件,指定自己的VOC数据集的标签文件路径后,可一键运行转成COCO的标签文件。专栏目录:YOLO训练/写作脚本目录一览|涉及标签转换、数据扩充、热力图、感受野、精度曲线、数量统计等近百个脚本文件专栏地址:YOLO训练/写作脚本——丰富文章内容,增强实验信服力,助力发文!!!文章目录前言一、VOC数据集介绍1.1总体结构1.2各标
标签转换脚本 - VOC格式转YOLO格式,即voc2yolo,xml2txt 附VOC及YOLO标签格式详解
Limiiiing
YOLO训练/写作脚本 YOLO 深度学习 计算机视觉 目标检测
前言本文的脚本功能为将VOC数据集的标签文件xml转成YOLO的标签文件,指定自己的VOC数据集的标签文件路径后,可一键运行转成YOLO的标签文件。专栏目录:YOLO训练/写作脚本目录一览|涉及标签转换、数据扩充、热力图、感受野、精度曲线、数量统计等近百个脚本文件专栏地址:YOLO训练/写作脚本——丰富文章内容,增强实验信服力,助力发文!!!文章目录前言一、VOC数据集介绍1.1总体结构1.2各标
蓝桥杯Python赛道备赛——Day6:算术(二)(数学问题)
SKY YEAM
蓝桥杯备赛 蓝桥杯 python 职场和发展
本期博客是蓝桥杯备赛中算术(数学问题)的第二期,包括:快速幂算法、逆元(模意义下的倒数)、组合数计算和排列数计算。每一种数学问题都在给出定义的同时,给出了其求解方法的示例代码,以供低年级师弟师妹们学习和练习。前序知识:(1)Python基础语法算术(二)(数学问题)一、快速幂算法二、逆元(模意义下的倒数)三、组合数计算四、排列数计算一、快速幂算法1.定义:快速计算大指数幂的算法。2.算法原理:二进
蓝桥杯Python赛道备赛——Day1:基础算法
SKY YEAM
蓝桥杯备赛 蓝桥杯 python 算法
本博客就蓝桥杯中的基础算法(这一部分说是算法,但更是一些简单的操作)进行罗列,包括:枚举、模拟、前缀和、差分、二分查找、进制转换、贪心、位运算和双指针。每一个算法都在给出概念解释的同时,给出了示例代码,以供低年级师弟师妹们学习和练习。前序知识:(1)Python基础语法(2)PythonOOP(面向对象编程)基础算法(操作)一、枚举二、模拟三、前缀和四、差分五、二分查找六、进制转换七、贪心八、位运
如何用python做一个小程序进行炒股?
大懒猫软件
python 小程序 开发语言
使用Python分析股票的完整程序以下是一个完整的Python程序,展示如何获取股票数据、进行数据清洗、计算技术指标、并进行简单的价格走势分析。1.安装必要的库首先,确保安装了必要的库:bash复制pipinstallrequestspandasmatplotlibyfinance2.获取股票数据使用yfinance库获取股票数据。yfinance是一个流行的库,可以方便地从雅虎财经获取股票数据。
[RA-L 2023] Coco-LIC:基于非均匀 B 样条的连续时间紧密耦合 LiDAR-惯性-相机里程计
十年一梦实验室
c++
这段代码是一个基于C++的均匀B样条(UniformB-spline)实现,专门用于表示SE(3)变换(即三维空间中的刚体变换,包括旋转和平移)。以下是对代码的总结:1.许可证和版权使用BSD3-ClauseLicense,允许在满足条件的情况下自由分发和修改。版权归VladyslavUsenko和NikolausDemmel所有,属于Basalt项目的一部分。2.功能概述文件定义了一个模板类Se
ArcGIS 10.1 Engine Developer Kit 和 ArcGIS 10.1 Engine 快速入门指南
冷月宫主
arcinfo
http://resources.arcgis.com/zh-cn/help/quick-start-guides/10.1/index.html#//01q100000004000000ArcGIS10.1EngineDeveloperKit和ArcGIS10.1Engine快速入门指南
Android 使用MediaPlayer播放音频详解
吴硼
android java
目录一、官方资料二、简单介绍三、MediaPlayer使用1.创建MediaPlayer实例2.重要API3.状态图4.代码5.常用API6.辅助效果总结一、官方资料MediaPlayer概览https://developer.android.google.cn/guide/topics/media/mediaplayer?hl=zh_cnMediaPlayer文档https://develope
The import android.media.audiofx.AcousticEchoCanceler cannot be resolved
Dev_Hanyu
Android开发
RT.android.media.audiofx.AcousticEchoCanceler,AddedinAPIlevel16需要将App的目标SDK版本变成16选择项目右键properties,选择Android,然后勾选版本SDK-16.版本选择最好是看下工程的AndroidManifest.xml,选择一样的。target:SDK-16。成功!
Spring Boot 整合 Redis 使用教程
小小鸭程序员
spring java spring boot mysql redis
Redis是一种高性能的键值存储数据库,常用于缓存、会话管理和消息队列等场景。SpringBoot通过SpringDataRedis提供了简洁的整合方式。1.环境准备1.1添加依赖在pom.xml中添加Redis依赖(SpringBoot3.x):org.springframework.bootspring-boot-starter-data-redisredis.clientsjedis2.配置
数据集格式转换——json2txt、xml2txt、txt2json【复制就能用】
kay_545
YOLO11改进有效涨点 python 人工智能 机器学习
秋招面试专栏推荐:深度学习算法工程师面试问题总结【百面算法工程师】——点击即可跳转本专栏所有程序均经过测试,可成功执行专栏地址:YOLO11入门+改进涨点——点击即可跳转欢迎订阅目录json2txt脚本xml2txttxt2json
蓝桥杯Python赛道备赛——Day7:动态规划(基础)
SKY YEAM
蓝桥杯备赛 蓝桥杯 python 动态规划
本博客就蓝桥杯中所涉及的动态规划基础问题进行讲解,包括:递推、记忆化搜索、最长公共子序列(LCS)和最长上升子序列(LIS)。每一种动态规划问题都在给出定义的同时,给出了其求解方法的示例代码,以供低年级师弟师妹们学习和练习。前序知识:(1)Python基础语法动态规划(基础)一、递推(迭代法)二、记忆化搜索(递归+缓存)三、最长公共子序列(LCS)四、最长上升子序列(LIS)一、递推(迭代法)定义
Spring设计模式 八股速记 高层模块底层模块 依赖倒置原则 开闭原则 接口隔离原则
她说喜欢是装的.
# SpringBoot # JavaSE web后端开发 java 开发语言 cocoa github macos objective-c 数据库
目录高层模块底层模块一、定义与核心思想二、实现方式三、优点与价值四、典型应用场景五、与其他原则的关系示例说明依赖倒置原则一、定义与核心思想二、实现方式三、优点与价值四、典型应用场景五、与其他原则的关系示例说明自己理解开闭原则1.抽象化与接口设计2.封装与模块化3.多态性与继承机制4.依赖抽象而非具体实现5.设计原则的协同作用总结接口隔离原则一、核心定义二、与单一职责原则的区别三、应用场景与实现方式
jdk tomcat 环境变量配置
Array_06
java jdk tomcat
Win7 下如何配置java环境变量
1。准备jdk包,win7系统,tomcat安装包(均上网下载即可)
2。进行对jdk的安装,尽量为默认路径(但要记住啊!!以防以后配置用。。。)
3。分别配置高级环境变量。
电脑-->右击属性-->高级环境变量-->环境变量。
分别配置 :
path
&nbs
Spring调SDK包报java.lang.NoSuchFieldError错误
bijian1013
java spring
在工作中调另一个系统的SDK包,出现如下java.lang.NoSuchFieldError错误。
org.springframework.web.util.NestedServletException: Handler processing failed; nested exception is java.l
LeetCode[位运算] - #136 数组中的单一数
Cwind
java 题解 位运算 LeetCode Algorithm
原题链接:#136 Single Number
要求:
给定一个整型数组,其中除了一个元素之外,每个元素都出现两次。找出这个元素
注意:算法的时间复杂度应为O(n),最好不使用额外的内存空间
难度:中等
分析:
题目限定了线性的时间复杂度,同时不使用额外的空间,即要求只遍历数组一遍得出结果。由于异或运算 n XOR n = 0, n XOR 0 = n,故将数组中的每个元素进
qq登陆界面开发
15700786134
qq
今天我们来开发一个qq登陆界面,首先写一个界面程序,一个界面首先是一个Frame对象,即是一个窗体。然后在这个窗体上放置其他组件。代码如下:
public class First { public void initul(){ jf=ne
Linux的程序包管理器RPM
被触发
linux
在早期我们使用源代码的方式来安装软件时,都需要先把源程序代码编译成可执行的二进制安装程序,然后进行安装。这就意味着每次安装软件都需要经过预处理-->编译-->汇编-->链接-->生成安装文件--> 安装,这个复杂而艰辛的过程。为简化安装步骤,便于广大用户的安装部署程序,程序提供商就在特定的系统上面编译好相关程序的安装文件并进行打包,提供给大家下载,我们只需要根据自己的
socket通信遇到EOFException
肆无忌惮_
EOFException
java.io.EOFException
at java.io.ObjectInputStream$PeekInputStream.readFully(ObjectInputStream.java:2281)
at java.io.ObjectInputStream$BlockDataInputStream.readShort(ObjectInputStream.java:
基于spring的web项目定时操作
知了ing
java Web
废话不多说,直接上代码,很简单 配置一下项目启动就行
1,web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns="h
树形结构的数据库表Schema设计
矮蛋蛋
schema
原文地址:
http://blog.csdn.net/MONKEY_D_MENG/article/details/6647488
程序设计过程中,我们常常用树形结构来表征某些数据的关联关系,如企业上下级部门、栏目结构、商品分类等等,通常而言,这些树状结构需要借助于数据库完成持久化。然而目前的各种基于关系的数据库,都是以二维表的形式记录存储数据信息,
maven将jar包和源码一起打包到本地仓库
alleni123
maven
http://stackoverflow.com/questions/4031987/how-to-upload-sources-to-local-maven-repository
<project>
...
<build>
<plugins>
<plugin>
<groupI
java IO操作 与 File 获取文件或文件夹的大小,可读,等属性!!!
百合不是茶
类 File
File是指文件和目录路径名的抽象表示形式。
1,何为文件:
标准文件(txt doc mp3...)
目录文件(文件夹)
虚拟内存文件
2,File类中有可以创建文件的 createNewFile()方法,在创建新文件的时候需要try{} catch(){}因为可能会抛出异常;也有可以判断文件是否是一个标准文件的方法isFile();这些防抖都
Spring注入有继承关系的类(2)
bijian1013
java spring
被注入类的父类有相应的属性,Spring可以直接注入相应的属性,如下所例:1.AClass类
package com.bijian.spring.test4;
public class AClass {
private String a;
private String b;
public String getA() {
retu
30岁转型期你能否成为成功人士
bijian1013
成长 励志
很多人由于年轻时走了弯路,到了30岁一事无成,这样的例子大有人在。但同样也有一些人,整个职业生涯都发展得很优秀,到了30岁已经成为职场的精英阶层。由于做猎头的原因,我们接触很多30岁左右的经理人,发现他们在职业发展道路上往往有很多致命的问题。在30岁之前,他们的职业生涯表现很优秀,但从30岁到40岁这一段,很多人
【Velocity四】Velocity与Java互操作
bit1129
velocity
Velocity出现的目的用于简化基于MVC的web应用开发,用于替代JSP标签技术,那么Velocity如何访问Java代码.本篇继续以Velocity三http://bit1129.iteye.com/blog/2106142中的例子为基础,
POJO
package com.tom.servlets;
public
【Hive十一】Hive数据倾斜优化
bit1129
hive
什么是Hive数据倾斜问题
操作:join,group by,count distinct
现象:任务进度长时间维持在99%(或100%),查看任务监控页面,发现只有少量(1个或几个)reduce子任务未完成;查看未完成的子任务,可以看到本地读写数据量积累非常大,通常超过10GB可以认定为发生数据倾斜。
原因:key分布不均匀
倾斜度衡量:平均记录数超过50w且
在nginx中集成lua脚本:添加自定义Http头,封IP等
ronin47
nginx lua csrf
Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言,从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器,但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com
Google把子域名当作完全独立的网站,我们不希望爬虫抓取子域名的页面,降低我们的Page rank。
location /{
java-3.求子数组的最大和
bylijinnan
java
package beautyOfCoding;
public class MaxSubArraySum {
/**
* 3.求子数组的最大和
题目描述:
输入一个整形数组,数组里有正数也有负数。
数组中连续的一个或多个整数组成一个子数组,每个子数组都有一个和。
求所有子数组的和的最大值。要求时间复杂度为O(n)。
例如输入的数组为1, -2, 3, 10, -4,
Netty源码学习-FileRegion
bylijinnan
java netty
今天看org.jboss.netty.example.http.file.HttpStaticFileServerHandler.java
可以直接往channel里面写入一个FileRegion对象,而不需要相应的encoder:
//pipeline(没有诸如“FileRegionEncoder”的handler):
public ChannelPipeline ge
使用ZeroClipboard解决跨浏览器复制到剪贴板的问题
cngolon
跨浏览器 复制到粘贴板 Zero Clipboard
Zero Clipboard的实现原理
Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上,这样其实点击的不是按钮而是 Flash ,这样将需要的内容传入Flash,再通过Flash的复制功能把传入的内容复制到剪贴板。
Zero Clipboard的安装方法
首先需要下载 Zero Clipboard的压缩包,解压后把文件夹中两个文件:ZeroClipboard.js
单例模式
cuishikuan
单例模式
第一种(懒汉,线程不安全):
public class Singleton { 2 private static Singleton instance; 3 pri
spring+websocket的使用
dalan_123
一、spring配置文件
<?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.or
细节问题:ZEROFILL的用法范围。
dcj3sjt126com
mysql
1、zerofill把月份中的一位数字比如1,2,3等加前导0
mysql> CREATE TABLE t1 (year YEAR(4), month INT(2) UNSIGNED ZEROFILL, -> day
Android开发10——Activity的跳转与传值
dcj3sjt126com
Android开发
Activity跳转与传值,主要是通过Intent类,Intent的作用是激活组件和附带数据。
一、Activity跳转
方法一Intent intent = new Intent(A.this, B.class); startActivity(intent)
方法二Intent intent = new Intent();intent.setCla
jdbc 得到表结构、主键
eksliang
jdbc 得到表结构、主键
转自博客:http://blog.csdn.net/ocean1010/article/details/7266042
假设有个con DatabaseMetaData dbmd = con.getMetaData(); rs = dbmd.getColumns(con.getCatalog(), schema, tableName, null); rs.getSt
Android 应用程序开关GPS
gqdy365
android
要在应用程序中操作GPS开关需要权限:
<uses-permission android:name="android.permission.WRITE_SECURE_SETTINGS" />
但在配置文件中添加此权限之后会报错,无法再eclipse里面正常编译,怎么办?
1、方法一:将项目放到Android源码中编译;
2、方法二:网上有人说cl
Windows上调试MapReduce
zhiquanliu
mapreduce
1.下载hadoop2x-eclipse-plugin https://github.com/winghc/hadoop2x-eclipse-plugin.git 把 hadoop2.6.0-eclipse-plugin.jar 放到eclipse plugin 目录中。 2.下载 hadoop2.6_x64_.zip http://dl.iteye.com/topics/download/d2b
如何看待一些知名博客推广软文的行为?
justjavac
博客
本文来自我在知乎上的一个回答:http://www.zhihu.com/question/23431810/answer/24588621
互联网上的两种典型心态:
当初求种像条狗,如今撸完嫌人丑
当初搜贴像条犬,如今读完嫌人软
你为啥感觉不舒服呢?
难道非得要作者把自己的劳动成果免费给你用,你才舒服?
就如同 Google 关闭了 Gooled Reader,那是
sql优化总结
macroli
sql
为了是自己对sql优化有更好的原则性,在这里做一下总结,个人原则如有不对请多多指教。谢谢!
要知道一个简单的sql语句执行效率,就要有查看方式,一遍更好的进行优化。
一、简单的统计语句执行时间
declare @d datetime ---定义一个datetime的变量set @d=getdate() ---获取查询语句开始前的时间select user_id
Linux Oracle中常遇到的一些问题及命令总结
超声波
oracle linux
1.linux更改主机名
(1)#hostname oracledb 临时修改主机名
(2) vi /etc/sysconfig/network 修改hostname
(3) vi /etc/hosts 修改IP对应的主机名
2.linux重启oracle实例及监听的各种方法
(注意操作的顺序应该是先监听,后数据库实例)
&nbs
hive函数大全及使用示例
superlxw1234
hadoop hive函数
具体说明及示例参 见附件文档。
文档目录:
目录
一、关系运算: 4
1. 等值比较: = 4
2. 不等值比较: <> 4
3. 小于比较: < 4
4. 小于等于比较: <= 4
5. 大于比较: > 5
6. 大于等于比较: >= 5
7. 空值判断: IS NULL 5
Spring 4.2新特性-使用@Order调整配置类加载顺序
wiselyman
spring 4
4.1 @Order
Spring 4.2 利用@Order控制配置类的加载顺序
4.2 演示
两个演示bean
package com.wisely.spring4_2.order;
public class Demo1Service {
}
package com.wisely.spring4_2.order;
public class