XIAOMING820
XIAOMING820

A095_Html5入门

目录

      • 1.内容介绍
      • 2.知识回顾
        • 2.1.学习过哪些前端的内容
        • 2.2.问题分析
        • 2.3.小结
      • 3.HTML5
        • 3.1.什么是HTML5
        • 3.2.为什么要学习HTML5
        • 3.3.新功能
        • 3.4.兼容性
        • 3.5.文档结构
        • 3.6.语义标签
        • 3.7.表单增强
          • 3.7.1.新的Input类型
          • 3.7.2.新的表单元素
          • 3.7.3.表单属性
        • 3.8.Canvas
          • 3.8.1.Canvas元素
          • 3.8.2.获取绘制上下文对象
          • 3.8.3.直线
          • 3.8.4.矩形
          • 3.8.5.圆形
        • 3.9.音频和视频
          • 3.9.1.视频播放
          • 3.9.2.音频播放
        • 3.10.Web存储
          • 3.10.1.sessionStorage
          • 3.10.2.localStorage
        • 3.11.小结
      • 4.课程总结
        • 4.1.重点
        • 4.2.难点
        • 4.3.如何掌握？
        • 4.4.排错技巧（技巧）
      • 5.课后练习
      • 6.面试题
      • 7.扩展知识或课外阅读推荐（可选）
        • 7.1.扩展知识
        • 7.2.课外阅读

1.内容介绍

1. Hbuilder入门;(掌握)
2. HTML5;（掌握）

2.知识回顾

2.1.学习过哪些前端的内容

传统:Html+css+js+ajax+jquery+js(高级)+bootstrap+jquery easyUI+html5
Vue技术栈: nodejs,npm,webpack,vue,vuecli,elmentui

2.2.问题分析

① 前端开发都用过什么软件？
记事本、Eclipse、EditPlus、Dreamweaver,Hbuilder、vscode,WebStorm
其中，前端开发利器Hbuilder应用面非常广。
② Hbuilder安装与入门
Hbuider是一个绿色工具包，解压缩就完成安装。
A095_Html5入门_第1张图片
一直打不开，在任务管理器中，结束hbuider的进程，重新启动就ok。
打开软件后，可以创建项目、创建html，css，javascript，创建目录
A095_Html5入门_第2张图片
常用快捷键
L Enter 导入css
S 2 Enter导入js
启动html
选择各种浏览器，如果要想在当前浏览器中运行，ctrl+r:

快速生成代码：如输入table 可以快速生成表格代码
快速导入css：如输入link可快速导入css
快速导入js:如输入secript可快速导入js

2.3.小结

把java项目导入Hbuider中，两个工具引用的是同一套代码，Hbuider中修改以后，eclipse中自然就修改了。

3.HTML5

3.1.什么是HTML5

HTML5是新一代的HTML，是HTML中的最新版本，目前是前端的前沿技术。

3.2.为什么要学习HTML5

1、强化了Web网页表现能力。除了可以绘制图形外，还可以直接在网页中播放视频和音频（HTML4中需要flash插件，才能播放视频和音频，关键是flash容易崩溃，而且漏洞很多）；
2、支持本地数据库等Web应用的能力；
3、HTML5容错性更很高（例如：标签未正常的关闭、属性的引号问题等），HTML5是向上兼容的，这保证使用HTML5也可以在低版本浏览器中正常显示。
4、HTML5是近十年来Web标准发展而生的产物。 和以前版本不同，HTML5并非仅仅用来表示Web内容，它的使命是将Web带入一个成熟的应用平台。
5、HTML5对移动端兼容性非常好，所以手机网站开发必备。

3.3.新功能

新元素(新标签)
新属性
完全支持 CSS3
视频和音频
2D/3D 制图
本地存储
本地 SQL 数据
Web应用

3.4.兼容性

浏览器兼容HTML5评分网站：http://html5test.com/，分数越高，兼容越好，但是手机浏览器中对HTML5兼容良好，因为手机中没有IE浏览器。

注意点：
现代的主流浏览器都支持 HTML5，非主流不支持（IE6,7,8）。
此外，所有浏览器包括旧的和最新的，对无法识别的元素会作为行内元素自动处理。
HTML5 定了 8 个新的 HTML 语义（semantic） 元素。所有这些元素都是 块级元素。
为了能让旧版本的浏览器正确显示这些元素，你可以设置 CSS 的 display 属性值为 block:

实例
header, section, footer, aside, nav, main, article, figure {
display: block; /* 块级元素 */
}

3.5.文档结构

