AS3
AS3

[转] [HTML5] HTML5开发入门--第2回 使用HTML5标记的基础知识

http://bbs.9ria.com/viewthread.php?tid=80354&extra=page%3D1%26amp%3Borderby%3Ddateline%26amp%3Bfilter%3D2592000

 

  • 资讯类型: 翻译
  • 来源页面: http://www.atmarkit.co.jp/fwcr/design/benkyo/html5appli02/01.html
  • 资讯原标题: HTML5“とか”アプリ開発入門 -- 第2回 HTML5でWebページをマークアップするための基礎知識
  • 资讯原作者: 白石俊平
  • 翻译词数: 3676 词

    • 我的评论: 
    对这篇文你有啥看法，跟贴说说吧！欢迎口水和板砖，哈哈。欢迎大家和我们一同分享更多资讯。

    本帖最后由 flashjerry 于 2011-4-15 14:35 编辑

    第2回
    使用HTML5标记的基础知识 

     你知道吗？HTML5语法发生了变化
        在连载第1回《何为HTML5》中，讲到了HTML5技术革新的意义和本连载的解说安排。
        本回就来谈谈HTML5标记语言的基础知识。

        HTML5中，语法发生了很大的变化。或许有人会抱着异常惊讶和不安地问“HTML普及到何种程度啊？”、“根本的语法发生了变化，会有多大影响啊？”
        只是，HTML5的“语法变化”和其它编程语言所谓的语法变更意义有所不同。为何这么说呢？原因比较特殊，是因为以前的HTML，遵循规范实现的Web浏览器几乎没有。

    □ 现有浏览器与规范背离
        HTML原本是通过SGML(Standard Generalized Markup Language）元语言来规定语法的。但是由于SGML的语法非常复杂，文档结构解析程序的开发也不太容易，多数Web浏览器不作为SGML解析器运行。由此，HTML规范中虽然要求“应遵循SGML的语法”，但实际情况却是遵循规范的实现（Web浏览器）几乎不存在。

    □ 规范向实现靠拢
        如上回所述，HTML5中，提高Web浏览器间的兼容性也是重大的目标之一。要确保兼容性，必须消除规范与实现的背离。因此HTML5以近似现有的实现，重新定义了新的HTML语法，即使规范向实现靠拢。
        由于文档结构解析的算法也有着详细的记载，使得Web浏览器厂商可以专注于遵循规范去进行实现工作。在新版本的FireFox和WebKit(Nightly Builder版)中，已经内置了遵循HTML5规范的解析器。IE(Internet Explorer)和Opera也为了提供兼容性更好的实现而紧锣密鼓地努力着。


     使用HTML5标记前的设置也发生了变化
        那么，下面就来看看使用HTML5新语法来进行标记的方法。

    □ ContentType
        首先，HTML5文件的扩展名和ContentType没有发生变化。即扩展名还是“.html”或“.htm”，ContentType还是“.text/html”。

    □ DOCTYPE声明
        要使用HTML5标记，必须先进行如下的DOCTYPE声明。不区分大小写。Web浏览器通过判断文件开头有没有这个声明，让解析器和渲染类型切换成对应HTML5的模式。
    1. <!DOCTYPE html>
    复制代码

        不过有的工具不能很好地处理DOCTYPE声明。对于这种工具，也提供了如下声明方式，即在DOCTYPE声明中加上SYSTEM标识。（不区分大小写。此外还可将双引号换为单引号来使用）
    1. <!DOCTYPE HTML SYSTEM "about:legacy-compat">
    复制代码


    □ 字符编码的设置

        字符编码的设置方法也有些新的变化。以前，设置HTML文件的字符编码时，要用到如下<meta>元素。
    1. <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    复制代码

    　在HTML5中，可以使用<meta>元素的新属性charset来设置字符编码。
    1. <meta charset="UTF-8">
    复制代码

        以上两种方法都有效。因此也可以继续使用前者的方法（通过content属性来设置）。但要注意不能同时使用。
        我曾在某个网站上看到过如下代码，请注意这是不正确的。
    1. <!-- 不能混合使用charset属性和http-equiv属性 -->
    2. <meta charset="UTF-8" http-equiv="Content-Type" content="text/html;charset=UTF-8">
    复制代码

        从HTML5开始，文件的字符编码推荐使用UTF-8。


     HTML5语法中需要掌握的3个要点
        HTML5中规定的语法，在设计上兼顾了与现有HTML之间最大程度的兼容性。
        例如，在Web上充斥着“<p>没有结束标签”等HTML现象。HTML5不将这些视为错误，反而采取了“允许这些现象存在，并明确记录在规范中”的方法。
        因此，尽管与XHTML相比标记比较简洁， 而在遵循HTML5的Web浏览器中也能保证生成相同的DOM。
        那么下面就来看看具体的HTML5语法。

    □ 【1】可以省略标签的元素
        在HTML5中，有些元素可以省略标签。
        具体来讲有3种情况，请看如下列表： 
            ① 必须写明结束标签
                 area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr 
                 只须标记空元素标签“/>”。
                例如： “<br></br>”的写法是错误的。应该写成“</br>”。当然，沿袭下来的“<br>”这种写法也是允许的                       
            ② 可以省略结束标签 
                  li、dt、dd、p、rt、rp、optgroup、option、colgroup、thead、tbody、tfoot、tr、td、th
            ③ 可以省略整个标签（即连开始标签都不用写明） 
                  html、head、body、colgroup、tbody 
                  需要注意的是，虽然这些元素可以省略，但实际上却是隐式存在的。
                  例如： “<body>”标签可以省略，但在DOM树上它是存在的，可以永恒访问到“document.body”。

        上述列表中也包括了HTML5的新元素。有关这些新元素的用法，将在本系列的后续文章中加以说明，敬请关注。

    □ 【2】取得boolean值的属性
        取得布尔值（Boolean）的属性，例如disabled和readonly等，通过省略属性的值来表达“值为true”。如果要表达“值为false”，则直接省略属性本身即可。
        此外，在写明属性值来表达“值为true”时，可以将属性值设为属性名称本身，也可以将值设为空字符串。
        请看下例：
    1. <!-- 以下的checked属性值皆为true --><input type="checkbox" checked><input type="checkbox" checked="checked"><input type="checkbox" checked="">
    复制代码


    □ 【3】省略属性的引用符

        设置属性值时，可以使用双引号或单引号来引用。
        HTML5语法则更进一步，只要属性值不包含空格、“<”、“>”、“'”、“"”、“`”、“=”等字符，都可以省略属性的引用符。
    　请看下例。
    1. <!-- 请观察type属性的引用符 -->
    2. <input type="text">
    3. <input type='text'>
    4. <input type=text>
    复制代码



     如何验证是否遵循HTML5语法？
        接下来，我们以上面学到的HTML5语法为基础，来做一些实例吧。

        以下是纯粹的HTML5文档示例。省略了<html>、<head>、<body>等属性，使用了HTML5的DOCTYPE声明，通过<meta>元素的charset属性设置字符编码，省略<p>元素的结束标签，<meta>元素和<br>元素以“/>”结尾等。以此来复习一下今天学到的知识点吧。
    1. <!DOCTYPE html>
    2. <meta charset=UTF-8 />
    3. <title>HTML5标记示例</title>
    4. <p>这个HTML是遵循HTML5语法<br/>标记的。
    复制代码


        为了确认以上标记是否正确，可以使用W3C Markup Validation Service进行验证。出现下图结果，可以确认符合HTML5标记。



     HTML5解析器使SVG更为平易近人
        随着HTML5解析器的标准化，根据遵循HTML5语法的标记，可望生成相同的DOM。   
            此外，能够在HTML内部直接使用SVG（Scalable Vector Graphics：基于XML的图形格式）和Math ML（Math Markup Language：表现数学公式的标记语言）也是Web浏览器内置HTML5解析器的一大优点。
        这些语言原来都是基于XML的，本来应与HTML相斥，但通过规范上的特别处理，规定了在HTML上不用做任何工作就能直接使用它们。
        如下所示，<svg>标签之间的内容在装有HTML5解析器的Web浏览器上可以被直接解释为SVG，将图形显示出来。
    1. <<!DOCTYPE html>
    2. <html>
    3.   <svg>
    4.     <path
    5.       d="M 20 20 L 60 20 L 40 60 z"
    6.       fill="green"
    7.       stroke="red"
    8.       stroke-width="3" />
    9.   </svg>
    10. </html>
    复制代码

    　试试看在支持SVG的Firefox 4或IE 9 Beta中打开以上HTML文件。应该会显示被红框包围着的绿色三角形。

    [转] [HTML5] HTML5开发入门--第2回 使用HTML5标记的基础知识


        有关SVG的具体信息，在本篇就不多加阐述了。将来还是在本连载中展开说明。


     下回预告！HTML5的新元素！
        本篇讲解了HTML5标记的基本语法。
        下回，我们再来谈谈XHTML和HTML5之间的关系，以及HTML5的新元素。敬请期待吧^_^

    你可能感兴趣的:(html,Web,浏览器,html5,资讯)

    • 【Golang】——Gin 框架中间件详解：从基础到实战 m0_66323401 面试学习路线阿里巴巴golanggin中间件
      中间件是Web应用开发中常见的功能模块，Gin框架支持自定义和使用内置的中间件，让你在请求到达路由处理函数前进行一系列预处理操作。这篇博客将涵盖中间件的概念、内置中间件的用法、如何编写自定义中间件，以及在实际应用中的一些最佳实践。文章目录1.什么是中间件？1.1中间件的概念1.2Gin中的中间件2.Gin的内置中间件2.1日志中间件`Logger`使用方法2.2恢复中间件`Recovery`示例代
    • 0基础学前端------DAY2 学代码的小前端 0基础学前端前端html
      0基础学前端------DAY1（续）视频参考：B站Pink老师HTML学习目标：1.能够说出标签的书写注意规范。2.能够写出HTML骨架标签。3.能够写出超链接标签。4.能够写出图片标签并说出alt和title的区别。5.能够说出相对路径的三种形式。1HTML基础1.1HTML语法规范1.HTML标签是由尖括号包围的关键词，例如。2.HTML标签通常是成对出现的，例如，我们成为双标签。标签中第一
    • 前后端分离架构下的跨域问题与解决方案 Code季风 微服务入门指南架构go微服务jsonproxy模式
      在现代Web开发中，特别是随着前后端分离架构的普及，跨域问题成为了开发者必须面对的一个重要议题。本文将详细介绍什么是跨域问题、其产生的原因以及如何从前端和后端两个角度来解决这个问题，并提供一些实用的代码示例。一、跨域问题概述1.定义跨域问题是指当一个资源试图从一个源加载时，如果该资源的域名、协议或端口号与当前网页的域名、协议或端口号不同，则会被浏览器阻止访问。这是为了防止恶意网站读取另一个网站的数
    • Python 自动化日志采集与分析方法
      ```htmlPython自动化日志采集与分析方法Python自动化日志采集与分析方法在现代软件开发和运维过程中，日志是排查问题、监控系统运行状态的重要工具。然而，随着系统的复杂度增加，手动处理日志变得越来越困难。本文将介绍如何使用Python实现自动化日志采集与分析的方法。一、日志采集的必要性日志记录了系统运行中的各种事件和错误信息，对于开发者和运维人员来说，它们是诊断问题、优化性能的关键数据源
    • 【React】入门概述 - 虚拟DOM与原生DOM - JSX语法 - React基本使用 YK菌 前端框架Reactreact
      文章目录1.React入门概述1.1介绍1.2原生JavaScript的缺点【补充】浏览器重绘重排【补充】模块化与组件化1.3React的特点1.4.React高效的原因2.HelloReact2.1相关库介绍【补充】babel.js的作用2.2使用JSX创建虚拟DOM2.3渲染虚拟DOM(元素)2.4页面显示3.创建虚拟DOM的两种方式3.1纯JS方式(一般不用)3.2JSX方式4.虚拟DOM与
    • 绕过SQL注入监测的技术
      绕过SQL注入监测的技术SQL注入监测通常通过WAF(Web应用防火墙)、IDS/IPS或应用层检测机制实现：1.编码混淆技术十六进制编码：SELECT*FROMusersWHEREid=0x31OR1=1URL编码：id=1%20OR%201%3D1Unicode编码：id=1+OR+1=1→id=1+%u004F%u0052+%u0031%u003D%u00312.注释混淆内联注释（MySQL
    • Notepad--下载安装教程
      以下是Notepad–的下载和安装教程（以Windows系统为例）：1.下载Notepad–访问官网打开浏览器，进入Notepad--的官方GitHub页面：https://github.com/cxasm/notepad–加载慢可以直接访问gitee下载：https://gitee.com/cxasm/notepad–/releases/tag/v3.2选择下载版本在页面右侧的“Releases
    • 【小米App】AndroidStudio开发打开指定网站的应用示例 Botiway 移动APPwindowskotlinandroidstudiolinuxpython
      AndroidStudio开发打开指定网站的应用示例下面我将为你展示如何使用AndroidStudio创建一个简单的应用，点击按钮后打开指定的网站。1.创建新项目打开AndroidStudio选择“StartanewAndroidStudioproject”选择“EmptyActivity”模板设置项目名称（如“OpenWebsiteApp”）、包名和保存位置选择语言（Kotlin或Java，本示
    • Web安全测试详解
      点击文末小卡片，免费获取软件测试全套资料，资料在手，涨薪更快随着互联网时代的蓬勃发展，基于Web环境下的应用系统、应用软件也得到了越来越广泛的使用。目前，很多企业的业务发展都依赖于互联网，比如，网上银行、网络购物、网络游戏等。但，由于很多恶意攻击者想通过截获他人信息去谋取利益，因此，会对Web服务器进行攻击。攻击的方式也非常多，常见的有SQL注入、跨站脚本攻击、跨站请求伪造、缓存区溢出等。由此，我
    • React JSX属性传递规则（事件处理函数名必须用驼峰式；内联样式必须是JavaScript对象，键名用驼峰命名；className、htmlFor；自定义属性要以data-开头、动态属性绑定） Dontla reactjavascriptreact.js前端
      文章目录**1.驼峰式命名法（CamelCase）****2.属性值的类型**-**字符串属性**：直接使用双引号包裹的字符串。-**表达式属性**：使用`{}`包裹JavaScript表达式，动态计算属性值。-**布尔属性**：如果属性值为`true`，可以直接省略值；如果为`false`，则不传递该属性。**3.事件处理**-**规则**：事件处理函数的命名必须使用驼峰式（如`onClick`
    • vscode 调试vue 如何不进入源码或者映射文件当中 很菜很菜的人 vscodevue.jside
      {"version":"0.2.0","configurations":[{"name":"DebugVue3(Vite)","type":"chrome","request":"launch","url":"http://localhost:5173",//Vite默认端口"webRoot":"${workspaceFolder}/src","sourceMapPathOverrides":{"
    • React虚拟DOM原理（在内存中构建虚拟DOM树来优化真实DOM）Virtual DOM、浏览器重排reflow和重绘repaint、Diff算法、Fiber架构（双缓存机制） Dontla reactreact.js算法架构
      文章目录React虚拟DOM原理深度解析概述什么是虚拟DOM基本概念虚拟DOM的数据结构为什么需要虚拟DOM直接操作DOM存在以下问题：1.**性能开销大**：DOM操作涉及浏览器的重排（reflow）和重绘（repaint）2.**频繁更新效率低**：每次状态变化都直接操作DOM会导致性能瓶颈3.**难以优化**：无法批量处理多个DOM变更虚拟DOM通过以下方式解决这些问题：1.**批量更新**
    • 使用LR编写HTTP协议Json报文格式接口脚本实战 大、大摩王 性能测试json报文
      //实战代码如下所示：Action(){lr_start_transaction("事物");//断言内容：processcode":"0000","processdes:"处理成功"web_reg_save_param("processcode","NotFound=warning","LB=processcode\":\"","RB=\",\"processdes","Ord=1","Sear
    • Electron 快速上手 AAA小土豆 electronarcgisjavascript
      技术栈Web技术包括HTML、CSS、JavaScript和WebAssembly。它们是现代互联网的基石。这些技术已成为构建用户界面的最佳选择——无论是对于消费者应用程序还是关键业务型应用程序。这不仅适用于需要在浏览器中运行的应用程序，也适用于那些无法通过浏览器访问的桌面应用程序。我们在此大胆断言，这不仅适用于需要在多个操作系统上运行的跨平台应用程序，而且适用于所有类型的应用程序。Electro
    • Python 爬虫实战：微博话题讨论数趋势爬取与分析全流程 西攻城狮北 python爬虫开发语言
      1.项目背景与目标微博话题（#话题#）是社交媒体舆情监测、品牌营销、热点追踪的重要数据源。本实战要完成以下目标：爬取指定话题在7天内的讨论数、阅读量、热搜排名等关键指标。将数据存入MySQL，并每日增量更新。用Pandas+Matplotlib绘制趋势图，直观呈现热度变化。基于SnowNLP做情感倾向分析，输出正面/负面占比。生成一份可分享的HTML可视化报告。2.环境搭建与依赖2.1安装核心库p
    • i18next + 原生JS 双引擎：打造前端多语言系统最佳实践 javascript前端css
      摘要随着前端项目面向全球化用户的需求增长，多语言支持（也叫国际化i18n）已经成为许多Web和移动应用的“标配”。尤其在构建企业级项目、SaaS平台或面向东南亚、欧洲、北美等多个语言区域的应用时，如何优雅地实现前端的多语言切换，成为开发者必须掌握的一项技能。本文将通过i18next实现国际化功能，并结合原生JS的轻量方案讲解，从基础配置到应用场景逐步剖析，带你快速落地一个实用的前端国际化系统。引言
    • CTF Web的数组巧用 还鮟 android
      PHP数组绕过intval和preg_match的CTF技巧原题目
    • Spring Boot 学习总结（34）—— spring-boot-starter-xxx 和 xxx-spring-boot-starter 区别？ 一杯甜酒 SpringBootspringboot数据库springjavaspringstarter
      一、SpringStarter简介SpringStarter是SpringBoot提供的一种便捷方式，帮助开发者快速集成和配置Spring应用中所需的依赖。每个Starter都是一个预配置的依赖集，可以自动配置应用的一部分或特定功能。这些Starter旨在消除手动编写大量样板代码和配置的需求。1、SpringStarter举例spring-boot-starter-web：用于构建基于Spring
    • Charles 中文版怎么用？接口抓包、慢请求分析、App 调试一文掌握 2501_91591841 httpudphttpswebsocket网络安全网络协议tcp/ip
      随着应用开发的复杂性增加，开发者在调试和优化网络请求时需要依赖高效的工具来确保系统稳定性和用户体验。特别是在Web开发和移动应用开发中，调试HTTP/HTTPS请求和API接口变得尤为重要。Charles抓包工具因其强大的抓包、调试功能以及性能分析能力，成为了开发者日常工作中不可或缺的工具。本文将介绍如何使用Charles中文版抓包工具提升API调试效率、优化应用性能和加速开发流程。1.Charl
    • 排查 WebView 中 touch、click 事件失效：移动端调试过程详解 2501_91591841 httpudphttpswebsocket网络安全网络协议tcp/ip
      在Web开发中，事件绑定通常是最基础的交互逻辑。然而，在移动端WebView环境下，哪怕一个普通的点击事件，也可能因为平台差异、容器限制、手势冲突等原因出现完全不同的表现。特别是在App中加载的Web页面中，我们经常会遇到以下情况：某些Android机型上点击按钮无反应；滑动过程中页面“卡住”或无法滑动；iOS设备上触发手势存在延迟或遮挡；同一DOM元素，在浏览器中能响应事件，在WebView中却
    • 阿里云ECS(Ubuntu 20.04 64位)安装Python失败 无艳影 python阿里云开发语言
      最近申请了一台阿里云ECS作为开发和部署环境，想用来作为Web后台服务器。操作系统选择了Ubuntu20.0464位版本，网站后台采用pythonFlask框架。由于后台程序需要处理大规模数据，因此配置环境时除需要安装python和Flask之外，还需要安装pandas和numpy等library。起初我下载了python3.9.15版本，安装python解释器后又依次安装flask和pandas
    • 面试版-前端开发核心知识
      一、DOM操作与事件处理：用户交互的基石1.1原生点击事件的三种绑定方式前端与用户的交互始于事件，而点击事件是最基础的交互方式。原生JavaScript绑定点击事件主要有以下三种方式：（1）HTML内联绑定（不推荐）直接在HTML标签中通过onclick属性定义事件逻辑：点击我functionhandleClick(){console.log('内联事件触发');}缺点：HTML与JS逻辑耦合，无
    • react+antd Anchor(锚点组件)通讯录字母索引实现 伍哥的传说 前端源码分享react.js前端前端框架javascriptecmascriptreactjsreact
      一、页面概述本项目实现了一个美观、实用的通讯录页面，采用React框架，结合AntDesign组件库与TailwindCSS原子化样式，支持按字母分组展示联系人，并提供便捷的字母索引导航。页面设计现代，交互流畅，适用于各类需要联系人管理的Web应用。二、功能特点字母分组展示联系人自动按姓名首字母分组，分组标题悬浮吸顶，便于快速定位。字母索引导航右侧集成AntDesignAnchor组件，点击字母可
    • redux-saga 使用详解说明
      redux-saga是一个用于管理应用程序SideEffect（副作用，例如异步获取数据，访问浏览器缓存等）的library，它的目标是让副作用管理更容易，执行更高效，测试更简单，在处理故障时更容易。可以想像为，一个saga就像是应用程序中一个单独的线程，它独自负责处理副作用。redux-saga是一个redux中间件，意味着这个线程可以通过正常的reduxaction从主应用程序启动，暂停和取消
    • 前端领域HTML的表单美化技巧 前端视界 前端htmlai
      前端领域HTML的表单美化技巧关键词：HTML表单、CSS美化、用户体验、交互设计、响应式布局、表单验证、前端框架摘要：本文将深入探讨HTML表单的美化技巧，从基础CSS样式到高级交互效果，全面解析如何提升表单的视觉吸引力和用户体验。我们将通过详细的代码示例、设计原则和实战案例，帮助开发者掌握表单美化的核心技能，包括响应式设计、动画效果、自定义组件等前沿技术。1.背景介绍1.1目的和范围本文旨在为
    • 浏览器发出请求到响应经过哪些步骤？ Deryck_德瑞克 经验/面试/技巧java
      1.浏览器解析URL，生成HTTP格式的请求2.先根据URL从本机host文件里找是否有映射IP，如果没有就将域名发送给电脑配置的DNS解析解析，得到IP地址3.浏览器通过操作系统，将请求通过四层网络协议包装发送出去4.途中经过各种路由器、交换机，最终到达服务器5.服务器收到请求后，根据请求所指定的端口，将请求传递给绑定了该端口的应用程序6.tomcat接收到请求后，会按照http协议的格式进行解
    • Whistle代理调试前端项目的原理详解 啃火龙果的兔子 开发DEMO前端
      Whistle是一款基于Node.js开发的跨平台Web调试代理工具，主要用于前端开发调试。其核心原理是通过中间人(MITM)代理机制拦截和修改网络请求。一、核心工作原理1.代理服务器架构Whistle本质上是一个HTTP/HTTPS代理服务器，工作流程如下：[浏览器]→[Whistle代理]→[目标服务器]↑↓[规则引擎]←[开发者配置]2.请求拦截机制HTTP请求：直接作为中间代理拦截HTTP
    • C++学习笔记：构造函数和析构函数 山与江河@一行一根头发 C++学习笔记学习笔记c++
      前言：在日常生活中，我们用的电子产品基本都有出厂设置，方便我们使用。当我们不再使用，更或者拿它换剪刀换不锈钢盆时候，我们会把手机里的信息清空来保证我们的浏览器记录不会泄露，毕竟要留清白在人间。而在C++中，对象的初始化和清理也是两个非常重要的问题，因此有了构造函数和析构函数文章目录一：使用构造函数和析构函数的目的是什么？二、认识构造函数和析构函数1.定义2.语法格式构造函数的语法析构函数的语法3.
    • Compose 高级用法详解——AI教你学Docker LuckyLay AI教你学Dockerdocker容器运维
      3.6Compose高级用法详解DockerCompose除了常规的多服务编排，还支持一系列高级功能，如服务健康依赖、环境切换、配置模板化等。掌握这些技巧，能让你的多容器项目更健壮、更自动化、更易维护。一、depends_on的高级用法与启动顺序1.基本用法depends_on指定服务间的启动顺序，确保依赖的服务优先启动。services:web:depends_on:-dbdb:image:po
    • Pytest测试框架快速搭建 程序员勋勋 面试技术分享软件测试pytest
      一、介绍pytest是一个非常成熟的Python测试框架，能够支持简单的单元测试和复杂的功能测试，还可以用来做selenium/appnium等自动化测试、接口自动化测试（pytest+requests）；pytest具有很多第三方插件，并且可以自定义扩展，比较好用的如pytest-selenium（集成selenium）、pytest-html（完美html测试报告生成）、pytest-reru
    • apache 安装linux windows 墙头上一根草 apacheinuxwindows
      linux安装Apache 有两种方式一种是手动安装通过二进制的文件进行安装，另外一种就是通过yum 安装，此中安装方式，需要物理机联网。以下分别介绍两种的安装方式     通过二进制文件安装Apache需要的软件有apr,apr-util,pcre  1，安装 apr        下载地址：htt
    • fill_parent、wrap_content和match_parent的区别 Cb123456 match_parentfill_parent
      fill_parent、wrap_content和match_parent的区别:   1）fill_parent   设置一个构件的布局为fill_parent将强制性地使构件扩展，以填充布局单元内尽可能多的空间。这跟Windows控件的dockstyle属性大体一致。设置一个顶部布局或控件为fill_parent将强制性让它布满整个屏幕。 2） wrap_conte
    • 网页自适应设计 天子之骄 htmlcss响应式设计页面自适应
      网页自适应设计        网页对浏览器窗口的自适应支持变得越来越重要了。自适应响应设计更是异常火爆。再加上移动端的崛起，更是如日中天。以前为了适应不同屏幕分布率和浏览器窗口的扩大和缩小，需要设计几套css样式，用js脚本判断窗口大小，选择加载。结构臃肿，加载负担较大。现笔者经过一定时间的学习，有所心得，故分享于此，加强交流，共同进步。同时希望对大家有所
    • [sql server] 分组取最大最小常用sql 一炮送你回车库 SQL Server
      --分组取最大最小常用sql--测试环境if OBJECT_ID('tb') is not null drop table tb;gocreate table tb( col1 int, col2 int, Fcount int)insert into tbselect 11,20,1 union allselect 11,22,1 union allselect 1
    • ImageIO写图片输出到硬盘 3213213333332132 javaimage
      package awt; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import javax.imagei
    • 自己的String动态数组 宝剑锋梅花香 java动态数组数组
      数组还是好说，学过一两门编程语言的就知道，需要注意的是数组声明时需要把大小给它定下来，比如声明一个字符串类型的数组：String str[]=new String[10];    但是问题就来了，每次都是大小确定的数组，我需要数组大小不固定随时变化怎么办呢？  动态数组就这样应运而生，龙哥给我们讲的是自己用代码写动态数组，并非用的ArrayList 看看字符
    • pinyin4j工具类 darkranger .net
      pinyin4j工具类Java工具类 2010-04-24 00:47:00 阅读69 评论0 字号：大中小 引入pinyin4j-2.5.0.jar包: pinyin4j是一个功能强悍的汉语拼音工具包，主要是从汉语获取各种格式和需求的拼音，功能强悍，下面看看如何使用pinyin4j。 本人以前用AscII编码提取工具，效果不理想，现在用pinyin4j简单实现了一个。功能还不是很完美，
    • StarUML学习笔记----基本概念 aijuans UML建模
      介绍StarUML的基本概念，这些都是有效运用StarUML?所需要的。包括对模型、视图、图、项目、单元、方法、框架、模型块及其差异以及UML轮廓。         模型、视与图（Model, View and Diagram）        &
    • Activiti最终总结 avords Activiti id 工作流
      1、流程定义ID：ProcessDefinitionId，当定义一个流程就会产生。 2、流程实例ID：ProcessInstanceId，当开始一个具体的流程时就会产生，也就是不同的流程实例ID可能有相同的流程定义ID。 3、TaskId，每一个userTask都会有一个Id这个是存在于流程实例上的。 4、TaskDefinitionKey和（ActivityImpl activityId
    • 从省市区多重级联想到的，react和jquery的差别 bee1314 jqueryUIreact
      在我们的前端项目里经常会用到级联的select，比如省市区这样。通常这种级联大多是动态的。比如先加载了省，点击省加载市，点击市加载区。然后数据通常ajax返回。如果没有数据则说明到了叶子节点。   针对这种场景，如果我们使用jquery来实现，要考虑很多的问题，数据部分，以及大量的dom操作。比如这个页面上显示了某个区，这时候我切换省，要把市重新初始化数据，然后区域的部分要从页面
    • Eclipse快捷键大全 bijian1013 javaeclipse快捷键
      Ctrl+1 快速修复(最经典的快捷键,就不用多说了)Ctrl+D: 删除当前行 Ctrl+Alt+↓ 复制当前行到下一行(复制增加)Ctrl+Alt+↑ 复制当前行到上一行(复制增加)Alt+↓ 当前行和下面一行交互位置(特别实用,可以省去先剪切,再粘贴了)Alt+↑ 当前行和上面一行交互位置(同上)Alt+← 前一个编辑的页面Alt+→ 下一个编辑的页面(当然是针对上面那条来说了)Alt+En
    • js 笔记 函数 征客丶 JavaScript
      一、函数的使用 1.1、定义函数变量 var vName = funcation(params){ } 1.2、函数的调用 函数变量的调用：      vName(params); 函数定义时自发调用：(function(params){})(params); 1.3、函数中变量赋值 var a = 'a'; var ff
    • 【Scala四】分析Spark源代码总结的Scala语法二 bit1129 scala
      1. Some操作   在下面的代码中，使用了Some操作：if (self.partitioner == Some(partitioner))，那么Some(partitioner)表示什么含义？首先partitioner是方法combineByKey传入的变量， Some的文档说明：   /** Class `Some[A]` represents existin
    • java 匿名内部类 BlueSkator java匿名内部类
      组合优先于继承 Java的匿名类，就是提供了一个快捷方便的手段，令继承关系可以方便地变成组合关系 继承只有一个时候才能用，当你要求子类的实例可以替代父类实例的位置时才可以用继承。   在Java中内部类主要分为成员内部类、局部内部类、匿名内部类、静态内部类。 内部类不是很好理解，但说白了其实也就是一个类中还包含着另外一个类如同一个人是由大脑、肢体、器官等身体结果组成，而内部类相
    • 盗版win装在MAC有害发热，苹果的东西不值得买，win应该不用 ljy325 游戏applewindowsXPOS
      Mac mini 型号: MC270CH-A RMB:5,688   Apple 对windows的产品支持不好,有以下问题:   1.装完了xp,发现机身很热虽然没有运行任何程序！貌似显卡跑游戏发热一样，按照那样的发热量,那部机子损耗很大,使用寿命受到严重的影响!   2.反观安装了Mac os的展示机，发热量很小，运行了1天温度也没有那么高 &nbs
    • 读《研磨设计模式》-代码笔记-生成器模式-Builder bylijinnan java设计模式
      声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * 生成器模式的意图在于将一个复杂的构建与其表示相分离，使得同样的构建过程可以创建不同的表示（GoF） * 个人理解： * 构建一个复杂的对象，对于创建者（Builder）来说，一是要有数据来源(rawData)，二是要返回构
    • JIRA与SVN插件安装 chenyu19891124 SVNjira
      JIRA安装好后提交代码并要显示在JIRA上，这得需要用SVN的插件才能看见开发人员提交的代码。 1.下载svn与jira插件安装包，解压后在安装包(atlassian-jira-subversion-plugin-0.10.1) 2.解压出来的包里下的lib文件夹下的jar拷贝到(C:\Program Files\Atlassian\JIRA 4.3.4\atlassian-jira\WEB
    • 常用数学思想方法 comsci 工作
        对于搞工程和技术的朋友来讲，在工作中常常遇到一些实际问题，而采用常规的思维方式无法很好的解决这些问题，那么这个时候我们就需要用数学语言和数学工具，而使用数学工具的前提却是用数学思想的方法来描述问题。。下面转帖几种常用的数学思想方法，仅供学习和参考   函数思想 　　把某一数学问题用函数表示出来，并且利用函数探究这个问题的一般规律。这是最基本、最常用的数学方法
    • pl/sql集合类型 daizj oracle集合typepl/sql
      --集合类型 /*   单行单列的数据，使用标量变量   单行多列数据，使用记录   单列多行数据，使用集合（。。。）   *集合：类似于数组也就是。pl/sql集合类型包括索引表（pl/sql table）、嵌套表（Nested Table）、变长数组（VARRAY）等 */ /*     --集合方法 &n
    • [Ofbiz]ofbiz初用 dinguangx 电商ofbiz
      从github下载最新的ofbiz（截止2015-7-13），从源码进行ofbiz的试用 1. 加载测试库 ofbiz内置derby，通过下面的命令初始化测试库 ./ant load-demo (与load-seed有一些区别)   2. 启动内置tomcat ./ant start 或 ./startofbiz.sh 或 java -jar ofbiz.jar &
    • 结构体中最后一个元素是长度为0的数组 dcj3sjt126com cgcc
      在Linux源代码中，有很多的结构体最后都定义了一个元素个数为0个的数组，如/usr/include/linux/if_pppox.h中有这样一个结构体： struct pppoe_tag {     __u16 tag_type;     __u16 tag_len;   &n
    • Linux cp 实现强行覆盖 dcj3sjt126com linux
      发现在Fedora 10 /ubutun 里面用cp -fr src dest，即使加了-f也是不能强行覆盖的，这时怎么回事的呢？一两个文件还好说，就输几个yes吧，但是要是n多文件怎么办，那还不输死人呢？下面提供三种解决办法。 方法一 我们输入alias命令，看看系统给cp起了一个什么别名。 [root@localhost ~]# aliasalias cp=’cp -i’a
    • Memcached(一)、HelloWorld frank1234 memcached
      一、简介 高性能的架构离不开缓存，分布式缓存中的佼佼者当属memcached，它通过客户端将不同的key hash到不同的memcached服务器中，而获取的时候也到相同的服务器中获取，由于不需要做集群同步，也就省去了集群间同步的开销和延迟，所以它相对于ehcache等缓存来说能更好的支持分布式应用，具有更强的横向伸缩能力。 二、客户端 选择一个memcached客户端，我这里用的是memc
    • Search in Rotated Sorted Array II hcx2013 search
      Follow up for "Search in Rotated Sorted Array":What if duplicates are allowed? Would this affect the run-time complexity? How and why? Write a function to determine if a given ta
    • Spring4新特性——更好的Java泛型操作API jinnianshilongnian spring4generic type
      Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
    • CentOS安装JDK liuxingguome centos
      1、行卸载原来的： [root@localhost opt]# rpm -qa | grep java tzdata-java-2014g-1.el6.noarch java-1.7.0-openjdk-1.7.0.65-2.5.1.2.el6_5.x86_64 java-1.6.0-openjdk-1.6.0.0-11.1.13.4.el6.x86_64 [root@localhost
    • 二分搜索专题2-在有序二维数组中搜索一个元素 OpenMind 二维数组算法二分搜索
      1,设二维数组p的每行每列都按照下标递增的顺序递增。 用数学语言描述如下：p满足 (1),对任意的x1，x2，y，如果x1<x2,则p(x1,y)<p(x2,y); (2),对任意的x，y1,y2, 如果y1<y2,则p(x,y1)<p(x,y2); 2,问题： 给定满足1的数组p和一个整数k，求是否存在x0,y0使得p(x0,y0)=k? 3,算法分析： (
    • java 随机数 Math与Random SaraWon javaMathRandom
      今天需要在程序中产生随机数，知道有两种方法可以使用，但是使用Math和Random的区别还不是特别清楚，看到一篇文章是关于的，觉得写的还挺不错的，原文地址是 http://www.oschina.net/question/157182_45274?sort=default&p=1#answers 产生1到10之间的随机数的两种实现方式： //Math Math.roun
    • oracle创建表空间 tugn oracle
      create temporary tablespace TXSJ_TEMP   tempfile 'E:\Oracle\oradata\TXSJ_TEMP.dbf'   size 32m   autoextend on   next 32m maxsize 2048m   extent m
    • 使用Java8实现自己的个性化搜索引擎 yangshangchuan javasuperword搜索引擎java8全文检索
      需要对249本软件著作实现句子级别全文检索，这些著作均为PDF文件，不使用现有的框架如lucene，自己实现的方法如下： 1、从PDF文件中提取文本，这里的重点是如何最大可能地还原文本。提取之后的文本，一个句子一行保存为文本文件。 2、将所有文本文件合并为一个单一的文本文件，这样，每一个句子就有一个唯一行号。 3、对每一行文本进行分词，建立倒排表，倒排表的格式为：词=包含该词的总行数N=行号
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他