haimianxiaojie
haimianxiaojie

HTML/CSS学习笔记

定义：
HTML 是用来描述网页的一种语言。
CSS样式则定义如何显示 HTML 元素。

HTML用来布局，对HTML语言来讲，语义化是它所看重的。

目前对于html语义化意义的理解：1）html语义化可以让文档在没有css的情况下，页面也能够比较好地呈现出内容结构、代码结构；2）html语义化可以方便其他设备更好地解析。例如可以让机器更好地解析这篇文档，在阅读一篇html文档时可以理解这篇文档的内容，比如遇到h1~h6标签它就会知道这是一个标题，遇到artical标签它就会知道这是一篇文章，遇到table标签它就会知道这里是一个表格。这对于视觉障碍需要设备语音的人员来讲是很重要的；3）有利于SEO，即和搜索引擎建立良好的沟融，帮助爬虫爬去更多更有效的信息，因为爬虫依赖于标签来确定上下文和各个关键字的权重。4）方便团队的开发和维护，因为语义化更具有可读性。5）语义化标签的恰当应用有利于用户体验的提升，如lable标签。

CSS用来规定HTML文档的表现样式，所以丰富的表现力对它来讲是重要的。

1.HTML基本概念
1.1HTML文档
符合HTML定义的语法规则的文本。一个完整的HTML文档一般符合如下的结构。

<!DOCTYPE html> 
<html>
    <head>
        <标签1>内容</标签1>
        <标签2>内容</标签2>
        <标签3>内容</标签3>
    </head>
    <body>
        <标签1>内容</标签1>
        <标签2>内容</标签2>
        <标签3>内容</标签3>   
    </body>
</html>

1.2HTML元素
HTML 文档是由 HTML 元素定义的。HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。
例如

<p> This is a paragraph </p>

这就是一个html元素。
1.3HTML属性
属性用来提供有关 HTML 元素的更多的信息，一般是以键值对的形式出现。
例如

<a href="http://www.w3school.com.cn">This is a link</a>

其中的href="http://www.w3school.com.cn"就是a标签的一个属性。

2.HTML元素
2.1元素种类

  • 块级元素（block）
  • 行内元素（inline）

用法：无论是块级元素还是行内元素都只能出现在body标签中。
区别：

  • 格式上：块级元素都会从新的一行开始，而行内元素可以从一行的任意位置开始
  • 内容上：块级元素可以包含其他块级元素和行内元素，这种区别意味着块级元素可以生成比行内元素更大的结构。

以上的两个区别适用于HTML4.01及之前的规范，在HTML5中它们之间的差别用一种更加复杂的内容种类（Content categories）来规范。在HTML5中块级元素的分类严格对应flow content，行内元素则对应于phrasing content。参考：https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content

块级元素有

  • address
  • article (HTML5)
  • aside (HTML5)
  • blockquote
  • canvas (HTML5)
  • dd
  • div
  • dl
  • fieldset
  • figcaption (HTML5)
  • figure (HTML5)
  • footer (HTML5)
  • form
  • h1~h6
  • header (HTML5)
  • hgroup (HTML5)
  • hr
  • li
  • main
  • nav
  • nocsript
  • ol
  • output (HTML5)
  • p
  • pre
  • section (HTML5)
  • table
  • tfoot
  • ul
  • video (HTML5)

行内元素有
- b,big,i,small,tt
- abbr,cite,code,dfn,em,kbd,strong,samp,time,var
- a,bdo,br,img,map,object,q,script,span,sub,sup
- button,input,lable,select,textarea

2.2HTML元素及使用