浏览器兼容HTML5
HTML4文档结构：

DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">   
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
		<title>文档标题title>
	head>
	<body>
		内容。。。。
	body>
html>

HTML5 ：文档声明，告诉浏览器这个文档是一个HTML

<!doctype> 声明必须位于 HTML5 文档中的第一行,使用非常简单:
DOCTYPE html> 
HTML5文档结构： 
DOCTYPE html>
<html>
	<head>
	<meta charset="UTF-8">
	<title>文档标题title>
	head>
	<body>
	文档内容......
	body>
html>

3.6.语义标签

HTML中最核心的部分就是标签，在新一代HTML5中新增的很多新的标签，这些标签都附有语义。
语音标签代表了某种含义，但是没有具体的功能，一个语义元素能够清楚的描述其意义给浏览器和开发者。看到标签就知道它是干嘛的了。比如2020年9月15日是一个时间，那可以通过
2020年9月15日把他包起来代表这是一个时间，但是标签没有实际的功能。

无语义元素实例:

和 - 无需考虑内容.
语义元素实例:
, , and ,
    - 清楚的定义了它的内容.

    案例：HTML4使用div构造我们的网页:

    <div class=”header”>
	头部
div>
<div class=”content”>
	内容
div>
<div class=”footer”>
	脚部
div>

    而HTML5中使用语义标签构造我们的网页：

    <header>
	头部
header>
<article>
	主体
article>
<footer>
	尾部			
footer>

    问：比较HTML4与HTML5两种写法？
    答：结构上面来看都一样，html4中统一使用div来定义网页结构，而html5使用了语义标签来定义我们的网页结构，使我们的文档更加清晰，也就是说当浏览器或开发者看到

    、
    、
    标签的时候就知道这个标签里面装的是什么内容。

    注意:语义是不是让我们编写的HTML文档更加清晰明了，但是然并卵，现在连w3c的官方网站都还没有使用。
    1 流行起来需要一个过程
    2 标签太多，导致开发者没法快速选择。

    标签			描述

    		定义页面独立的内容区域。

    3.7.表单增强

    Form标签
    Form的表单项

    3.7.1.新的Input类型

    HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。

    Color  			颜色选择器
Date  		 	日期选择框
Datetime		日期时间选择框
datetime-local	日期和时间 (无时区)选择框
email			电子邮件
month  			月份选择器
number 			数值的输入域
range  			区间选择器
search 			搜索框
tel    			电话号码
time   			时间选择框
url    			url地址
week   			周和年选择框

    例子：

    <form>
	颜色：<input type="color" /><br />
	日期：<input type="date" /><br />
	日期时间：<input type="datetime" /><br />
	日期时间（本地格式）：<input type="datetime-local" /><br />
	email：<input type="email" /><br />
	月份：<input type="month" /><br />
	
	数值：<input type="number" max="100" min="1" /><br />
	
	区间值：<input type="range" min="0" max="100" step="1" /><br />
	搜索框：<input type="search" /><br />
	电话：<input type="tel"  /><br />
	时间：<input type="time"  /><br />
	url地址：<input type="url"  /><br />
	周和年：<input type="week"  /><br />
	<input type="submit" value="提交" />
form>

    注意点：
    虽然html5为我们提供很多新的输入框类型，但是这些新的类型在不同浏览器下面表现形式也不同，并且有浏览器默认验证功能，但一般我们需要自定义验证规则，所以我不建议各位使用，了解即可。

    3.7.2.新的表单元素

    HTML5 有以下新的表单元素(了解):

    <datalist>
