【重构前端知识体系之HTML】带你重忆HTML那些记忆模糊的标签

【重构前端知识体系之HTML】带你重忆HTML那些记忆模糊的标签

引言

上节，说了HTML是标记语言，那么最重要的就是标记，也就是标签。

那标签那么多？要在这里全部写出来？

当然否。这里会讲解常用的标签。（常用达到70%）

希望在各种前端框架频出的年代，HTML依然牢记于心。

回顾

在刚开始介绍的时候，讲了一个简单的demo，这里贴出来。




    
    我是一个标题


    
我是一个页面内容的标题

    
我是一个美男子，你信吗？

HTML元素

什么是HTML元素？

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

具体什么意思呢

我是一个美男子，你信吗？

像上述代码就是一个div元素，它包含了div开始标签，div元素内容，div结束标签，它们一起组合成为了一个div元素。


    
我是一个页面内容的标题

    
我是一个美男子，你信吗？

同样的以上的代码描述了一个body元素。

空HTML元素

在之后的标签学习中，有那么一个标签
， 这个标签定义换行。像这种HTML 元素被称为空元素，它是在开始标签中关闭的。

但！为了以后版本迭代和规划，在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。

未来的 HTML 版本不允许省略结束标签！

HTML标签

这里按照功能分类讲解

基础标签

列表

1、

定义文档类型。

2、

定义 HTML 文档。

3、

定义关于文档的信息。

4、</code></p> <p>定义文档的标题。</p> <p>5、<code><body></code></p> <p>定义文档的主体。</p> <p>6、<code><br></code></p> <p>定义换行。</p> <p>7、<code><h1> - <h6></code></p> <p>定义 HTML 标题。</p> <p>8、<code><p></code></p> <p>定义段落。</p> <p>9、<code><!-- --></code></p> <p>定义注释。</p> <h4>示例</h4> <pre><code class="html"><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>我是一个标题

我是一个页面内容的标题h1

我是一个一个段落
我是一个一个段落
我是一个一个段落
我是一个一个段落
我是一个一个段落

效果

【重构前端知识体系之HTML】带你重忆HTML那些记忆模糊的标签_第1张图片

看起来，学会了这些基础标签，就可以在网上发一篇小作文啦。实现文字自由？

单独的文本未免太过于单调，来点修饰

修饰文本（格式化）

列表

1、

定义文档类型。最初是在 HTML 4.0 中引入的，表示它所包含的文本是一个更长的单词或短语的缩写形式。

nszhd

image-20220118155417168

2、

显示斜体文本效果。

3、

呈现粗体文本效果。

4、

定义强调文本。

5、

把文本定义为语气更强的强调的内容

6、

定义下划线文本。

示例




    
    我是一个标题


        
我是一个i段落

    
我是一个u段落

    
我是一个em段落

    
我是一个strong段落

    
我是一个b段落

效果

【重构前端知识体系之HTML】带你重忆HTML那些记忆模糊的标签_第2张图片

表单

列表

1、

定义供用户输入的 HTML 表单。

2、

定义输入控件。

3、

select：

效果

【重构前端知识体系之HTML】带你重忆HTML那些记忆模糊的标签_第3张图片

图像、音频与视频

列表

1、

定义图像。

2、

定义图形。

3、

定义 SVG 图形的容器。

4、

定义声音内容。

5、

定义视频。

6、

定义媒介源。

示例





    
    我是一个标题




    

        img: 
    

    

        canvas: 
    

    

        svg: 
            
        
    

    
audio: 
        
    

    
 video:

效果

【重构前端知识体系之HTML】带你重忆HTML那些记忆模糊的标签_第4张图片

链接

列表

1、

定义锚。

我是百度

2、

定义文档与外部资源的关系。

列表类型

列表