你可能感兴趣的:(html,css)

  • 前端技术演进：TypeScript与CSS革新——开发者视角下的变革与机遇 NMGWAP 前端typescriptcssjavascriptecmascript
    引言：技术迭代中的开发者生存法则作为一线前端开发者，我深刻体会到技术生态的快速迭代既是机遇也是挑战。2024至2025年，前端领域的核心关键词是效率与稳定性。TypeScript与CSS的革新，不仅重构了开发流程，更重塑了程序员的核心竞争力。本文将从实际开发场景出发，结合最新技术动态，探讨这两大技术方向的演进逻辑、实践价值与未来趋势。一、TypeScript：从“可选”到“必选”的进化1.类型系统
  • 14-emment语法使用（拓展） CCChaya-软件技术教师 csscss3html前端javascript
    1.Emmet语法介绍Emmet是一种能显著提升HTML和CSS代码编写效率的工具，它允许你借助简短的缩写来快速生成大量代码。2.Emmet作用提高编码效率：通过输入简短的缩写，能迅速生成完整的HTML或CSS代码结构，节省大量时间。减少错误：使用标准化的缩写，可避免手动输入时出现的拼写错误和语法错误。保持代码一致性：Emmet语法具有统一的规则，有助于保持代码风格的一致性。3.Emmet语法使用
  • 第一章：Tailwind CSS基础与项目设置 - 第四节：自定义配置 - 调整Tailwind以匹配GitHub风格 qianmoQ 使用TailwindCSS复刻GitHubcssgithub前端
    学习目标了解如何自定义Tailwind配置以匹配GitHub的设计系统掌握颜色系统、字体、间距和圆角的调整方法创建与GitHub一致的设计变量和主题学习如何扩展Tailwind以支持GitHub特有的UI模式构建可复用的配置基础，为后续章节做准备GitHub设计系统分析GitHub拥有一套精心设计的视觉语言，包括颜色、排版、间距和组件样式。为了准确复刻这一界面，我们需要调整TailwindCSS的
  • 探索音乐之美：APlayer - 超可爱的HTML5音乐播放器 强和毓Hadley
    探索音乐之美：APlayer-超可爱的HTML5音乐播放器APlayer:lollipop:Wow,suchabeautifulHTML5musicplayer项目地址:https://gitcode.com/gh_mirrors/ap/APlayer在寻找一个既美观又功能齐全的HTML5音乐播放器吗？APlayer，以其小巧可爱的设计和强大的功能，无疑是您的理想选择。这个开源项目将为您带来前所未
  • 响应式 Web 设计：HTML 与 CSS 协同学习的进度（二） 计算机毕设定制辅导-无忧学长 #HTML前端htmlcss
    学习进度与实践案例初级阶段：构建基础页面在初级阶段，主要学习使用HTML和CSS构建简单的网页结构和基本样式。首先，使用HTML搭建页面的基本框架，包含文本内容、图片展示、链接设置等元素。例如，创建一个包含标题、段落、图片和链接的简单网页：初级阶段示例页面欢迎来到我的网站这是一段简单的介绍文字，用于说明网站的主要内容。点击访问示例网站然后，使用CSS为这些元素添加基本的样式，如设置文本颜色、字体大
  • html 运行css实现3D正方体旋转制作 金融小白数据分析之路 htmlcss3csshtml
    正方体旋转制作1.animation与keyframes配合使用keyframes可以控制动画序列的中间步骤。fromto的变化使用,相当于0%/from和100%/to,从什么变化到什么，加入中间的的过程的话可以设置0%25%100%等等。@keyframesslidein{from{transform:translateX(0%);}to{transform:translateX(100%);
  • html+css 实现hover 3D按钮特效 宝码香车 #html+css+js绚丽按钮htmlcss3d前端
    前言：哈喽，大家好，今天给大家分享html+css绚丽效果！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录一、效果二、原理解析1.这是一个，hover3D悬浮的按钮效果。每个按钮都是由5部分组成，a,a:before,a:after,i,span如下图。2.当按钮上有鼠标时，hover效果触发，运行==transition过渡动画
  • gradio调用多个CSS的HTML页 li_li_rui csshtml前端gradio大语言模型
    很多博客介绍的gradio读取html和css比较简单，如果要做很细致的前端页面优化，比如丰富的响应式的css+js，至少要有html+多个css，是暂不能实现的。bootstrap、font-awesome、jquery等方案一当然是直接更换html+css为主的部署方式，仅用gradio传回的数据，重新设计前端方案二可以考虑把多个css直接拼接后再生效，举例如下：1.原html404PageO
  • 【2025年春季】全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！ 白帽子凯哥 web安全学习安全CTF夺旗赛网络安全
    基于入门网络安全/黑客打造的：黑客&网络安全入门&进阶学习资源包目录一、CTF简介二、CTF竞赛模式三、CTF各大题型简介四、CTF学习路线4.1、初期1、html+css+js（2-3天）2、apache+php（4-5天）3、mysql（2-3天）4、python(2-3天)5、burpsuite（1-2天）4.2、中期1、SQL注入（7-8天）2、文件上传（7-8天）3、其他漏洞（14-15
  • 【LeetCode】 五月打卡-day01 王六六同学 #每日打卡题leetcode算法java
    必须拿下五月勋章2022.5.11305.两棵二叉搜索树中的所有元素中序遍历+归并排序中序遍历这两棵二叉搜索树，可以得到两个有序数组。然后可以使用双指针方法来合并这两个有序数组，这一方法将两个数组看作两个队列，每次从队列头部取出比较小的数字放到结果中（头部相同时可任取一个）。https://www.runoob.com/java/java-arraylist-sublist.htmlsubList
  • Mybatis映射文件解析 沉梦听雨. #Mybatismybatis
    Mybatis映射文件解析mybatis中比较符号的写法第一种写法直接在外层嵌套这个标签，例如=]]>标签说明：CDATA（CharacterData）标签，它在XML和HTML中用于定义一段文本数据，该数据不应被解析器解析为标记。CDATA部分中的内容将原样输出，即其中的所有字符都将被视为普通文本，即使它们可能包含特殊字符或标记。sql举例如下：select*fromuserwhereage=]
  • Django新手入门 超级无敌大好人 django笔记python
    文章目录请求：视图：1.定义URL2.获取URL参数3.获取GET/POST参数4.响应对象5.响应HTML6.重定向7.配置静态文件8.class重写视图9.错误请求模板1.模板标签2.模板继承3.添加公共4.过滤器ORM模型：配置模型同步1.字段定义2.元数据Meta3.关联关系4.CRUD5.QuerySet结果集6.用SQL查询7.分页处理8.聚合统计表单字段类型字段参数表单类参数form
  • 前端实现word文档的生成和下载 菜鸟一只请包涵 通用htmlword
    一前提应项目需求，需要把前端生成word文档并下载。此项目我使用的是vue框架。本篇文章主要是记录自己在实现中遇到的问题以及最终使用方式。二实现方式我的方式是将html转为word文档并下载。现在网上最常见的是使用html-docx-js配合file-saver使用，但是我在使用的时候报错。一查，是因为html-docx-js构建出来的代码包括with语句，而在主流的现代框架中（vue/react
  • 蓝桥杯web备赛---css篇 菥菥爱嘻嘻 蓝桥杯备赛前端蓝桥杯css
    2、CSS写在前面：css一定要掌握flex,grid以及position布局方式，另外之前考过文字溢出的问题，需要注意一下。position:sticky粘性定位记住要设置top:定位在什么位置，不然是不起作用的一些题目：文字溢出的问题：文字很多导致文字溢出，我们如下列设置就可以达到：显示2行，剩余的内容用省略号（…）替代.more2_info_name{overflow:hidden;text
  • js向数组中插入元素 fridayCodeFly jQueryjavaScript
    1、在数组的开头添加新元素-unshift()functionmyFunction(){varfruits=["Banana","Orange","Apple","Mango"];fruits.unshift("Lemon","Pineapple");varx=document.getElementById("demo");x.innerHTML=fruits;}结果:Lemon,Pineappl
  • open-spider开源爬虫工具：抖音数据采集_抖音直播爬虫采集 2401_84010165 程序员爬虫
    静态内容抓取是指从网页中直接提取信息的过程。这通常涉及到以下几个步骤：使用requests库发送HTTP请求，获取网页的原始数据。例如，你可以使用requests.get(url)来获取抖音首页的HTML内容。利用BeautifulSoup库对获取到的HTML进行解析。BeautifulSoup提供了丰富的方法来处理和提取HTML文档中的数据。例如，你可以使用find()或find_all()方法
  • 第2章-01-网站中的资源介绍 黑夜开发者 Web爬虫入门与实战精讲网络爬虫pythonselenium网站资源
    作者简介，黑夜开发者，CSDN领军人物，全栈领域优质创作者✌，CSDN博客专家，阿里云社区专家博主，2023年CSDN全站百大博主。数年电商行业从业经验，历任核心研发工程师，项目技术负责人。本文已收录于专栏：Web爬虫入门与实战精讲，后续完整更新内容如下。文章目录网站资源概览1.HTML文档2.CSS样式表3.JavaScript脚本4.图片5.字体6.视频与音频文件总结网站资源概览一个现代网站，
  • 深入理解Aider sends a repo map 超级小龙虾 python
    你提到的这个链接（https://aider.chat/2023/10/22/repomap.html）是Aider的官方文档，介绍了一种叫做“RepoMap”（仓库地图）的功能。Aider是一个AI编程辅助工具，主要通过与大语言模型（如GPT或Claude）协作来帮助开发者编辑代码。RepoMap是它提供给LLM的上下文机制，用于提升模型对代码库的理解能力。以下是对这段内容的理解和使用方式的详细
  • 30-WEB开发：Smarty模板引擎与插件组件的安全应用 只不过是胆小鬼罢了 WEB安全开发web安全
    在WEB开发的广阔领域中，模板引擎和插件组件是两个重要的组成部分。它们不仅能够提高开发效率，还能增强项目的可维护性和可扩展性。然而，如果使用不当，也可能带来安全风险。今天，就让我们一起深入探讨Smarty模板引擎和插件组件在WEB开发中的应用与安全问题。一、模板引擎：Smarty的使用与安全1.模板引擎的概念模板引擎是一种将前端界面（HTML）与程序代码（如PHP）分离的解决方案。它的主要目的是让
  • 踩坑实录！Spring AOP切点表达式失效之谜及高效修复攻略 spring-aop
    在Java开发的广袤天地里，SpringAOP想必是大家都十分熟悉的利器，它为我们的代码编织了一张强大的横切关注点之网，极大地提升了代码的可维护性和可扩展性。关于SpringAOP的常规使用方法，官方文档https://docs.spring.io/spring-framework/reference/core/aop.html已经有了详尽的阐述，本文就不再赘述。今天，我们将聚焦于一次棘手的Spr
  • CSS盒子类型详解：让你一次搞懂内外显示类型 程序员
    CSS盒子类型详解：让你一次搞懂内外显示类型在CSS布局中，盒子类型常常让开发者感到困惑。今天，我们用简单的比喻来彻底理解这个概念。一、盒子的两个维度想象一个快递包裹：外部显示类型决定这个包裹如何在货架上摆放内部显示类型决定包裹里面的物品如何排列1.外部显示类型（OuterDisplayType）决定盒子与其他元素的关系/*区块盒子：独占一层货架*/.block-box{display:block
  • 2.初识Go语言 JadeJones Go学习之路gogo语言gophergolang
    目录历程优势缺陷应用学习Golang的一些方法历程Go语言是由谷歌的开发工程师(罗伯特·格瑞史莫、罗勃·派克、肯·汤普逊等)于2007年开始设计，利用20%的自由时间开发的实验项目，并于2009年以BSD-style授权（完全开源）首次公开发布，于2012年正式发布历史上的Go版本:https://golang.google.cn/doc/devel/release.htmlgo1.16(rele
  • html页面引入ts文件,html中引入ts，使用webpack如何正确配置？ 马运良 html页面引入ts文件
    目的：html多文件中script引入ts文件，然后通过webpack服务运行起来。部分代码：index.htmlindex.tsconsole.log(document.getElementById('app'))webpack.config.jsconstHtmlWebpackPlugin=require("html-webpack-plugin");module.exports={entry
  • 在Webpack构建工具使用TS dazzlingsunnyx WebpackTypeScriptwebpacktypescriptjavascript
    1、先将项目初始化成webpack先进入项目根目录，执行npminit-ynpminit-y作用就是先创建package.json文件2、下载构建工具包npminstall-Dwebpackwebpack-cliwebpack-dev-serverhtml-webpack-pluginclean-webpack-plugintypescriptts-loader需要以下七个工具包webpack构建
  • LMDrive: 基于大语言模型的闭环端到端自动驾驶 AI-Seeker 语言模型人工智能自动驾驶
    0.资源链接论文:LMDrive:Closed-LoopEnd-to-EndDrivingwithLargeLanguageModels项目:https://hao-shao.com/projects/lmdrive.html1.背景动机现有的自动驾驶方法存在以下问题：适用场景局限：对常见的简单场景有效，但在长尾事件和城市复杂场景时存在挑战，易导致严重事故交互理解局限：依赖于有限格式的输入（如传感
  • 前端基础入门三大核心之HTML篇：PWA入门指南 —— 理解与构建现代化Web应用 DTcode7 HTML网站开发#前端基础入门三大核心之htmlHTML5前端web前端三大核心网页开发
    前端基础入门三大核心之HTML篇：PWA入门指南——理解与构建现代化Web应用PWA基本概念与优势关键技术组件构建PWA实战第一步：启用HTTPS第二步：创建WebAppManifest第三步：实现ServiceWorker注册ServiceWorker安全性与性能优化实际开发技巧遇到问题时的排查思路结语与讨论随着移动互联网的飞速发展，ProgressiveWebApps（简称PWA）凭借其接近原
  • 深入理解 HTML5 Web Workers：提升网页性能的关键技术解析 A-Kamen 前端html5html
    深入理解HTML5WebWorkers：提升网页性能的关键技术解析引言1.什么是WebWorkers？WebWorkers的特点：2.WebWorkers的使用方式2.1创建一个WebWorker步骤1：创建Worker文件步骤2：在主线程中调用Worker3.WebWorkers的高级应用3.1使用`Blob`方式创建Worker3.2终止Worker4.WebWorkers的应用场景示例：计算
  • 使用CSS3实现炫酷的3D视差滚动效果 木木黄木木 css33d前端
    使用CSS3实现炫酷的3D视差滚动效果这里写目录标题使用CSS3实现炫酷的3D视差滚动效果项目概述核心技术实现1.3D空间的创建2.视差层级设置3.动画效果实现流星动画月亮发光效果技术难点与解决方案1.层级重叠问题2.性能优化3.响应式适配开发心得总结项目概述在这个项目中，我们使用纯CSS3技术实现了一个令人印象深刻的3D视差滚动效果。整个页面包含星空背景、流星、月亮、山脉和树木等多个图层，通过不
  • html5炫酷3D数字时钟项目开发实践 木木黄木木 html5前端html53d前端
    炫酷3D数字时钟项目开发实践这里写目录标题炫酷3D数字时钟项目开发实践项目概述技术栈核心技术实现1.3D翻转效果实现2.数字显示与翻转动画3.霓虹灯发光效果4.时间更新逻辑技术难点与解决方案1.3D翻转动画的流畅性2.数字更新的同步性3.发光效果的性能优化项目总结项目改进方向项目概述这是一个基于HTML5、CSS3和JavaScript实现的3D数字时钟项目。项目的主要特点是通过3D翻转动画来展示
  • 前端图片懒加载技术实现详解 A-Kamen 前端
    前端图片懒加载技术实现详解1.什么是图片懒加载？2.为什么需要图片懒加载？3.实现方案3.1HTML原生支持3.2使用IntersectionObserverAPI示例代码3.3第三方库方案使用lazysizes示例4.最佳实践与注意事项5.结论在当今网页中，图片通常占据了大量的资源，如果一次性加载所有图片，会严重影响页面加载速度和用户体验。为了解决这一问题，图片懒加载（LazyLoading）技
  • ASM系列五 利用TreeApi 解析生成Class lijingyao8206 ASM字节码动态生成ClassNodeTreeAPI
       前面CoreApi的介绍部分基本涵盖了ASMCore包下面的主要API及功能，其中还有一部分关于MetaData的解析和生成就不再赘述。这篇开始介绍ASM另一部分主要的Api。TreeApi。这一部分源码是关联的asm-tree-5.0.4的版本。          在介绍前，先要知道一点， Tree工程的接口基本可以完
  • 链表树——复合数据结构应用实例 bardo 数据结构树型结构表结构设计链表菜单排序
    我们清楚：数据库设计中，表结构设计的好坏，直接影响程序的复杂度。所以，本文就无限级分类（目录）树与链表的复合在表设计中的应用进行探讨。当然，什么是树，什么是链表，这里不作介绍。有兴趣可以去看相关的教材。 需求简介： 经常遇到这样的需求，我们希望能将保存在数据库中的树结构能够按确定的顺序读出来。比如，多级菜单、组织结构、商品分类。更具体的，我们希望某个二级菜单在这一级别中就是第一个。虽然它是最后
  • 为啥要用位运算代替取模呢 chenchao051 位运算哈希汇编
        在hash中查找key的时候，经常会发现用&取代%，先看两段代码吧，     JDK6中的HashMap中的indexFor方法： /** * Returns index for hash code h. */ static int indexFor(int h, int length) {
  • 最近的情况 麦田的设计者 生活感悟计划软考想
          今天是2015年4月27号      整理一下最近的思绪以及要完成的任务             1、最近在驾校科目二练车，每周四天，练三周。其实做什么都要用心，追求合理的途径解决。为
  • PHP去掉字符串中最后一个字符的方法 IT独行者 PHP字符串
    今天在PHP项目开发中遇到一个需求，去掉字符串中的最后一个字符 原字符串1,2,3,4,5,6, 去掉最后一个字符","，最终结果为1,2,3,4,5,6 代码如下： $str = "1,2,3,4,5,6,"; $newstr = substr($str,0,strlen($str)-1); echo $newstr;
  • hadoop在linux上单机安装过程 _wy_ linuxhadoop
    1、安装JDK     jdk版本最好是1.6以上，可以使用执行命令java -version查看当前JAVA版本号，如果报命令不存在或版本比较低，则需要安装一个高版本的JDK，并在/etc/profile的文件末尾，根据本机JDK实际的安装位置加上以下几行：    export JAVA_HOME=/usr/java/jdk1.7.0_25  
  • JAVA进阶----分布式事务的一种简单处理方法 无量 多系统交互分布式事务
    每个方法都是原子操作： 提供第三方服务的系统，要同时提供执行方法和对应的回滚方法 A系统调用B,C,D系统完成分布式事务 =========执行开始======== A.aa(); try { B.bb(); } catch(Exception e) { A.rollbackAa(); } try { C.cc(); } catch(Excep
  • 安墨移动广 告：移动DSP厚积薄发 引领未来广 告业发展命脉 矮蛋蛋 hadoop互联网
    　　“谁掌握了强大的DSP技术，谁将引领未来的广 告行业发展命脉。”2014年，移动广 告行业的热点非移动DSP莫属。各个圈子都在纷纷谈论，认为移动DSP是行业突破点，一时间许多移动广 告联盟风起云涌，竞相推出专属移动DSP产品。 　　到底什么是移动DSP呢? 　　DSP(Demand-SidePlatform)，就是需求方平台，为解决广 告主投放的各种需求，真正实现人群定位的精准广
  • myelipse设置 alafqq IP
      在一个项目的完整的生命周期中，其维护费用，往往是其开发费用的数倍。因此项目的可维护性、可复用性是衡量一个项目好坏的关键。而注释则是可维护性中必不可少的一环。 注释模板导入步骤  安装方法： 打开eclipse/myeclipse 选择 window-->Preferences-->JAVA-->Code-->Code
  • java数组 百合不是茶 java数组
    java数组的   声明  创建  初始化；   java支持C语言      数组中的每个数都有唯一的一个下标 一维数组的定义 声明： int[] a = new int[3];声明数组中有三个数int[3] int[] a 中有三个数，下标从0开始，可以同过for来遍历数组中的数
  • javascript读取表单数据 bijian1013 JavaScript
    利用javascript读取表单数据，可以利用以下三种方法获取： 1、通过表单ID属性：var a = document.getElementByIdx_x_x("id"); 2、通过表单名称属性：var b = document.getElementsByName("name"); 3、直接通过表单名字获取：var c = form.content.
  • 探索JUnit4扩展：使用Theory bijian1013 javaJUnitTheory
    理论机制（Theory） 一.为什么要引用理论机制（Theory）         当今软件开发中，测试驱动开发（TDD — Test-driven development）越发流行。为什么 TDD 会如此流行呢？因为它确实拥有很多优点，它允许开发人员通过简单的例子来指定和表明他们代码的行为意图。 TDD 的优点：     &nb
  • [Spring Data Mongo一]Spring Mongo Template操作MongoDB bit1129 template
    什么是Spring Data Mongo Spring Data MongoDB项目对访问MongoDB的Java客户端API进行了封装，这种封装类似于Spring封装Hibernate和JDBC而提供的HibernateTemplate和JDBCTemplate，主要能力包括 1. 封装客户端跟MongoDB的链接管理 2. 文档-对象映射，通过注解:@Document(collectio
  • 【Kafka八】Zookeeper上关于Kafka的配置信息 bit1129 zookeeper
    问题： 1. Kafka的哪些信息记录在Zookeeper中 2. Consumer Group消费的每个Partition的Offset信息存放在什么位置 3. Topic的每个Partition存放在哪个Broker上的信息存放在哪里 4. Producer跟Zookeeper究竟有没有关系？没有关系！！！   //consumers、config、brokers、cont
  • java OOM内存异常的四种类型及异常与解决方案 ronin47 java OOM 内存异常
          　OOM异常的四种类型： 　　　 　　一：　StackOverflowError ：通常因为递归函数引起（死递归，递归太深）。-Xss 128k 一般够用。     　  二：　out Of memory: PermGen Space：通常是动态类大多，比如web 服务器自动更新部署时引起。-Xmx
  • java-实现链表反转-递归和非递归实现 bylijinnan java
    20120422更新： 对链表中部分节点进行反转操作，这些节点相隔k个： 0->1->2->3->4->5->6->7->8->9 k=2 8->1->6->3->4->5->2->7->0->9 注意1 3 5 7 9 位置是不变的。 解法： 将链表拆成两部分： a.0-&
  • Netty源码学习-DelimiterBasedFrameDecoder bylijinnan javanetty
    看DelimiterBasedFrameDecoder的API，有举例： 接收到的ChannelBuffer如下： +--------------+ | ABC\nDEF\r\n | +--------------+ 经过DelimiterBasedFrameDecoder(Delimiters.lineDelimiter())之后，得到： +-----+----
  • linux的一些命令 -查看cc攻击-网口ip统计等 hotsunshine linux
    Linux判断CC攻击命令详解 2011年12月23日 ⁄ 安全 ⁄ 暂无评论 查看所有80端口的连接数 netstat -nat|grep -i '80'|wc -l 对连接的IP按连接数量进行排序 netstat -ntu | awk '{print $5}' | cut -d: -f1 | sort | uniq -c | sort -n 查看TCP连接状态 n
  • Spring获取SessionFactory ctrain sessionFactory
    String sql = "select sysdate from dual"; WebApplicationContext wac = ContextLoader.getCurrentWebApplicationContext(); String[] names = wac.getBeanDefinitionNames(); for(int i=0; i&
  • Hive几种导出数据方式 daizj hive数据导出
    Hive几种导出数据方式   1.拷贝文件   如果数据文件恰好是用户需要的格式，那么只需要拷贝文件或文件夹就可以。 hadoop fs –cp source_path target_path   2.导出到本地文件系统   --不能使用insert into local directory来导出数据，会报错 --只能使用
  • 编程之美 dcj3sjt126com 编程PHP重构
    我个人的 PHP 编程经验中，递归调用常常与静态变量使用。静态变量的含义可以参考 PHP 手册。希望下面的代码，会更有利于对递归以及静态变量的理解   header("Content-type: text/plain"); function static_function () { static $i = 0; if ($i++ < 1
  • Android保存用户名和密码 dcj3sjt126com android
    转自：http://www.2cto.com/kf/201401/272336.html 我们不管在开发一个项目或者使用别人的项目，都有用户登录功能，为了让用户的体验效果更好，我们通常会做一个功能，叫做保存用户，这样做的目地就是为了让用户下一次再使用该程序不会重新输入用户名和密码，这里我使用3种方式来存储用户名和密码 1、通过普通 的txt文本存储 2、通过properties属性文件进行存
  • Oracle 复习笔记之同义词 eksliang Oracle 同义词Oracle synonym
    转载请出自出处：http://eksliang.iteye.com/blog/2098861 1.什么是同义词       同义词是现有模式对象的一个别名。       概念性的东西，什么是模式呢？创建一个用户，就相应的创建了 一个模式。模式是指数据库对象，是对用户所创建的数据对象的总称。模式对象包括表、视图、索引、同义词、序列、过
  • Ajax案例 gongmeitao Ajaxjsp
    数据库采用Sql Server2005 项目名称为:Ajax_Demo 1.com.demo.conn包 package com.demo.conn; import java.sql.Connection;import java.sql.DriverManager;import java.sql.SQLException; //获取数据库连接的类public class DBConnec
  • ASP.NET中Request.RawUrl、Request.Url的区别 hvt .netWebC#asp.nethovertree
      如果访问的地址是：http://h.keleyi.com/guestbook/addmessage.aspx?key=hovertree%3C&n=myslider#zonemenu那么Request.Url.ToString() 的值是：http://h.keleyi.com/guestbook/addmessage.aspx?key=hovertree<&
  • SVG 教程 （七）SVG 实例，SVG 参考手册 天梯梦 svg
    SVG 实例 在线实例 下面的例子是把SVG代码直接嵌入到HTML代码中。 谷歌Chrome，火狐，Internet Explorer9，和Safari都支持。 注意：下面的例子将不会在Opera运行，即使Opera支持SVG - 它也不支持SVG在HTML代码中直接使用。   SVG 实例 SVG基本形状 一个圆 矩形 不透明矩形 一个矩形不透明2 一个带圆角矩
  • 事务管理 luyulong javaspring编程事务
    事物管理 spring事物的好处 为不同的事物API提供了一致的编程模型 支持声明式事务管理 提供比大多数事务API更简单更易于使用的编程式事务管理API 整合spring的各种数据访问抽象 TransactionDefinition 定义了事务策略 int getIsolationLevel()得到当前事务的隔离级别 READ_COMMITTED 
  • 基础数据结构和算法十一：Red-black binary search tree sunwinner AlgorithmRed-black
      The insertion algorithm for 2-3 trees just described is not difficult to understand; now, we will see that it is also not difficult to implement. We will consider a simple representation known
  • centos同步时间 stunizhengjia linux集群同步时间
    做了集群，时间的同步就显得非常必要了。 以下是查到的如何做时间同步。 在CentOS 5不再区分客户端和服务器，只要配置了NTP，它就会提供NTP服务。 1)确认已经ntp程序包： # yum install ntp 2)配置时间源（默认就行，不需要修改） # vi /etc/ntp.conf server pool.ntp.o
  • ITeye 9月技术图书有奖试读获奖名单公布 ITeye管理员 ITeye
    ITeye携手博文视点举办的9月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 9月试读活动回顾：http://webmaster.iteye.com/blog/2118112本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）：      《NFC：Arduino、Andro
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他