<keygen>
<output>

    :元素规定输入域的选项列表。

    你可能感兴趣的:(文档,java,H5,html5)

    • Flowable 6.6.0应用指南 - Flowable UI应用安装 月满闲庭 #应用指南中英文对照版
      培训视频推荐CSDN上提供了Flowable6.6.0的系列培训视频课程，欢迎有兴趣的朋友前往学习。《Flowable流程入门课程》《Flowable流程高级课程》《Flowable从入门到精通》Flowable6.6.0用户指南相关文档下载BPMN用户指南第一部分-中文PDF精编版BPMN用户指南第二部分-中文PDF精编版BPMN用户指南第三部分-中文PDF精编版应用程序指南-中文PDF精编版应
    • 入门级带你实现一个安卓智能家居APP（2）kotlin版本 一粒程序米 androidkotlin智能家居WiFi单片机
      前言上一篇写过java版本的实现，这一篇就写一下kotlin版本的吧。效果展示本APP是通过tcp/ip协议与连了WiFi的单片机通信。其实除了主活动类和新建项目时有一丢丢不同，其他的都是一样的哈~第一步：你得会一点点kotlin基础，建议看一本书，是郭霖大神些的《第一行代码》第三版，里面除了安卓的基础教学，还有kotlin的。第二步：建议看一本书，是郭霖大神些的《第一行代码》，先入门安卓基础。不
    • vscode如何找letax模板_VScode如何实时预览LaTeX？ weixin_39789327
      好像感觉我要火了,这个必须专业回答下啊,看完别忘了点赞啊!!用户友好型实时预览的定义即不用手动编译,不用手动刷新文档(PDF)的LaTeX写作方式.实现方式与工具目前主要用的是Latexmk这个perl脚本或者支持实时预览的Markdown编辑器.关于TeX集成系统的一个建议个人建议用TeXLive而非MikTeX甚至CTeX套装,相比而言我用TeXLive时碰到的问题最少.后两种你可能发现好好的
    • 【C++开源库】tinyxml2解析库使用介绍 小庞在加油 C++知识c++开源tinyxml2解析库
      TinyXML-2是一个在C++中使用的轻量级、简单且高效的XML解析库。它由LeeThomason开发，旨在提供快速解析和生成XML数据的功能，同时保持代码的简洁性和易于使用。TinyXML-2支持多种编译器和平台，包括Windows、Linux和macOS。特点与优势简单易用：TinyXML-2提供了直观的API，使得解析和生成XML文档变得简单。高性能：它经过优化，能够快速解析大型XML文件
    • vscode设置console.log的快捷输出方式 活宝小娜 vscodevscodeide编辑器
      vscode设置console.log的快捷输出方式编辑器中输入clg回车，可以直接输出console.log，并且同步输出变量的字符串和值1、打开vscode点击左上角的文件2、找到首选项3、点击用户代码配置4、在顶部输入框种输入javas，选择JavaScript选项5、打开里面注释的代码，写入如下内容{//Placeyoursnippetsforjavascripthere."Printto
    • 【Java se】程序逻辑控制 MABO-mb java开发语言前端
      一、顺序结构顺序结构比较简单，按照代码书写的顺序一行一行执行。System.out.println("aaa");System.out.println("bbb");System.out.println("ccc");//运行结果aaabbbccc如果调整代码的书写顺序,则执行顺序也发生变化System.out.println("aaa");System.out.println("ccc");Sy
    • springboot基于bs 架构的母婴用户商城全程服务管理系统(源码+lw+部署文档+讲解等) 源码哆哆V+ymhydo Java毕设优质源码springboot架构后端
      具体实现截图技术栈后端框架SpringBoot采用springboot作为后台的框架，java框架具有简化配置和开发的效率。Spring框架目前是很多java开发者的首选框架，Spring主要有两大功能，控制反转和面向切面的编程。控制反转（IOC）可以实现代码的依赖注入，减少代码的耦合性，大大提高了软件质量，面向切面编程（AOP）主要是应用动态代理的技术对代码逻辑进行分离，可以实现对代码的重用，适
    • Java对象的hashcode 阿黄学技术 Java基础java开发语言
      在Java中，hashcode和equals方法是Object类的两个重要方法，它们在处理对象比较和哈希集合（如HashMap、HashSet）时起着关键作用。对于equals大部分Java程序员都不陌生，它通常是比较两个对象的内容(值)是否相等(==双等于比较对象的内存地址)，如果是Object中的equals方法默认就是比较内存地址(在没有被重写的情况下和==一样)。hashCode方法返回对
    • Java中卫语句的设计思想 而为. java服务器开发语言
      卫语句（GuardClauses）是一种通过提前返回简化条件嵌套、提升代码可读性的编程技巧。其核心思想是优先处理异常或边界情况，让主逻辑保持扁平化。以下是deepseek做出的设计思想详解：核心设计原则FailFast（快速失败）在函数入口处立即检查非法参数或无效状态，若不符合条件则提前终止（如返回、抛异常），避免后续无效操作。减少嵌套层级用卫语句替换多层if-else嵌套，将代码从“箭头型”结构
    • 端到端的NLP框架（Haystack） deepdata_cn NLP自然语言处理人工智能
      Haystack是一个端到端的NLP框架，专门用于构建基于文档的问答系统，是实现RAG的理想选择。它提供了数据预处理、文档存储、检索和生成等一系列组件，支持多种语言模型和检索器。提供可视化界面，方便用户进行配置和调试；支持多模态数据，可处理文本、图像等多种类型的数据；具有可扩展性，可根据需求添加自定义组件。2020年在自然语言处理技术快速发展，对高效、易用且灵活的端到端NLP框架需求日益增长的背景
    • Java进阶 面试速记 登陆成功200 JAVA进阶开发语言java
      注解注解@Override类似一个标签,作用在方法上,表示此方法是从父类中重写而来注解是java中的标注方式,可以最用在类,方法,变量,参数成员上在编译期间,会被编译到字节码文件中,运行时通过反射机制获得注解内容,进行解析.内置注解java中内定好的注解例如@Override@Deprecated-标记过时方法。如果使用该方法，会报编译警告。@SuppressWarnings-指示编译器去忽略注解
    • 手写promise ,实现 then ,catch,finally,resolve,reject,all,allSettled 会飞的鱼先生 前端javascript开发语言
      完整代码原生Promise的用法1.Promise是JavaScript中用于处理异步操作的重要工具。它代表了一个异步操作的最终完成或失败，并且使异步方法可以像同步方法那样返回值。resolve：当异步操作成功时调用的函数，用于将Promise的状态改为fulfilled，并将结果值传递给后续的.then()方法。reject：当异步操作失败时调用的函数，用于将Promise的状态改为reject
    • Java单例模式【懒汉式&&饿汉式】 ice-Hamster Java学习单例模式javaeclipse学习经验分享
      目录一、单例模式的解释二、实现方法2.1饿汉式2.1.1饿汉式的实现代码2.2懒汉式2.2.1懒汉式的实现代码三、单例设计模式的好处3.1单例模式的应用场景一、单例模式的解释所谓类的单例设计模式，就是采用一定的方法保证在整个的软件系统中，对某个类只能存在一个对象实例。并且该类只提供一个取得其对象实例的方法。（简单来说，在整个的软件系统中，对某个类只能存在一个对象实例）二、实现方法单例设计模式的实现
    • 微信小程序的旅游服务助手 景点 酒店 旅游规划的设计与实现 QQ1304979694 微信小程序旅游小程序
      文章目录具体实现截图本项目支持的技术语言研究思路、方法和步骤本系统开发思路主要软件与实现手段系统可行性分析源码获取详细视频演示：文章底部获取博主联系方式！！！！java类核心代码部分展示微信小程序技术现状源码获取/详细视频演示具体实现截图本项目支持的技术语言前端开发框架:vue.js+uniapp数据库mysql版本不限微信开发者工具/hbuiderx数据库工具：Navicat/SQLyog等都可
    • Java单例设计模式（懒汉式和饿汉式） 俺是凡人很好 java设计模式开发语言
      一、什么是单例设计模式概念：java中单例模式是一种常见的设计模式，单例模式的写法有好几种，这里主要介绍俩种：懒汉式单例、饿汉式单例。单例模式有以下特点：1、单例类只能有一个实例。2、单例类必须自己创建自己的唯一实例。3、单例类必须给所有其他对象提供这一实例。单例模式确保某个类只有一个实例，而且自行实例化并向整个系统提供这个实例。在计算机系统中，线程池、缓存、日志对象、对话框、打印机、显卡的驱动程
    • Tenacity（Python的坚韧重试库） ftpeak Pythonpython开发语言网络爬虫
      概述Tenacity是一个基于Apache2.0协议的通用重试库，用Python编写，旨在简化向任何代码添加重试逻辑的过程。它起源于已停止维护的retrying库的分叉版本。Tenacity不兼容retrying的API，但新增了大量功能并修复了长期存在的错误。文档：Tenacity—Tenacitydocumentation主页：https://github.com/jd/tenacity核心功
    • java队列实现限流_如何使用队列实现微服务限流算法？ 纽太普 java队列实现限流
      队列在平时开发中可能是出现频率最高的数据结构之一了，但是大部分情况下，我们都是用别人已经实现好的，比如kafka，比如redis里的list，以至于让人怀疑为什么还要去学习队列呢？希望今天的内容可以给你一些启发。什么是队列为了整个文章的完整性，我们还是来介绍一下什么是队列。我们举个生活中常见的案例，假设你在周杰伦的奶茶店买奶茶，由于人很多，为了保持公平和秩序，你被要求排队，最先来的人排到最前面，这
    • Spring的JavaWeb三层架构 可问 可问春风 JAVASSM框架spring架构java
      Spring三层架构的核心注解及协作在Spring的JavaWeb三层架构中，通过分层注解实现职责分离和组件管理，各层（表现层、业务层、数据访问层）的协作基于组件扫描和依赖注入（DI）机制。以下是各层的核心注解及其协作关系：1.分层架构与对应注解层级职责注解关联技术表现层处理用户请求，返回响应@Controller/@RestControllerSpringMVC,RESTfulAPI业务层实现业
    • Java面试宝典，kafka优先级队列 m0_57081324 程序员java经验分享面试
      为什么要分库分表？首先回答一下为什么要分库分表，答案很简单：数据库出现性能瓶颈。用大白话来说就是数据库快扛不住了。数据库出现性能瓶颈，对外表现有几个方面：大量请求阻塞在高并发场景下，大量请求都需要操作数据库，导致连接数不够了，请求处于阻塞状态。SQL操作变慢如果数据库中存在一张上亿数据量的表，一条SQL没有命中索引会全表扫描，这个查询耗时会非常久。存储出现问题业务量剧增，单库数据量越来越大，给存储
    • HTML5实现左右滑动数据变化 ice_junjun HTML左右滑动
      在HTML中怎么样实现左右滑动？代码附上Bootstrap实例-下拉菜单（Dropdowns）-->-->欢迎登陆页面！这是一个超大屏幕（Jumbotron）的实例。学习更多-->响应式表格布局产品付款日期状态产品123/11/2013待发货产品210/11/2013发货中产品320/10/2013待确认产品420/10/2013已退货产品123/11/2013待发货产品210/11/2013发货
    • SQLAdmin 教程：安装与配置指南 俞淑瑜Sally
      SQLAdmin教程：安装与配置指南sqladminSQLAlchemyAdminforFastAPIandStarlette项目地址:https://gitcode.com/gh_mirrors/sq/sqladmin1.项目目录结构及介绍在sqladmin开源项目中，主要的目录结构如下：docs：存放项目的文档资料，包括Markdown格式的说明文件。sqladmin：核心代码库，包含主要的功
    • 深入理解 JSON.stringify：优雅输出 JSON 数据 天天进步2015 前端开发json
      在JavaScript开发中，JSON数据的处理是一项基础且关键的技能。JSON.stringify()方法作为将JavaScript对象转换为JSON字符串的标准工具，其功能远不止于简单的数据转换。本文将深入探讨JSON.stringify()的使用技巧、参数配置以及常见陷阱，帮助开发者更优雅地处理JSON数据输出。基础用法JSON.stringify()的基本语法如下：JSON.stringi
    • JavaScript的函数拦截技术详解 天天进步2015 前端开发javascript开发语言ecmascript
      引言在JavaScript的世界里，函数是一等公民。它们可以被赋值给变量，作为参数传递，甚至可以被动态修改。函数拦截（FunctionInterception）是一种强大的技术，允许开发者在不修改原始函数代码的情况下，拦截、监控和修改函数的行为。本文将深入探讨JavaScript函数拦截的各种技术、应用场景以及最佳实践。什么是函数拦截？函数拦截是指在函数执行前、执行中或执行后插入自定义逻辑的过程。
    • 【001安卓开发方案调研】之Java+Gradle+XML 原生安卓开发 ThinkPet 移动app开发androidjavaxml
      基于2025年国内安卓开发领域的最新动态，结合Java+Gradle+XML技术组合的生态发展，以下是综合分析：一、技术成熟度评估1.核心架构稳定性Java语言基础作为安卓开发官方支持语言，Java在国内拥有超过15年的技术积累，字节码编译机制与安卓ART虚拟机的深度适配，使其在内存管理、多线程处理等场景表现稳定。主流应用如微信、支付宝均保留Java核心模块。Gradle构建体系Gradle8.5
    • Golang可选参数实践 yzh_1346983557 golang可选参数
      背景：go不支持类似java的方法重载，但对于函数的可选参数和默认参数配置，通常要在不影响不破坏现有逻辑基础上进行参数的添加。实现：通过options选项，使用函数进行参数的初始化和可选值的设置。代码：packagemainimport"fmt"//go实现可选参数实践//背景：go不支持方法重载，但对于函数的可选参数和默认参数配置，通常要在不影响不破坏现有逻辑基础上进行参数的添加//实现：通过o
    • JavaScript常用函数测试demo sunny05296 JavaScriptjavascript开发语言ecmascript
      JavaScript常用函数测试demovimJavaScriptTestDemo.html内容如下：JavaScriptfunctionstestdemoEnterF12toviewtheconsoleoutputmessageofconsole.log()EnterF5torefresh//JavaScriptint2string/string2inttestfunctiontest01(){
    • C++ XML文件和解析 RangoLei_Lzs C++前端服务器xmlc++
      XML（可扩展标记语言）是一种用于存储和传输数据的标记语言。它具有自描述性和平台无关性的特点。XML文档的格式主要由一组嵌套的元素和属性构成，结构清晰，易于理解和解析。XML文档的基本格式一个XML文档通常包括以下部分：XML声明：标识文档和版本信息。根元素：整个XML文档只能有一个根元素，所有其他元素必须嵌套在根元素内。元素：具有开始标签和结束标签，可以嵌套其他元素。属性：为元素提供额外的信息。
    • OpenAI Agents SDK 中文文档 中文教程 （7） wtsolutions openaiagentssdkpythonopenaisdk中文文档
      英文文档原文详见OpenAIAgentsSDKhttps://openai.github.io/openai-agents-python/本文是OpenAI-agents-sdk-python使用翻译软件翻译后的中文文档/教程。分多个帖子发布，帖子的目录如下：(1)OpenAI代理SDK，介绍及快速入门(2)OpenAIagentssdk,agents，运行agents，结果，流，工具，交接(3)
    • Nginx核心知识100讲 janthinasnail linux
      详见：作者网站：http://www.taohui.pub/视频原网站：https://time.geekbang.org/course/intro/138?device=geekTime.android视频地址：https://www.bilibili.com/video/BV1w7411v74u文档地址：https://github.com/russelltao/geektime-nginx
    • 使用LangGraph迁移MapReduceDocumentsChain进行长文档的摘要 dgay_hua python
      在大数据处理和文本分析领域，MapReduce是一种非常重要的策略，用于处理和分析大型数据集。具体到文本处理方面，MapReduceDocumentsChain구현了一种map-reduce策略，可以有效地处理长文本。本文将介绍如何从MapReduceDocumentsChain迁移到LangGraph，并探讨LangGraph在流处理、检查点恢复等方面的优势。技术背景介绍MapReduceDoc
    • jsonp 常用util方法 hw1287789687 jsonpjsonp常用方法jsonp callback
      jsonp 常用java方法 (1)以jsonp的形式返回:函数名(json字符串) /*** * 用于jsonp调用 * @param map : 用于构造json数据 * @param callback : 回调的javascript方法名 * @param filters : <code>SimpleBeanPropertyFilter theFilt
    • 多线程场景 alafqq 多线程
      0 能不能简单描述一下你在java web开发中需要用到多线程编程的场景？0 对多线程有些了解，但是不太清楚具体的应用场景，能简单说一下你遇到的多线程编程的场景吗？ Java多线程 2012年11月23日 15:41 Young9007 Young9007 4 0 0 4 Comment添加评论关注(2) 3个答案 按时间排序 按投票排序 0 0 最典型的如： 1、
    • Maven学习——修改Maven的本地仓库路径 Kai_Ge maven
            安装Maven后我们会在用户目录下发现.m2 文件夹。默认情况下，该文件夹下放置了Maven本地仓库.m2/repository。所有的Maven构件(artifact)都被存储到该仓库中，以方便重用。但是windows用户的操作系统都安装在C盘，把Maven仓库放到C盘是很危险的，为此我们需要修改Maven的本地仓库路径。    
    • placeholder的浏览器兼容 120153216 placeholder
      【前言】 自从html5引入placeholder后，问题就来了， 不支持html5的浏览器也先有这样的效果， 各种兼容，之前考虑，今天测试人员逮住不放， 想了个解决办法，看样子还行，记录一下。   【原理】 不使用placeholder，而是模拟placeholder的效果， 大概就是用focus和focusout效果。   【代码】 <scrip
    • debian_用iso文件创建本地apt源 2002wmj Debian
      1.将N个debian-506-amd64-DVD-N.iso存放于本地或其他媒介内，本例是放在本机/iso/目录下 2.创建N个挂载点目录 如下： debian:~#mkdir –r /media/dvd1 debian:~#mkdir –r /media/dvd2 debian:~#mkdir –r /media/dvd3 …. debian:~#mkdir –r /media
    • SQLSERVER耗时最长的SQL 357029540 SQL Server
      对于DBA来说，经常要知道存储过程的某些信息： 1.   执行了多少次 2.   执行的执行计划如何 3.   执行的平均读写如何 4.   执行平均需要多少时间 列名          &
    • com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil 7454103 eclipse
      今天eclipse突然报了com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil 错误，并且工程文件打不开了，在网上找了一下资料，然后按照方法操作了一遍，好了，解决方法如下： 错误提示信息： An error has occurred.See error log for more details. Reason: com/genuitec/
    • 用正则删除文本中的html标签 adminjun javahtml正则表达式去掉html标签
      使用文本编辑器录入文章存入数据中的文本是HTML标签格式，由于业务需要对HTML标签进行去除只保留纯净的文本内容，于是乎Java实现自动过滤。 如下： public static String Html2Text(String inputString) { String htmlStr = inputString; // 含html标签的字符串 String textSt
    • 嵌入式系统设计中常用总线和接口 aijuans linux 基础
                     嵌入式系统设计中常用总线和接口         任何一个微处理器都要与一定数量的部件和外围设备连接，但如果将各部件和每一种外围设备都分别用一组线路与CPU直接连接，那么连线
    • Java函数调用方式——按值传递 ayaoxinchao java按值传递对象基础数据类型
      Java使用按值传递的函数调用方式，这往往使我感到迷惑。因为在基础数据类型和对象的传递上，我就会纠结于到底是按值传递，还是按引用传递。其实经过学习，Java在任何地方，都一直发挥着按值传递的本色。   首先，让我们看一看基础数据类型是如何按值传递的。   public static void main(String[] args) { int a = 2;
    • ios音量线性下降 bewithme ios音量
      直接上代码吧   //second 几秒内下降为0 - (void)reduceVolume:(int)second { KGVoicePlayer *player = [KGVoicePlayer defaultPlayer]; if (!_flag) { _tempVolume = player.volume;
    • 与其怨它不如爱它 bijian1013 选择理想职业规划
              抱怨工作是年轻人的常态，但爱工作才是积极的心态，与其怨它不如爱它。         一般来说，在公司干了一两年后，不少年轻人容易产生怨言，除了具体的埋怨公司“扭门”，埋怨上司无能以外，也有许多人是因为根本不爱自已的那份工作，工作完全成了谋生的手段，跟自已的性格、专业、爱好都相差甚远。  
    • 一边时间不够用一边浪费时间 bingyingao 工作时间浪费
      一方面感觉时间严重不够用，另一方面又在不停的浪费时间。 每一个周末，晚上熬夜看电影到凌晨一点，早上起不来一直睡到10点钟，10点钟起床，吃饭后玩手机到下午一点。 精神还是很差，下午像一直野鬼在城市里晃荡。 为何不尝试晚上10点钟就睡，早上7点就起，时间完全是一样的，把看电影的时间换到早上，精神好，气色好，一天好状态。 控制让自己周末早睡早起，你就成功了一半。 有多少个工作
    • 【Scala八】Scala核心二：隐式转换 bit1129 scala
      Implicits work like this: if you call a method on a Scala object, and the Scala compiler does not see a definition for that method in the class definition for that object, the compiler will try to con
    • sudoku slover in Haskell (2) bookjovi haskellsudoku
      继续精简haskell版的sudoku程序，稍微改了一下，这次用了8行，同时性能也提高了很多，对每个空格的所有解不是通过尝试算出来的，而是直接得出。   board = [0,3,4,1,7,0,5,0,0, 0,6,0,0,0,8,3,0,1, 7,0,0,3,0,0,0,0,6, 5,0,0,6,4,0,8,0,7,
    • Java-Collections Framework学习与总结-HashSet和LinkedHashSet BrokenDreams linkedhashset
              本篇总结一下两个常用的集合类HashSet和LinkedHashSet。         它们都实现了相同接口java.util.Set。Set表示一种元素无序且不可重复的集合；之前总结过的java.util.List表示一种元素可重复且有序
    • 读《研磨设计模式》-代码笔记-备忘录模式-Memento bylijinnan java设计模式
      声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; /* * 备忘录模式的功能是，在不破坏封装性的前提下，捕获一个对象的内部状态，并在对象之外保存这个状态，为以后的状态恢复作“备忘”
    • 《RAW格式照片处理专业技法》笔记 cherishLC PS
      注意，这不是教程！仅记录楼主之前不太了解的 一、色彩（空间）管理 作者建议采用ProRGB（色域最广），但camera raw中设为ProRGB，而PS中则在ProRGB的基础上，将gamma值设为了1.8（更符合人眼） 注意：bridge、camera raw怎么设置显示、输出的颜色都是正确的（会读取文件内的颜色配置文件），但用PS输出jpg文件时，必须先用Edit->conv
    • 使用 Git 下载 Spring 源码 编译 for Eclipse crabdave eclipse
      使用 Git 下载 Spring 源码 编译 for Eclipse   1、安装gradle，下载 http://www.gradle.org/downloads 配置环境变量GRADLE_HOME，配置PATH  %GRADLE_HOME%/bin，cmd，gradle -v   2、spring4 用jdk8 下载 https://jdk8.java.
    • mysql连接拒绝问题 daizj mysql登录权限
      mysql中在其它机器连接mysql服务器时报错问题汇总 一、[running][email protected]:~$mysql -uroot -h 192.168.9.108 -p   //带-p参数，在下一步进行密码输入 Enter password:    //无字符串输入 ERROR 1045 (28000): Access
    • Google Chrome 为何打压 H.264 dsjt applehtml5chromeGoogle
      Google 今天在 Chromium 官方博客宣布由于 H.264 编解码器并非开放标准，Chrome 将在几个月后正式停止对 H.264 视频解码的支持，全面采用开放的 WebM 和 Theora 格式。 Google 在博客上表示，自从 WebM 视频编解码器推出以后，在性能、厂商支持以及独立性方面已经取得了很大的进步，为了与 Chromium 现有支持的編解码器保持一致，Chrome
    • yii 获取控制器名 和方法名 dcj3sjt126com yiiframework
      1. 获取控制器名 在控制器中获取控制器名:  $name = $this->getId(); 在视图中获取控制器名:    $name = Yii::app()->controller->id;    2. 获取动作名  在控制器beforeAction()回调函数中获取动作名:  $name =
    • Android知识总结（二） come_for_dream android
      明天要考试了，速速总结如下   1、Activity的启动模式        standard：每次调用Activity的时候都创建一个（可以有多个相同的实例，也允许多个相同Activity叠加。）        singleTop：可以有多个实例，但是不允许多个相同Activity叠加。即，如果Ac
    • 高洛峰收徒第二期：寻找未来的“技术大牛” ——折腾一年，奖励20万元 gcq511120594 工作项目管理
      高洛峰，兄弟连IT教育合伙人、猿代码创始人、PHP培训第一人、《细说PHP》作者、软件开发工程师、《IT峰播》主创人、PHP讲师的鼻祖！ 首期现在的进程刚刚过半，徒弟们真的很棒，人品都没的说，团结互助，学习刻苦，工作认真积极，灵活上进。我几乎会把他们全部留下来，现在已有一多半安排了实际的工作，并取得了很好的成绩。等他们出徒之日，凭他们的能力一定能够拿到高薪，而且我还承诺过一个徒弟，当他拿到大学毕
    • linux expect heipark expect
      1. 创建、编辑文件go.sh   #!/usr/bin/expect spawn sudo su admin expect "*password*" { send "13456\r\n" } interact    2. 设置权限   chmod u+x go.sh  3.
    • Spring4.1新特性——静态资源处理增强 jinnianshilongnian spring 4.1
      目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
    • idea ubuntuxia 乱码 liyonghui160com
        1.首先需要在windows字体目录下或者其它地方找到simsun.ttf 这个 字体文件。 2.在ubuntu 下可以执行下面操作安装该字体： sudo mkdir /usr/share/fonts/truetype/simsun sudo cp simsun.ttf /usr/share/fonts/truetype/simsun fc-cache -f -v
    • 改良程序的11技巧 pda158 技巧
      有很多理由都能说明为什么我们应该写出清晰、可读性好的程序。最重要的一点，程序你只写一次，但以后会无数次的阅读。当你第二天回头来看你的代码 时，你就要开始阅读它了。当你把代码拿给其他人看时，他必须阅读你的代码。因此，在编写时多花一点时间，你会在阅读它时节省大量的时间。   让我们看一些基本的编程技巧：   尽量保持方法简短 永远永远不要把同一个变量用于多个不同的
    • 300个涵盖IT各方面的免费资源（下）——工作与学习篇 shoothao 创业免费资源学习课程远程工作
      工作与生产效率:   A. 背景声音 Noisli:背景噪音与颜色生成器。 Noizio:环境声均衡器。 Defonic:世界上任何的声响都可混合成美丽的旋律。 Designers.mx:设计者为设计者所准备的播放列表。 Coffitivity:这里的声音就像咖啡馆里放的一样。 B. 避免注意力分散 Self Co
    • 深入浅出RPC uule rpc
      深入浅出RPC-浅出篇 深入浅出RPC-深入篇   RPC Remote Procedure Call Protocol 远程过程调用协议   它是一种通过网络从远程计算机程序上请求服务，而不需要了解底层网络技术的协议。RPC协议假定某些传输协议的存在，如TCP或UDP，为通信程序之间携带信息数据。在OSI网络通信模型中，RPC跨越了传输层和应用层。RPC使得开发