1、

    定义无序列表。

    2、

      定义有序列表。

      3、

    1. 定义列表的项目。

      4、

      定义定义列表。

      5、

      定义定义列表中项目的描述。

      6、

      定义定义列表中的项目。

      示例

      



    
    我是一个标题




    
        
        
      • 我是第一
        • 
        
      • 我是第二
        • 
        
      • 我是第三
        • 
    
      

    
        
        
      1. 我是第一
        2. 
        
      2. 我是第二
        3. 
        
      3. 我是第三
        4. 
    
      

    
      
        
      我
      
        
      很帅
      
        
      你
      
        
      帅吗

      效果

      【重构前端知识体系之HTML】带你重忆HTML那些记忆模糊的标签_第5张图片

      表格

      列表

      1、

      定义表格

      2、

      定义表格中的行。

      5、

      定义表格中的表头内容。

      7、

      定义表格中的主体内容。

      8、

      定义表格中的表注内容（脚注）。

      示例

      



    
    我是一个标题

      定义表格标题。

      3、

      定义表格中的表头单元格。

      4、

      定义表格中的单元。

      6、
      姓名 分数
      小明 100
      小红 70
      小东 80

      效果

      image-20220118172018318

      其他

      列表

      1、

      2、

      定义嵌入的对象。

      3、

      为外部应用程序（非 HTML）定义容器。

      4、

      定义关于文档的信息。

      5、

      定义关于 HTML 文档的元信息。

      6、

      定义页面中所有链接的默认地址或默认目标。

      总结

      HTML的标签很多，相信大多数的xdm都了解。但并非都能记得。

      告诉你们一件事，我在做HTML的面试题集，准确率竟然只有60%多。这也是我写本篇文章的目的。查漏补缺。

      重构前端知识体系，你要一起吗？

      博客说明与致谢

      文章所涉及的部分资料来自互联网整理，其中包含自己个人的总结和看法，分享的目的在于共建社区和巩固自己。

      引用的资料如有侵权，请联系本人删除！

      感谢万能的网络，W3C，菜鸟教程等！

      感谢勤劳的自己，个人博客，GitHub学习，GitHub

      公众号【归子莫】，小程序【子莫说】

      如果你感觉对你有帮助的话，不妨给我点赞鼓励一下，好文记得收藏哟！关注我一起成长！

      所属专栏：重构前端知识体系（HTML）

      幸好我在，感谢你来！

      你可能感兴趣的:(前端htmlhtml5语义化)

      • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
        ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
      • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景
        ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
      • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
        Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
      • h5小游戏定制开发 红匣子实力推荐
        随着科技的不断发展，移动互联网已经成为人们生活中不可或缺的一部分。在这个背景下，H5小游戏应运而生，为人们带来了丰富的娱乐体验。H5小游戏定制开发作为一种新兴的游戏开发方式，正逐渐受到市场的关注和青睐。那么，什么是H5小游戏定制开发呢？它又具有哪些特点和优势呢？让我们一起来深入了解一下。首先，我们来了解一下H5小游戏的基本概念。H5小游戏是一种基于HTML5技术的游戏，可以在移动端、PC端等多平台
      • 前端HTML+CSS+JS的入门学习 俊昭喜喜里 前端htmlcss
        一.HTMLHTML（HyperTextMarkupLanguage）即超文本标记语言，是用于创建网页和网页应用程序的标准标记语言。它不是一种编程语言，而是一种标记语言，通过一系列的元素（elements）来告诉浏览器如何显示网页上的内容，如文本、图片、链接、表格、列表等。HTML文档由一系列的标签（tags）组成，这些标签告诉浏览器如何显示内容。标签通常成对出现，例如和，其中是开始标签，表示一个
      • HTML5概述 WFIT~SKY Web前端html5前端html
        1.HTML概述1.1HTML定义HTML超文本标记语言，其中超文本是链接，标记也叫标签（即带尖括号的文本）。1.2HTML基本骨架HTML基本骨架是网页模板。网页的标题网页的内容html：整个网页head：网页头部，存放给浏览器看的代码，例如CSSbody：网页主体，存放给用户看的代码，例如文字、图片title：网页标题1.3HTML关系父子关系（嵌套）兄弟关系（并列）2.HTML开发环境2.1
      • HTML添加文字 若无心_. HTMLhtml5
        一、创建HTML5文档基本标签//定义文档类型//定义HTML文档//定义关于文档的信息文档标题//定义文档的标题//定义文档的字符编码//定义文档的主体二、文字相关标签1.标题文字-标签可定义标题。定义最大的标题。定义最小的标题。Document这是标题1这是标题2这是标题3这是标题4这是标题5这是标题62.文本段落Document这次会晤的主题是“金砖国家在非洲：在第四次工业革命中共谋包容增长
      • 【拖拽】自定义拖拽图标 风露_
        一、知识点设置被拖拽的元素draggable为true(HTML5新特性)关键方法：voiddataTransfer.setDragImage(img,xOffset,yOffset);注意点：Note:Ifthe[Element]isanexisting[HTMLElement],itneedstobevisibleintheviewportinordertobeshownasadragfeed
      • Cocos2d、Cocos2dx、Cocos Creator、Cocos Studio的区别 Thomas游戏圈
        一、Cocos2d和Cocos2dx的区别【开发语言】：Cocos2d是Object-C写的，Cocos2dx是C++写的，支持使用C++、Lua或Java进行开发。【运行平台】：Cocos2d只能在IOS下运行，Cocos2dx是跨平台的，适配iOS、Android、HTML5、Windows和Mac系统，功能侧重于原生移动平台。点击链接加入群聊【Unity/Cocos交流群】【国籍】：Coco
      • web前端达到什么水平，才能找到工作？ cj瑾瑜 前端htmljavascriptcsscss3
        一、前端是什么？前端即网站前台部分，也叫前端开发，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。（核心技术：HTML、CSS、JavaScript）核心技术是前端开发中最基本也是最必须的三个技能。前端的开发中，在页面的布局时，HTML将元素进行定义
      • RAG与LLM原理及实践(16)---RAG 前端技术Flask-socketIO PhoenixAI8 RAGMilvusChroma源码及实践前端flaskpythonsocketioRAG
        目录背景技术理念RAG结合点实时数据更新与推送实时查询与响应安装使用完整案例说明后端python代码代码解释前端html代码JS代码代码解释总结背景构建RAG系统或别的系统时，如果后端采用的全Python，或者说是以python为主的系统，是很常见的一个选择，因为毕竟python对LLM，图片，乃至其他video等resource的model都有较完善的支撑，为了快速开发出原型，甚至之后的商用，往
      • HTML5（六）canvas 矩形、路径、画板功能 祝名
        一.绘制矩形1.什么是canvascanvas标签相当于一个画板；canvas的宽高不要用css去定义，直接在标签中用属性写；2.obj=c.getContext('2d');获得2d绘画环境（相当于铺了一层画布）绘画图像的操作都会在obj这个绘画环境中存储；3.绘画方法及样式x,y为坐标样例：二.canvas路径1.方法2.样例cv.lineJoin='round';//边界类型为弧形三.画板功
      • HTML/CSS/JavaScript 全景指南：构建现代Web应用的基石 一杯梅子酱 技术栈学习前端htmlcss
        引言：在Web开发中，HTML、CSS和JavaScript是三个不可或缺的技术，它们共同构成了前端开发的核心。本文旨在全面解析这三个技术的关键知识点，探讨它们之间的联系，并通过实际案例加深理解，最后分享一些宝贵的经验总结。一、HTML：内容的骨架1.基本结构标签的使用：,,文本内容：,至链接与图像：,列表：,,表格：,,,表单：,,,,2.语义化标签,,,,,3.案例创建一个简单的网页：Html
      • HTML5中的数据存储sessionStorage、localStorage 阿立聊代码 HTML实战html5前端html
        第8章HTML5中的数据存储之前通常使用Cookie存储机制将数据保存在用户的客户端。H5增加了两种全新的数据存储方式：WebStroage和WebSQLDatabase.前者用于临时或永久保存客户端少量数据，后者是客户端本地化的一套数据库系统。8.1WebStorage存储简介WebStorageAPI分为会话数据和长期数据，相应的API分为两类：sessionStorage(保存会话数据)lo
      • 前端html学习笔记--列表标签 元气满满鸭 前端html
        HTML列表标签表格是用来显示数据的，列表是用来布局的1.列表包括三大类：无序列表、有序列表、自定义列表一.无序列表无序列表的基本语法格式如下：//标签表示html中的无序列表列表项1列表项2列表项3①无序列表的各个列表项之间是并列的，不分前后顺序②中只能嵌套,不可以在标签中插入其他标签③之间相当于一个容器，可以容纳所有元素二.有序列表即为有排列顺序的列表有序列表的基本语法格式如下：//标签用于定
      • html5carousel图片轮播,全面解析Bootstrap中Carousel轮播的使用方法 RemusrickCat
        本文实例为大家全面的解析了Bootstrap中Carousel的使用方法，供大家参考，具体内容如下源码文件：Carousel.scssCarousel.js实现原理：隐藏所有要显示的元素，然后指定当前要显示的为block，宽、高自适应源码分析：1、Html结构：主要分为以四个部分1.1、容器：最外层div，需要一个data-ride=”carousel”来指定为轮播放插件，并且提供一个Id，方便圆
      • 【Web前端技术 02】深入探索HTML5：标签全解析与案例演示！ wcyd Web前端技术前端html5html
        深入探索HTML5：标签全解析与案例演示！大家好！在上一篇文章中，我们对HTML5有了一个基本的了解。今天，我们将更深入地探索HTML5，全面介绍各种标签及其应用。从基础标签到新增标签，从文档结构到格式标签，我们将一一解析，并提供丰富的案例演示。准备好了吗？让我们开始吧！️HTML5基础结构首先，让我们回顾一下HTML5的基本结构。HTML5文档的结构就像一座房子的蓝图，指导我们如何构建网页。下面
      • HTML5中`＜span＞`标签深入解析 软考鸭 html5html5前端html
        引言在HTML5中，标签是一个行内元素，用于对文档中的一小部分文本或内容进行分组，以便于应用CSS样式或JavaScript脚本。与块级元素（如）不同，不会打断文本的流动，而是与其内容一起在同一行内显示。本文将深入解析标签的定义、用法、属性以及在实际开发中的应用。定义与用法标签是一个无语义的行内容器，用于包裹文档中的一部分内容，而不改变文档的结构。它通常与CSS和JavaScript结合使用，以实
      • VUE3学习路线 蜡笔小新星 Vue学习vue经验分享
        以下是一份详细的Vue3学习路线，涵盖从基础到进阶的各个方面，以帮助你系统掌握Vue3开发。第一阶段：基础知识理解前端基础HTML:了解文档结构，常用标签，语义化HTML。CSS:学习选择器、布局、Flexbox和Grid，基本的样式应用。JavaScript:理解基本语法、DOM操作、事件处理、异步编程（Promises,async/await），以及ES6+特性（如箭头函数、解构赋值、模块化）
      • C语言-数据结构 无向图迪杰斯特拉算法(Dijkstra)邻接矩阵存储 Happy鱿鱼 算法c语言数据结构
        在迪杰斯特拉中，相比普利姆算法，是从顶点出发的一条路径不断的寻找最短路径，在实现的时候需要创建三个辅助数组，记录算法的关键操作，分别是Visited[MAXVEX]记录顶点是否被访问，教材上写的final数组但作用是一样的，然后第二个数组是TmpDistance[MAXVEX]，教材使用的D数组，命名语义化较弱不太好理解，实际用途与TmpDistance一样的，用于记录算法过程中，当前顶点到达邻接
      • HTML5 `＜button＞` 标签深入全面解析 软考鸭 html5html5前端html
        引言在HTML5中，标签用于定义一个可点击的按钮，它是创建交互式网页的重要元素之一。与相比，标签提供了更多的灵活性和样式化的可能性。本文将深入解析HTML5中的标签，详细介绍其属性、样式以及实际应用。标签的基本用法标签内部可以放置内容，如文本、图像或其他HTML元素。这使得标签比更加灵活。点击我在这个简单的例子中，我们创建了一个普通的按钮，其上的文本是“点击我”。标签的属性标签支持多种属性，用于定
      • HTML5之基础、元信息标签 Programmer.杨 前端技术-HTMLhtmlmetaheadtitle标签
        标签声明位于文档中最前面的位置，处于标签之前。声明不是一个HTML标签，它是告知Web浏览器该页面使用了哪种HTML版本（规范），浏览器用此版本（规范）对该文档进行解析，渲染。可声明的DTD有三种：分别是严格版本（strict）、过渡版本（transitional）、以及基于框架的版本（frameset），若文档不遵循其DTD规范，则此文档中的代码不但不能通过代码校验，并且有可能无法正常显示。文档
      • HTML5中`＜ul＞`标签深入全面解析 软考鸭 html5html5前端html
        在HTML5的广阔天地里，标签作为无序列表的代言人，扮演着举足轻重的角色。它不仅能够整洁地罗列信息，还通过丰富的属性和样式选项，为网页设计师提供了无限的创意空间。本文将深入剖析标签的内核，详细解读其属性与样式，助力你打造更加精致、功能强大的网页。一、标签基础概览，即UnorderedList（无序列表）的缩写，用于在网页中展示一系列无特定顺序的项目。每个项目由（ListItem，列表项）标签包裹，
      • HTML5全面知识点 A_cot htmlhtml5前端框架前端
        HTML（HyperTextMarkupLanguage）是构建网页的基础语言。以下是全面的HTML知识点：一、HTML基础概念定义：HTML是一种用于描述网页结构的标记语言，通过各种标签来定义网页的内容和布局。版本历史：从HTML的早期版本发展到现在的HTML5，功能不断增强，支持更多的多媒体和交互特性。二、HTML文档结构声明：用于告诉浏览器文档类型是HTML5。标签：整个HTML文档的根元素
      • 大前端面试题集锦——HTML篇 Midshar.top 前端html
        HTML篇1.什么是DOCTYPE,有何作用?DOCTYPE是用来声明HTML文档应当使用哪种版本来进行解析如果不使用DOCTYPE告知浏览器应当使用哪种版本解析文档,那么浏览器将会开启最大兼容模式来解析文档,一般称为怪异模式.在怪异模式下,可能会产生一些预想不到的bug2.说说对HTML语义化的理解?HTML的语义化指的是在合适的地方使用合适的标签,让人能够根据标签进而大致知晓标签内容语义化使得
      • python提取数据库数据到前端html5显示_python html提取数据库数据 weixin_39878745
        python开源工具列表【持续更新】以下是个人在工作中整理的一些pythonwheel，供参考。这个列表包含与网页抓取和数据处理的Python库网络通用urllib-网络库(stdlib)。requests-网络库。grab–网络库(基于pycurl)。pycurl–网络库(绑定libcurl)。urllib3–...文章武耀文2018-04-253128浏览量8个用于业余项目的优秀Python库
      • 掌财社:在html5中使用video进行全屏播放与自动播放的代码方法总结！ weixin_45378258 HTML
        今天由于在之前小编在项目中遇到的有关于：“在html5中使用video进行全屏播放与自动播放的代码方法总结！”这方面的内容，所以今天就来和大家分享有关于这方面的相关内容！近期开始开发公司新版官网，首页顶部（header）是一个全屏播放的小视频,现简单总结如下：页面代码：其中php简单判断了一下是否是移动设备,移动设备不展示视频(如果移动端展示的话,需要解决iOS上无法自动播放的问题):ps:如果H
      • Vue中使用pdfJs预览PDF、图片 viceen vue3+ts-运维vue项目-运维vue.jshtmlhtml5
        Vue中使用pdfJs预览PDF、图片pdf.js是一个使用HTML5构建的可移植文档格式库。它可以帮助我们在浏览器中构建pdf文档，实现在线查看pdf文件的功能。实现步骤如下：1.下载pdfJs到本地（官网下载地址），放到项目根目录下的静态资源目录static文件夹内，将文件命名为pdfJs。如下图使用iframe打开或者需要注意的是：file参数中默认只允许传简单路径比如：http://www
      • 【WebKit深度解析】HTML5支持全景与实践指南 2401_85812026 webkithtml5前端
        标题：【WebKit深度解析】HTML5支持全景与实践指南WebKit作为许多现代浏览器的核心技术，对HTML5的支持程度直接关系到Web应用的性能和体验。HTML5是构建现代Web应用的基石，提供了丰富的特性和API。本文将深入探讨WebKit对HTML5的支持程度，并通过实际代码示例，展示如何在WebKit浏览器上充分利用HTML5的强大功能。1.WebKit与HTML5概述WebKit是一个
      • node模块 weiweiweb888 前端javascriptbootstrap
        模块系统模块化介绍传统开发的问题随着项目的扩大，然后代码就越来越庞大，如果没有很好的规划，后期维护非常复杂（甚至就维护不了）。比如：前端html中有很多特效会依赖js文件。比如：index.html:bootstrap以上就是一个依赖关系，bootstrap依赖于jquery。先引入jquery后引入bootstrap。而且随着项目的扩大，我们的html页面也就随之增加，并且每一个html页面都会
      • TOMCAT在POST方法提交参数丢失问题 357029540 javatomcatjsp
        摘自http://my.oschina.net/luckyi/blog/213209 昨天在解决一个BUG时发现一个奇怪的问题，一个AJAX提交数据在之前都是木有问题的，突然提交出错影响其他处理流程。 检查时发现页面处理数据较多，起初以为是提交顺序不正确修改后发现不是由此问题引起。于是删除掉一部分数据进行提交，较少数据能够提交成功。 恢复较多数据后跟踪提交FORM DATA ，发现数
      • 在MyEclipse中增加JSP模板 删除-2008-08-18 ljy325 jspxmlMyEclipse
        在D:\Program Files\MyEclipse 6.0\myeclipse\eclipse\plugins\com.genuitec.eclipse.wizards_6.0.1.zmyeclipse601200710\templates\jsp  目录下找到Jsp.vtl，复制一份，重命名为jsp2.vtl,然后把里面的内容修改为自己想要的格式，保存。 然后在 D:\Progr
      • JavaScript常用验证脚本总结 eksliang JavaScriptjavaScript表单验证
             转载请出自出处：http://eksliang.iteye.com/blog/2098985        下面这些验证脚本，是我在这几年开发中的总结，今天把他放出来，也算是一种分享吧，现在在我的项目中也在用！包括日期验证、比较，非空验证、身份证验证、数值验证、Email验证、电话验证等等...! &nb
      • 微软BI（4） 18289753290 微软BI SSIS
        1） Q:查看ssis里面某个控件输出的结果：  A MessageBox.Show(Dts.Variables["v_lastTimestamp"].Value.ToString()); 这是我们在包里面定义的变量 2):在关联目的端表的时候如果是一对多的关系，一定要选择唯一的那个键作为关联字段。 3) Q：ssis里面如果将多个数据源的数据插入目的端一
      • 定时对大数据量的表进行分表对数据备份 酷的飞上天空 大数据量
        工作中遇到数据库中一个表的数据量比较大，属于日志表。正常情况下是不会有查询操作的，但如果不进行分表数据太多，执行一条简单sql语句要等好几分钟。。   分表工具：linux的shell + mysql自身提供的管理命令 原理：使用一个和原表数据结构一样的表，替换原表。   linux shell内容如下： =======================开始 
      • 本质的描述与因材施教 永夜-极光 感想随笔
                 不管碰到什么事,我都下意识的想去探索本质,找寻一个最形象的描述方式。        我坚信,世界上对一件事物的描述和解释,肯定有一种最形象,最贴近本质,最容易让人理解        &
      • 很迷茫。。。 随便小屋 随笔
        小弟我今年研一，也是从事的咱们现在最流行的专业（计算机）。本科三流学校，为了能有个更好的跳板，进入了考研大军，非常有幸能进入研究生的行业（具体学校就不说了，怕把学校的名誉给损了）。   先说一下自身的条件，本科专业软件工程。主要学习就是软件开发，几乎和计算机没有什么区别。因为学校本身三流，也就是让老师带着学生学点东西，然后让学生毕业就行了。对专业性的东西了解的非常浅。就那学的语言来说
      • 23种设计模式的意图和适用范围 aijuans 设计模式
        Factory Method 意图 定义一个用于创建对象的接口，让子类决定实例化哪一个类。Factory Method 使一个类的实例化延迟到其子类。 　　适用性 当一个类不知道它所必须创建的对象的类的时候。 　　当一个类希望由它的子类来指定它所创建的对象的时候。 　　当类将创建对象的职责委托给多个帮助子类中的某一个，并且你希望将哪一个帮助子类是代理者这一信息局部化的时候。 Abstr
      • Java中的synchronized和volatile aoyouzi javavolatilesynchronized
        说到Java的线程同步问题肯定要说到两个关键字synchronized和volatile。说到这两个关键字，又要说道JVM的内存模型。JVM里内存分为main memory和working memory。 Main memory是所有线程共享的，working memory则是线程的工作内存，它保存有部分main memory变量的拷贝，对这些变量的更新直接发生在working memo
      • js数组的操作和this关键字 百合不是茶 js数组操作this关键字
        js数组的操作;   一:数组的创建: 1、数组的创建 var array = new Array();　//创建一个数组 var array = new Array([size]);　//创建一个数组并指定长度，注意不是上限，是长度 var arrayObj = new Array([element0[, element1[, ...[, elementN]]]
      • 别人的阿里面试感悟 bijian1013 面试分享工作感悟阿里面试
        原文如下：http://greemranqq.iteye.com/blog/2007170         一直做企业系统，虽然也自己一直学习技术，但是感觉还是有所欠缺，准备花几个月的时间，把互联网的东西，以及一些基础更加的深入透析，结果这次比较意外，有点突然，下面分享一下感受吧！    &nb
      • 淘宝的测试框架Itest Bill_chen springmaven框架单元测试JUnit
        Itest测试框架是TaoBao测试部门开发的一套单元测试框架，以Junit4为核心， 集合DbUnit、Unitils等主流测试框架，应该算是比较好用的了。 近期项目中用了下，有关itest的具体使用如下： 1.在Maven中引入itest框架： <dependency>   <groupId>com.taobao.test</groupId&g
      • 【Java多线程二】多路条件解决生产者消费者问题 bit1129 java多线程
        package com.tom; import java.util.LinkedList; import java.util.Queue; import java.util.concurrent.ThreadLocalRandom; import java.util.concurrent.locks.Condition; import java.util.concurrent.loc
      • 汉字转拼音pinyin4j 白糖_ pinyin4j
        以前在项目中遇到汉字转拼音的情况，于是在网上找到了pinyin4j这个工具包，非常有用，别的不说了，直接下代码：   import java.util.HashSet; import java.util.Set; import net.sourceforge.pinyin4j.PinyinHelper; import net.sourceforge.pinyin
      • org.hibernate.TransactionException: JDBC begin failed解决方案 bozch ssh数据库异常DBCP
        org.hibernate.TransactionException: JDBC begin failed:     at org.hibernate.transaction.JDBCTransaction.begin(JDBCTransaction.java:68)    at org.hibernate.impl.SessionImp
      • java-并查集（Disjoint-set）-将多个集合合并成没有交集的集合 bylijinnan java
        import java.util.ArrayList; import java.util.Arrays; import java.util.HashMap; import java.util.HashSet; import java.util.Iterator; import java.util.List; import java.util.Map; import java.ut
      • Java PrintWriter打印乱码 chenbowen00 java
        一个小程序读写文件，发现PrintWriter输出后文件存在乱码，解决办法主要统一输入输出流编码格式。 读文件： BufferedReader 从字符输入流中读取文本，缓冲各个字符，从而提供字符、数组和行的高效读取。 可以指定缓冲区的大小，或者可使用默认的大小。大多数情况下，默认值就足够大了。 通常，Reader 所作的每个读取请求都会导致对基础字符或字节流进行相应的读取请求。因
      • [天气与气候]极端气候环境 comsci 环境
              如果空间环境出现异变...外星文明并未出现,而只是用某种气象武器对地球的气候系统进行攻击,并挑唆地球国家间的战争,经过一段时间的准备...最大限度的削弱地球文明的整体力量,然后再进行入侵......      那么地球上的国家应该做什么样的防备工作呢?  &n
      • oracle order by与union一起使用的用法 daizj UNIONoracleorder by
        当使用union操作时，排序语句必须放在最后面才正确，如下： 只能在union的最后一个子查询中使用order by，而这个order by是针对整个unioning后的结果集的。So： 如果unoin的几个子查询列名不同，如 Sql代码  select supplier_id, supplier_name  from suppliers  UNI
      • zeus持久层读写分离单元测试 deng520159 单元测试
        本文是zeus读写分离单元测试,距离分库分表,只有一步了.上代码: 1.ZeusMasterSlaveTest.java package com.dengliang.zeus.webdemo.test; import java.util.ArrayList; import java.util.List; import org.junit.Assert; import org.j
      • Yii 截取字符串(UTF-8) 使用组件 dcj3sjt126com yii
        1.将Helper.php放进protected\components文件夹下。 2.调用方法：   Helper::truncate_utf8_string($content,20,false);   //不显示省略号  Helper::truncate_utf8_string($content,20);  //显示省略号  &n
      • 安装memcache及php扩展 dcj3sjt126com PHP
        安装memcache    tar zxvf memcache-2.2.5.tgz     cd memcache-2.2.5/     /usr/local/php/bin/phpize (?)    ./configure --with-php-confi
      • JsonObject 处理日期 feifeilinlin521 javajsonJsonOjbectJsonArrayJSONException
            写这边文章的初衷就是遇到了json在转换日期格式出现了异常 net.sf.json.JSONException: java.lang.reflect.InvocationTargetException  原因是当你用Map接收数据库返回了java.sql.Date 日期的数据进行json转换出的问题话不多说  直接上代码  &n
      • Ehcache（06）——监听器 234390216 监听器listenerehcache
        监听器          Ehcache中监听器有两种，监听CacheManager的CacheManagerEventListener和监听Cache的CacheEventListener。在Ehcache中，Listener是通过对应的监听器工厂来生产和发生作用的。下面我们将来介绍一下这两种类型的监听器。  
      • activiti 自带设计器中chrome 34版本不能打开bug的解决 jackyrong Activiti
          在acitivti modeler中，如果是chrome 34，则不能打开该设计器，其他浏览器可以， 经证实为bug，参考 http://forums.activiti.org/content/activiti-modeler-doesnt-work-chrome-v34 修改为，找到 oryx.debug.js 在最头部增加 if (!Document.
      • 微信收货地址共享接口-终极解决 laotu5i0 微信开发
           最近要接入微信的收货地址共享接口，总是不成功，折腾了好几天，实在没办法网上搜到的帖子也是骂声一片。我把我碰到并解决问题的过程分享出来，希望能给微信的接口文档起到一个辅助作用，让后面进来的开发者能快速的接入，而不需要像我们一样苦逼的浪费好几天，甚至一周的青春。各种羞辱、谩骂的话就不说了，本人还算文明。    如果你能搜到本贴，说明你已经碰到了各种 ed
      • 关于人才 netkiller.github.com 工作面试招聘netkiller人才
        关于人才 每个月我都会接到许多猎头的电话，有些猎头比较专业，但绝大多数在我看来与猎头二字还是有很大差距的。 与猎头接触多了，自然也了解了他们的工作，包括操作手法，总体上国内的猎头行业还处在初级阶段。 总结就是“盲目推荐，以量取胜”。 目前现状 许多从事人力资源工作的人，根本不懂得怎么找人才。处在人才找不到企业，企业找不到人才的尴尬处境。 企业招聘，通常是需要用人的部门提出招聘条件，由人
      • 搭建 CentOS 6 服务器 - 目录 rensanning centos
        (1) 安装CentOS ISO（desktop/minimal）、Cloud（AWS/阿里云）、Virtualization（VMWare、VirtualBox） 详细内容 (2) Linux常用命令 cd、ls、rm、chmod...... 详细内容 (3) 初始环境设置 用户管理、网络设置、安全设置...... 详细内容 (4) 常驻服务Daemon
      • 【求助】mongoDB无法更新主键 toknowme mongodb
          Query query = new Query();          query.addCriteria(new Criteria("_id").is(o.getId()));                &n
      • jquery 页面滚动到底部自动加载插件集合 xp9802 jquery
        很多社交网站都使用无限滚动的翻页技术来提高用户体验，当你页面滑到列表底部时候无需点击就自动加载更多的内容。下面为你推荐 10 个 jQuery 的无限滚动的插件： 1. jQuery ScrollPagination jQuery ScrollPagination plugin 是一个 jQuery 实现的支持无限滚动加载数据的插件。 2. jQuery Screw S