denverj
denverj

Five Things You Should Know About HTML5(HTML5，你需要知道的5件事）

Five Things You Should Know About HTML5

1. It’s not one big thing（它不是单独的大家伙）
    You may well ask: “How can I start using HTML5 if older browsers don’t support it?” But the question itself is misleading. HTML5 is not one big thing; it is a collection of individual features. So you can’t detect “HTML5 support,” because that doesn’t make any sense. But you can detect support for individual features, like canvas, video, or geolocation.

    你也许相当想问：”如果老版本的浏览器不支持它，我该如何开始使用HTML5？“但这个问题本身就是很容易引起误解的。HTML5不是一个单独的大家伙；它是一个由许多独立功能组成的集合。所以你不能检测出（你的浏览器）是否支持HTML5，因为那没有任何意义。但你可以检测出（你的浏览器）是否支持独立的功能，比如 canvas, video,或者 geolocation. 

    You may think of HTML as tags and angle brackets. That’s an important part of it, but it’s not the whole story. The HTML5 specification also defines how those angle brackets interact with JavaScript, through the Document Object Model (DOM). HTML5 doesn’t just define a <video> tag; there is also a corresponding DOM API for video objects in the DOM. You can use this API to detect support for different video formats, play a video, pause, mute audio, track how much of the video has been downloaded, and everything else you need to build a rich user experience around the <video> tag itself.

    你可以将HTML想象成为一些标记或者尖括号。 这些都是它的重要组成部分， 但这些并不是全部。HTML规范也定义了这些尖括号如何通过DOM与JavaScript交互。 HTML并不仅仅定义了一个<video>标签；也包含了供video对象在DOM中使用的相应的DOM API；你能使用这些API，用于检测（浏览器)对不同格式的视频的支持，播放一个视频，暂停，静音一个音频。跟踪视频被加载的多少程度。围绕<video>标签，你可以创造出任何你想要的，拥有良好客户体验你可以将HTML想象成为一些标记或者尖括号。 这些都是它的重要组成部分， 但这些并不是全部。HTML规范也定义了这些尖括号如何通过DOM与JavaScript交互。 HTML并不仅仅定义了一个<video>标签；也包含了供video对象在DOM中使用的相应的DOM API；你能使用这些API，用于检测（浏览器)对不同格式的视频的支持，播放一个视频，暂停，静音一个音频。跟踪视频被加载的多少程度。围绕<video>标签，你可以创造出任何你想要的，拥有良好客户体验的（程序）。

2. You don’t need to throw anything away（你不需要抛弃任何东西）

    Love it or hate it, you can’t deny that HTML 4 is the most successful markup format ever. HTML5 builds on that success. You don’t need to throw away your existing markup. You don’t need to relearn things you already know. If your web application worked yesterday in HTML 4, it will still work today in HTML5. Period.

    不管喜欢与否， 你不能否认HTML 4是迄今为止最成功的标记语言标准。 HTML5建立于它的成功之上。你不需要抛弃任何你现有的标记。你也不需要重新学习那些你已经掌握的知识。如果你的web应用过去一直在HTML4下工作，那么现在它仍然能够在HTML5下工作。至少在一段时间内是这样。

    Now, if you want to improve your web applications, you’ve come to the right place. Here’s a concrete example: HTML5 supports all the form controls from HTML 4, but it also includes new input controls. Some of these are long-overdue additions like sliders and date pickers; others are more subtle. For example, the email input type looks just like a text box, but mobile browsers will customize their onscreen keyboard to make it easier to type email addresses. Older browsers that don’t support the email input type will treat it as a regular text field, and the form still works with no markup changes or scripting hacks. This means you can start improving your web forms today, even if some of your visitors are stuck on IE 6.

    现在， 如果你想要升级你的web应用，那么你来对地方了。 这里有个具体的例子： HTML5支持所有的HTML4中的窗体控件，但它也提供了一些新的input控件。其中有一些早该加入的功能，比如sliders（滚动条）和date pickers（日期选择控件）；其余的（控件）则更加巧妙。 比如， email输入控件看起来更像一个text box（文本框），但是手机浏览器会根据它们的触摸屏键盘自动调整，使它更容易输入email地址。 老版本的不支持email控件的浏览器将仍然将它当做一个普通的文本框， 表单（窗体）仍然正常工作，不需要对标签或者脚本做任何更改。 这些意味着你已经可以开始升级你的web应用了，虽然你的用户可能还在使用IE 6。

3. It’s easy to get started（它非常容易上手）

    “Upgrading” to HTML5 can be as simple as changing your doctype. The doctype should already be on the first line of every HTML page. Previous versions of HTML defined a lot of doctypes, and choosing the right one could be tricky. In HTML5, there is only one doctype:

    <!DOCTYPE html>

    升级到HTML5非常简单，简单到只需要修改你页面上的doctype。doctype应该出现在所有的HTML页面的第一行。前一个版本的HTML定义了相当多的doctype， 在它们中选择一个正确的来使用会变得非常复杂。在HTML5中，只有唯一的doctype:
    <!DOCTYPE html>

    Upgrading to the HTML5 doctype won’t break your existing markup, because all the tags defined in HTML 4 are still supported in HTML5. But it will allow you to use — and validate — new semantic elements like <article>, <section>, <header>, and <footer>.

    升级到HTML5的doctype不会破坏你任何的已经存在的标记，因为在HTML 4中定义的所有标记在HTML5中同样得到了支持。但它会允许你使用一些新的语义元件比如<article>, <section>, <header>, and <footer>.

4. It already works（它已经开始工作了）
    Whether you want to draw on a canvas, play video, design better forms, or build web applications that work offline, you’ll find that HTML5 is already well-supported. Firefox, Safari, Chrome, Opera, and mobile browsers already support canvas, video, geolocation, local storage, and more. Google already supports microdata annotations. Even Microsoft — rarely known for blazing the trail of standards support — will be supporting most HTML5 features in the upcoming Internet Explorer 9.

    无论你是想在canvas上画画，播放视频，设计更好的表单，或者创建能在离线状态下工作的web应用，你会发现HTML5已经被广泛地支持了。Firefox, Safari, Chrome, Opera,以及许多手机浏览器已经支持canvas, video, geolocation(地理位置定位), local storage（本地存储）, 甚至更多。 Google已经开始支持microdata annotations(microdata是HTML新定义的一个规范，网页可以利用microdata来针对网页里的特殊架构信息做描述。搜索引擎，浏览器可以对这些数据进行解读，并为用户提供更富用户体验的功能）。就连很少和标准接轨的微软，也将在IE9中支持HTML5的大部分功能。

5. It’s here to stay(他们要说的是）

    Tim Berners-Lee invented the world wide web in the early 1990s. He later founded the W3C to act as a steward of web standards, which the organization has done for more than 15 years. Here is what the W3C had to say about the future of web standards, in July 2009:

    Tim Berners-Lee在上世纪90年代早期发明了万维网。 在那以后，他创立了W3C组织作为web标准的领路者， 这个组织已经运转了超过十五年。 这里是W3C在2009年7月，谈到关于未来的web标准所说的一段话：

    Today the Director announces that when the XHTML 2 Working Group charter expires as scheduled at the end of 2009, the charter will not be renewed. By doing so, and by increasing resources in the HTML Working Group, W3C hopes to accelerate the progress of HTML5 and clarify W3C’s position regarding the future of HTML.

    今天，董事宣布XHTML 2工作组的执照如期在2009年末到期后，将不再重新更新。（这个小组在2010-12-17正式解散） 通过这种措施，并且加大对HTML工作组的资源投入力度， W3C希望能够加快HTML5的进程。同时无论HTML将来发展如何，W3C再次表明了它对HTML5的坚定立场。

原文链接： http://diveintohtml5.org/introduction.html

你可能感兴趣的:(JavaScript,html,Web,html5,XHTML)

  • （前端开发）网页制作案例 A宝呀 htmljavascriptcss
    HTML（index.html）A宝学成在线首页课程职业规划A宝前端开发后端开发移动开发人工智能商业预测云计算&大数据运维&测试UI设计产品我的课程表数据可视化课程正在学习-echarts使用步骤Vue3医疗项目课程正在学习-认识组合式APIReact核心技术课程正在学习-rudex配合TS使用全部课程精品推荐HTMLCSSJavaScriptNode.jsAjaxVue2.0Vue3.0Type
  • PHP 应用&留言板功能&超全局变量&数据库操作&第三方插件引用 我最厉害。，。 php数据库开发语言
    服务器用来处理脚本数据库用来存储数据#开发环境：DW+PHPStorm+PhpStudy+NavicatPremiumDW:HTML&JS&CSS开发PHPStorm:专业PHP开发IDEPhpStudy：ApacheMYSQL环境NavicatPremium:全能数据库管理工具#数据导入-mysql架构&库表列1、数据库名，数据库表名，数据库列名2、数据库数据，格式类型，长度，键等#数据库操作-
  • 【Node.js】制作简易图床应用 卷儿~ Node.jsnode.jsjavascript前端
    图床服务(picturehostingservice，不是“picturebed”吼)，是web服务中常见常用的服务。其功能在于允许用户将图片放在服务器上并提供公开可访问的链接。有了上一节(【Node.js】使用Multer的文件上传下载)的铺垫，这一节就来小试牛刀，制作一个简易的仅支持上传和浏览的图床应用了需求分析首先，提供上传图片的接口。在上传图片后，需要返回给用户图片的url以便于用户的访问
  • web前端录制canvas视频和video的声音，并合并成一个文件进行下载 不怕麻烦的鹿丸 WebRTCJavaScript前端音视频canvasjavascript
    一、captureStream‌captureStream‌是一个WebAPI方法，用于捕获指定元素的媒体流。该方法通常用于从、或元素中捕获实时视频流或音频流，以便进行进一步的处理，如直播、录制或分析‌。captureStream()方法能够实时捕获视频流，适用于直播、实时监控等场景。它返回一个MediaStream对象，该对象包含了捕获的视频流数据。相比其他视频捕获方法，captureStrea
  • 深入理解 JSX：构建 React 用户界面的利器 码农白衣 前端知识reactreact.jsreact.jsui前端
    目录一、JSX介绍1.JSX概念2.为什么使用JSX，JSX有什么好处？二、JSX基本语法1.基本元素：2.嵌套元素：3.组件：4.属性:5.表达式6.条件渲染：7.样式：三、JSX语法规则四、JSX编译过程五、JSX小案例1.待办事项列表2.计时器应用六、总结一、JSX介绍1.JSX概念JSX（JavaScriptXML）是一种语法扩展，主要用于React开发中。它允许开发者在JavaScrip
  • spring+k8s 功能说明 LCY133 spring后端springkubernetesjava
    以下是一个结合Kubernetes（k8s）和SpringBoot的完整实例，涵盖应用开发、容器化、部署到Kubernetes集群的全流程。1.创建SpringBoot应用1.1项目初始化使用SpringInitializr生成一个简单的RESTAPI项目：•依赖项：SpringWeb、Actuator（用于健康检查）•示例代码：@RestControllerpublicclassHelloCon
  • 用selenium+ChromeDriver豆瓣电影 肖申克的救赎 短评爬取（pycharm 爬虫） 莓事哒 Python网络爬虫seleniumpycharm爬虫
    一、豆瓣电影肖申克的救赎短评url=https://movie.douban.com/subject/1292052/comments二、基本知识点讲解1.Selenium的基本使用Selenium是一个用于自动化浏览器操作的库，常用于网页测试和爬虫。代码中使用了以下Selenium的核心功能：webdriver.Chrome:启动Chrome浏览器实例。driver.get(url):打开指定的
  • JavaScript 学习精讲：前三天知识点梳理与拓展 梦想是不秃 javascript学习开发语言前端js
    在JavaScript的学习征途中，我们已经迈出了坚实的前三步。第一天，我们初识了JavaScript，了解其基本概念、引入方式以及核心的语法元素，掌握了在HTML中嵌入JavaScript的方法，为后续学习搭建了基础框架。第二天，深入学习了JavaScript中的语句与流程控制，学会了运用条件语句、循环语句和跳转语句编写更具逻辑性和交互性的代码，这让我们能够驾驭更复杂的编程场景，使程序的执行流程
  • Python：简洁、高效与强大的编程语言 python
    Python是一种高级、解释型的编程语言，以其简洁的语法、强大的功能和广泛的库支持而广受欢迎。自1991年由GuidovanRossum发布以来，Python已经成为世界上最流行的编程语言之一，广泛应用于Web开发、数据分析、人工智能、自动化脚本等多个领域。一、Python的核心特性（一）简洁易读的语法Python的语法设计注重简洁和可读性，使得代码更加易于理解和维护。Python使用缩进来定义代
  • 鸿蒙5网页开发神器 ArkWeb：让 Web 和原生手拉手跳舞 harmonyos-next
    你有没有想过，在鸿蒙应用里既能用原生代码写高性能界面，又能直接塞进一个网页？这听起来有点像把汉堡和披萨拼在一起，但ArkWeb（方舟Web）真的做到了！今天咱们就聊聊这个神奇的工具，看看它如何让Web和原生开发手拉手，轻松打造出超酷的鸿蒙应用。一、ArkWeb的秘密武器：Chromium内核+多进程架构ArkWeb的第一个厉害之处，在于它的“心脏”——Chromium内核。这个内核就是谷歌Chro
  • 超详细 Python 爬虫指南 java15655057970 面试学习路线阿里巴巴python爬虫开发语言
    目录一、爬虫的基本原理二、爬虫实现步骤1.准备工作2.详细代码实现三、处理反爬机制四、爬取复杂数据的技巧1.JSON数据爬取2.分页数据爬取3.下载文件五、完整爬虫示例六、注意事项一、爬虫的基本原理HTTP请求与响应爬虫通过HTTP协议与目标网站服务器通信。发送请求时可指定URL、请求方法（GET或POST）、请求头等。服务器根据请求返回HTML页面、JSON数据或其他格式的响应。HTML解析HT
  • 聊聊langchain4j的Code Execution Engine langchain4j
    序本文主要研究一下langchain4j的CodeExecutionEngine步骤pom.xmldev.langchain4jlangchain4j-code-execution-engine-graalvm-polyglot1.0.0-beta2example@Testvoidshould_execute_tool(){GraalVmJavaScriptExecutionTooltool=ne
  • Electron + Vite + Vue 桌面应用模板 会功夫的李白 electronelectronvue.jsjavascriptvite模版
    一个现代化的桌面应用开发模板，基于Electron、Vite和Vue3。特性Electron-构建跨平台桌面应用⚡Vite-闪电般的构建和热更新Vue3-渐进式JavaScript框架ElementPlus-现代化UI组件库国际化-多语言支持主题切换-亮色/暗色主题️数据库支持-内置SQLite数据库预览开发环境前提条件Node.js>=16npm>=8安装#克隆仓库gitclonehttps:/
  • django中配置websocket qq_36606793 pythondjango实战练习djangowebsocketpython
    python本身只支持http协议使用websocket需要下载第三方库pipinstall-Uchannels在安装在windows机器的时候。需要自信的C++支持，报错的时候，报错有地址告诉你下载URL配置需要在seting.py里配置，将我们的channels加入INSTALLED_APP里。INSTALLED_APPS=('django.contrib.auth','django.cont
  • 在 web 部署 YOLOv8目标检测（Django+html） Edward-tan 人工智能--CV全栈开发YOLOdjango
    本文介绍如何将自己训练好的模型在网页上进行应用，使用Django+html进行部署，能够对视频和图像进行识别，并显示到页面上，下面是一个效果：上传和另外7个页面-个人-MicrosoftEdge2025-03-1321-52-06下面进行教学，想直接要源码的直接滑到最底下。首先配置环境，设置一个全局文件夹，用于储存每次选择和检测完的图片和视频：setting.py中加入:importosBASE_
  • WEB前端面试题—20170405 xyphf_和派孔明 web前端面试题
    1、行内元素有哪些？块级元素有哪些？空（void）元素有哪些？行内元素：abspanimginputselectstrong块级元素:divulollidldtddh1h3h4p空元素:2、清除浮动的几种方式，各自的优缺点。方法一：结尾处加空div标签clear:both原理：添加一个空div，利用css提高的clear:both清除浮动，让父级div能自动获取到高度优点：简单、代码少、浏览器支持
  • 【框架学习与探究之定时器--Quartz.Net 】 weixin_34082177
    声明本文欢迎转载，原文地址：http://www.cnblogs.com/DjlNet/p/7572174.html前言这里相信大部分玩家之前现在都应该有过使用定时器的时候或者需求，例如什么定时发送邮件通知，定时筛选取消客户下单未支付的订单，定时数据备份或者归档清洗什么的诸如此类的需求，都是定时的作用的地方，类似比如：windows的计划任务、数据库的计划任务都是同样体现，那么相关于这方面的轮子或
  • 使用html5-qrcode 扫描二维码(vue3) vayne_1 vuehtml5前端html
    步骤：1.安装库html5-qrcode:npmihtml5-qrcode2.开启https(这里安装@vitejs/plugin-basic-ssl模拟)//vite.config.jsimportbasicSslfrom'@vitejs/plugin-basic-ssl'exportdefaultdefineConfig({plugins:[vue(),basicSsl()],//这里写入插件
  • 【技术选型】三大 Python Web 框架全面对比 qzw1210 python前端开发语言
    三大PythonWeb框架全面对比Python的三大主流Web框架Django、Flask和FastAPI各有特色，适用于不同的应用场景。下面将从多个维度对它们进行全面对比，并通过具体示例说明各自的优缺点。1.Django:全能型重量级框架Django遵循"batteries-included"理念，提供了构建Web应用所需的几乎所有组件。核心特点完整的MVC/MTV架构：内置模型、模板和视图层强
  • Spring WebFlux之流式输出 Studying_swz blogspringjava后端
    欢迎访问的个人博客：https://swzbk.site/，加好友，拉你入福利群流式输出（StreamingOutput）是指将数据分块逐步发送给客户端，而不是一次性发送所有数据。这种方式特别适合处理大文件、实时数据或需要逐步展示的场景（如deepseek响应、语音、视频、日志等）。在springboot中通过SpringWebFlux实现。1.Flux是什么？定义：Flux是一个异步数据流处理库
  • web面试题——第一篇 Southern Wind AJAX前端javascripthtml
    目录1、html文档中怎么区分节点对象的节点类型2、关键字或保留字3、CSS有三种基本的定位机制4、link和@import的区别5、display与visibility的区别6、数组去重7、以下代码中的返回值为8、以下代码中的返回值为1、html文档中怎么区分节点对象的节点类型答：nodeType2、关键字或保留字答：关键字是在JavaScript已经被规定为具有特殊功能的字。这些关键字可用于表
  • CSS中的伪类与伪元素：让样式更加灵活优雅 心灵星图 css
    CSS中的伪类与伪元素：让样式更加灵活优雅在CSS的世界里，伪类和伪元素是两个强大而优雅的特性，它们能让我们的样式代码更加简洁，同时提供更丰富的样式控制能力。今天，让我们深入了解这两个概念。一、伪类（Pseudo-classes）1.1什么是伪类？伪类用于定义元素的特殊状态。它们以单个冒号（:）开头，就像给元素添加了一个虚拟的类，但无需修改HTML结构。1.2常用伪类/* 鼠标悬停状态 */but
  • 手动集成sqlite的方法 雨声不在 Androidsqliteandroid
    注意到sqlite有backup方法（https://www.sqlite.org/backup.html）。也注意到android中sysroot下，没有sqlite3的库，也没有相关头文件。如果要使用sqlite的backup，那么就需要手动集成sqlite代码到项目中。可以如下操作：以下是手动将SQLite源码集成到AndroidNDK项目中的完整方案（基于Android.mk），适用于需要
  • html5-qrcode前端打开摄像头扫描二维码功能 1024小神 HTML前端html5前端html
    实现的效果如图所示，全屏打开并且扫描到二维码后弹窗提醒，主要就是使用html5-qrcode这个依赖库，html5-qrcode开源地址：GitHub-mebjas/html5-qrcode:AcrossplatformHTML5QRcodereader.Seeendtoendimplementationat:https://scanapp.org使用文档：Gettingstarted|ScanA
  • JavaScript Window Location 宇哥资料 JavaScriptjavascript前端开发语言
    window.location对象用于获得当前页面的地址(URL)，并把浏览器重定向到新的页面。WindowLocationwindow.location对象在编写时可不使用window这个前缀。一些例子：一些实例:location.hostname返回web主机的域名location.pathname返回当前页面的路径和文件名location.port返回web主机的端口（80或443）loca
  • SvelteKit 最新中文文档教程（9）—— 部署静态站点与单页应用
    前言Svelte，一个语法简洁、入门容易，面向未来的前端框架。从Svelte诞生之初，就备受开发者的喜爱，根据统计，从2019年到2024年，连续6年一直是开发者最感兴趣的前端框架No.1：Svelte以其独特的编译时优化机制著称，具有轻量级、高性能、易上手等特性，非常适合构建轻量级Web项目。为了帮助大家学习Svelte，我同时搭建了Svelte最新的中文文档站点。如果需要进阶学习，也可以入手我
  • html大学生网站开发实践作业：传统文化网页设计题材【绒花6页】HTML+CSS+JavaScript (1) @码出未来-web网页设计 htmlcssjavascript
    精彩专栏推荐文末获取联系✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【Echarts大屏展示大数据平台可视化(150套)】HTML+CSS+JS实例代码：【️HTML+CSS+JS实例代码
  • 前端框架入门：Vue 基础 风亦辰739 前后端开发全栈指南vue.js前端框架前端
    Vue.js是一款流行的前端框架，专注于构建用户界面。它采用响应式数据绑定和组件化开发，易于上手且功能强大。Vue3版本引入了CompositionAPI，提升了开发效率。一、Vue.js基础1.Vue介绍Vue是一个渐进式JavaScript框架，可用于：构建单页应用（SPA）。组件化开发，提高代码复用性。结合Vuex（状态管理）和VueRouter（路由）开发大型应用。2.Vue模板语法Vue
  • Python如何实现粒子效果如烟雾、火焰、雨滴等. openwin_top python编程示例系列二python开发语言
    microPythonPython最小内核源码解析NI-motion运动控制c语言示例代码解析python编程示例系列python编程示例系列二python的Web神器Streamlit如何应聘高薪职位在Panda3D中实现粒子效果主要依赖于其内置的粒子系统。这个系统允许开发者创建各种动态的视觉效果，如烟雾、火焰、雨滴等。下面我将详细介绍如何在Panda3D中添加一个简单的粒子效果。步骤1:准备粒
  • 【html5期末大作业】基于HTML仿QQ音乐官网网站 IT-司马青衫 htmlhtml5课程设计
    精彩专栏推荐文末获取联系✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【Echarts大屏展示大数据平台可视化(150套)】HTML+CSS+JS实例代码：【️HTML+CSS+JS实例代码
  • java解析APK 3213213333332132 javaapklinux解析APK
    解析apk有两种方法 1、结合安卓提供apktool工具，用java执行cmd解析命令获取apk信息 2、利用相关jar包里的集成方法解析apk 这里只给出第二种方法，因为第一种方法在linux服务器下会出现不在控制范围之内的结果。 public class ApkUtil { /** * 日志对象 */ private static Logger
  • nginx自定义ip访问N种方法 ronin47 nginx 禁止ip访问
    　　　因业务需要，禁止一部分内网访问接口，　由于前端架了F5，直接用deny或allow是不行的，这是因为直接获取的前端Ｆ５的地址。 　　　所以开始思考有哪些主案可以实现这样的需求，目前可实施的是三种： 　　　一：把ip段放在redis里，写一段lua           二：利用geo传递变量，写一段
  • mysql timestamp类型字段的CURRENT_TIMESTAMP与ON UPDATE CURRENT_TIMESTAMP属性 dcj3sjt126com mysql
    timestamp有两个属性，分别是CURRENT_TIMESTAMP 和ON UPDATE CURRENT_TIMESTAMP两种，使用情况分别如下：   1.   CURRENT_TIMESTAMP    当要向数据库执行insert操作时，如果有个timestamp字段属性设为   CURRENT_TIMESTAMP，则无论这
  • struts2+spring+hibernate分页显示 171815164 Hibernate
    分页显示一直是web开发中一大烦琐的难题，传统的网页设计只在一个JSP或者ASP页面中书写所有关于数据库操作的代码，那样做分页可能简单一点，但当把网站分层开发后，分页就比较困难了，下面是我做Spring+Hibernate+Struts2项目时设计的分页代码，与大家分享交流。 　　1、DAO层接口的设计，在MemberDao接口中定义了如下两个方法： public in
  • 构建自己的Wrapper应用 g21121 rap
            我们已经了解Wrapper的目录结构，下面可是正式利用Wrapper来包装我们自己的应用，这里假设Wrapper的安装目录为:/usr/local/wrapper。           首先，创建项目应用   &nb
  • [简单]工作记录_多线程相关 53873039oycg 多线程
         最近遇到多线程的问题,原来使用异步请求多个接口(n*3次请求)     方案一 使用多线程一次返回数据,最开始是使用5个线程,一个线程顺序请求3个接口,超时终止返回     缺点       测试发现必须3个接
  • 调试jdk中的源码，查看jdk局部变量 程序员是怎么炼成的 jdk 源码
    转自：http://www.douban.com/note/211369821/    学习jdk源码时使用--   学习java最好的办法就是看jdk源代码，面对浩瀚的jdk（光源码就有40M多，比一个大型网站的源码都多）从何入手呢，要是能单步调试跟进到jdk源码里并且能查看其中的局部变量最好了。 可惜的是sun提供的jdk并不能查看运行中的局部变量
  • Oracle RAC Failover 详解 aijuans oracle
    Oracle RAC 同时具备HA(High Availiablity) 和LB(LoadBalance). 而其高可用性的基础就是Failover(故障转移). 它指集群中任何一个节点的故障都不会影响用户的使用，连接到故障节点的用户会被自动转移到健康节点，从用户感受而言， 是感觉不到这种切换。 Oracle 10g RAC 的Failover 可以分为3种： 1. Client-Si
  • form表单提交数据编码方式及tomcat的接受编码方式 antonyup_2006 JavaScripttomcat浏览器互联网servlet
    原帖地址：http://www.iteye.com/topic/266705 form有2中方法把数据提交给服务器，get和post,分别说下吧。 （一）get提交 1.首先说下客户端（浏览器）的form表单用get方法是如何将数据编码后提交给服务器端的吧。    对于get方法来说，都是把数据串联在请求的url后面作为参数，如：http://localhost:
  • JS初学者必知的基础 百合不是茶 js函数js入门基础
    JavaScript是网页的交互语言,实现网页的各种效果, JavaScript 是世界上最流行的脚本语言。 JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。 JavaScript 被设计为向 HTML 页面增加交互性。 许多 HTML 开发者都不是程序员，但是 JavaScript 却拥有非常简单的语法。几乎每个人都有能力将小的
  • iBatis的分页分析与详解 bijian1013 javaibatis
            分页是操作数据库型系统常遇到的问题。分页实现方法很多，但效率的差异就很大了。iBatis是通过什么方式来实现这个分页的了。查看它的实现部分，发现返回的PaginatedList实际上是个接口，实现这个接口的是PaginatedDataList类的对象，查看PaginatedDataList类发现，每次翻页的时候最
  • 精通Oracle10编程SQL(15)使用对象类型 bijian1013 oracle数据库plsql
    /* *使用对象类型 */ --建立和使用简单对象类型 --对象类型包括对象类型规范和对象类型体两部分。 --建立和使用不包含任何方法的对象类型 CREATE OR REPLACE TYPE person_typ1 as OBJECT( name varchar2(10),gender varchar2(4),birthdate date ); drop type p
  • 【Linux命令二】文本处理命令awk bit1129 linux命令
    awk是Linux用来进行文本处理的命令，在日常工作中，广泛应用于日志分析。awk是一门解释型编程语言，包含变量，数组，循环控制结构，条件控制结构等。它的语法采用类C语言的语法。   awk命令用来做什么？ 1.awk适用于具有一定结构的文本行，对其中的列进行提取信息 2.awk可以把当前正在处理的文本行提交给Linux的其它命令处理，然后把直接结构返回给awk 3.awk实际工
  • JAVA(ssh2框架)+Flex实现权限控制方案分析 白糖_ java
      目前项目使用的是Struts2+Hibernate+Spring的架构模式，目前已经有一套针对SSH2的权限系统，运行良好。但是项目有了新需求：在目前系统的基础上使用Flex逐步取代JSP，在取代JSP过程中可能存在Flex与JSP并存的情况，所以权限系统需要进行修改。 【SSH2权限系统的实现机制】 权限控制分为页面和后台两块：不同类型用户的帐号分配的访问权限是不同的，用户使
  • angular.forEach boyitech AngularJSAngularJS APIangular.forEach
    angular.forEach 描述: 循环对obj对象的每个元素调用iterator, obj对象可以是一个Object或一个Array. Iterator函数调用方法: iterator(value, key, obj), 其中obj是被迭代对象，key是obj的property key或者是数组的index，value就是相应的值啦. (此函数不能够迭代继承的属性.)
  • java-谷歌面试题-给定一个排序数组，如何构造一个二叉排序树 bylijinnan 二叉排序树
    import java.util.LinkedList; public class CreateBSTfromSortedArray { /** * 题目:给定一个排序数组，如何构造一个二叉排序树 * 递归 */ public static void main(String[] args) { int[] data = { 1, 2, 3, 4,
  • action执行2次 Chen.H JavaScriptjspXHTMLcssWebwork
    xwork 写道 <action name="userTypeAction" class="com.ekangcount.website.system.view.action.UserTypeAction"> <result name="ssss" type="dispatcher">
  • [时空与能量]逆转时空需要消耗大量能源 comsci 能源
            无论如何,人类始终都想摆脱时间和空间的限制....但是受到质量与能量关系的限制,我们人类在目前和今后很长一段时间内,都无法获得大量廉价的能源来进行时空跨越.....         在进行时空穿梭的实验中,消耗超大规模的能源是必然
  • oracle的正则表达式(regular expression)详细介绍 daizj oracle正则表达式
        正则表达式是很多编程语言中都有的。可惜oracle8i、oracle9i中一直迟迟不肯加入，好在oracle10g中终于增加了期盼已久的正则表达式功能。你可以在oracle10g中使用正则表达式肆意地匹配你想匹配的任何字符串了。 正则表达式中常用到的元数据(metacharacter)如下： ^ 匹配字符串的开头位置。 $ 匹配支付传的结尾位置。 *
  • 报表工具与报表性能的关系 datamachine 报表工具birt报表性能润乾报表
    在选择报表工具时，性能一直是用户关心的指标，但是，报表工具的性能和整个报表系统的性能有多大关系呢？ 要回答这个问题，首先要分析一下报表的处理过程包含哪些环节，哪些环节容易出现性能瓶颈，如何优化这些环节。   一、报表处理的一般过程分析 1、用户选择报表输入参数后，报表引擎会根据报表模板和输入参数来解析报表，并将数据计算和读取请求以SQL的方式发送给数据库。   2、
  • 初一上学期难记忆单词背诵第一课 dcj3sjt126com wordenglish
    what 什么  your 你 name 名字 my 我的 am 是 one 一 two 二 three 三 four 四 five 五 class 班级，课   six 六 seven 七 eight 八 nince 九 ten 十 zero 零 how 怎样 old 老的 eleven 十一 twelve 十二 thirteen
  • 我学过和准备学的各种技术 dcj3sjt126com 技术
    语言VB https://msdn.microsoft.com/zh-cn/library/2x7h1hfk.aspxJava http://docs.oracle.com/javase/8/C# https://msdn.microsoft.com/library/vstudioPHP http://php.net/manual/en/Html 
  • struts2中token防止重复提交表单 蕃薯耀 重复提交表单struts2中token
    struts2中token防止重复提交表单   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年7月12日 11:52:32 星期日 ht
  • 线性查找二维数组 hao3100590 二维数组
    1.算法描述 有序（行有序，列有序，且每行从左至右递增，列从上至下递增）二维数组查找，要求复杂度O(n)   2.使用到的相关知识： 结构体定义和使用，二维数组传递（http://blog.csdn.net/yzhhmhm/article/details/2045816）   3.使用数组名传递 这个的不便之处很明显，一旦确定就是不能设置列值 //使
  • spring security 3中推荐使用BCrypt算法加密密码 jackyrong Spring Security
    spring security 3中推荐使用BCrypt算法加密密码了，以前使用的是md5， Md5PasswordEncoder 和 ShaPasswordEncoder，现在不推荐了，推荐用bcrpt Bcrpt中的salt可以是随机的，比如： int i = 0; while (i < 10) { String password = "1234
  • 学习编程并不难,做到以下几点即可! lampcy javahtml编程语言
    不论你是想自己设计游戏，还是开发iPhone或安卓手机上的应用，还是仅仅为了娱乐，学习编程语言都是一条必经之路。编程语言种类繁多，用途各 异，然而一旦掌握其中之一，其他的也就迎刃而解。作为初学者，你可能要先从Java或HTML开始学，一旦掌握了一门编程语言，你就发挥无穷的想象，开发 各种神奇的软件啦。 1、确定目标 学习编程语言既充满乐趣，又充满挑战。有些花费多年时间学习一门编程语言的大学生到
  • 架构师之mysql----------------用group+inner join,left join ,right join 查重复数据（替代in) nannan408 right join
    1.前言。   如题。 2.代码 (1)单表查重复数据,根据a分组   SELECT m.a,m.b, INNER JOIN （select a,b,COUNT(*) AS rank FROM test.`A` A GROUP BY a HAVING rank>1 )k ON m.a=k.a （2）多表查询 ， 使用改为le
  • jQuery选择器小结 VS 节点查找（附css的一些东西） Everyday都不同 jquerycssname选择器追加元素查找节点
    最近做前端页面，频繁用到一些jQuery的选择器，所以特意来总结一下：   测试页面： <html> <head> <script src="jquery-1.7.2.min.js"></script> <script> /*$(function() { $(documen
  • 关于EXT tntxia ext
      ExtJS是一个很不错的Ajax框架，可以用来开发带有华丽外观的富客户端应用，使得我们的b/s应用更加具有活力及生命力。ExtJS是一个用 javascript编写，与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。       ExtJs最开始基于YUI技术，由开发人员Jack
  • 一个MIT计算机博士对数学的思考 xjnine Math
     在过去的一年中，我一直在数学的海洋中游荡，research进展不多，对于数学世界的阅历算是有了一些长进。为什么要深入数学的世界？作为计算机的学生，我没有任何企图要成为一个数学家。我学习数学的目的，是要想爬上巨人的肩膀，希望站在更高的高度，能把我自己研究的东西看得更深广一些。说起来，我在刚来这个学校的时候，并没有预料到我将会有一个深入数学的旅程。我的导师最初希望我去做的题目，是对appe
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他