庸人谷
庸人谷

《Javascript从入门到精通》第2章——HTML基础

《Javascript从入门到精通》第2章——HTML基础

2.1  HTML语言概述 
HTML 和网络是紧密连接的，它应网络传输的需求而开发，配合文档显示而发展。HTML 是1989
年由Timonthy Berners-Lee所制定出来的，随后，由NCSA 推出的Mosaic 浏览器将HTML 语言推广并
得到越来越多用户的欢迎。但是由于多种浏览器同时流行于世界各地，它们支持 HTML 语言的标准也
不相同，这样限制了 HTML 标记语言本身的发展。逐渐，W3C（World Wide Web Consortium）网络标
准化组织联手一些较为流行的浏览器开发商一同定义了HTML 标准，并且力推浏览器解释语言和显示
方法的统一，这也在另一方面为HTML 标准的统一起到了推动作用。 
2.1.1  HTML 概述 
HTML 语言是一种标记语言，它不需要编译，可以直接由浏览器执行。在标准网页设计中HTML
负责填充网页的内容，HTML 编写的超文本文档（文件）称为HTML 文档（网页），它包含了一些
HTML 元素，使用.html 或.htm 为文件名后缀，能独立于各种操作系统平台，如UNIX、Windows 等。 
HTML 文档是普通的文本文档（ASCII），任何文字编辑器都可以编辑，只要能将文件另存成ASCII
纯文字格式即可。可以使用普通的文本编辑器，如 Windows 中的记事本、写字板，也可以采用专用的
HTML 编辑工具，如 Eclipse 、Dreamweaver、Homesite 等。专用的 HTML 编辑工具在编写过程中能够
提示标签和标签属性，并能够自动检查HTML 文档中的语法错误并协助改正。 
HTML 文本包含页面本身的文本和表示页面元素、结构、格式及其他超文本链接的 HTML 标签两
种信息。HTML 标签规定了 HTML 文本的逻辑结构，并且控制其显示格式，也就是说，设计者可以用
标签定义HTML 文本的逻辑结构，但是文本的实际显示内容则由浏览器来负责解释。可以使用 HTML
标签来设置链接、标题、段落、列表和字符等区域。 
大部分的HTML 标签是以“< 标签名> 相应内容</ 标签名> ”形式出现的，标签的名字用尖括号括
起来。HTML 标签一般有起始标签和结束标签两种，分别放在它起作用的文本两边。起始标签与结束
标签很相似，只是结束标签在“< ”号后面多了一个斜杠“/”。在后面的章节中还会看到，某些 HTML
元素只有起始标签而没有相应的结束标签，还有一些元素的结束标签是可以省略的，标签名不区分大
小写。另外，在起始标签中可以包含属性（attribute），其位置是从标签名之后空一格的地方开始的，
在结束符“> ”处结束。属性的作用是向客户端提供关于页面元素内容以及如何处理的附加信息，用户
可以在这个区域对文本中的一些具体属性，如大小、颜色、字体等信息进行设置。 
2.1.2  HTML 文档结构 
标准的HTML 文档由标签和要显示在网页上的内容组成。HTML 用于描述功能的符号称为“标签”，
如<html> 、<body>、<table>等。HTML 标签规定了HTML 文档的逻辑结构，并且控制文档的显示格式，
然后由浏览器来负责解释并显示页面。通过使用标签可以区分文本文件的各个组成部分，还可以对网
页上的文字、表格、图片等多媒体数据所出现的位置、形式、顺序及网页间的超级链接关系进行设定。 

 
下面先以例子来了解HTML 语言的基本结构，具体代码如下： 
<html>          //HTML 文档开始 
<head>          //HTML 文档的头部分 
   <title>个人资料</title>       //文档标题 
</head> 
<body text="red">       <!-- 个人情况说明-->   //HTML文档的主体 
     <h3> 姓名：张三</h3> 
     <h3> 生日：1978年10月4 日</h3> 
     <h3> 电子邮箱：[email protected]</h3> 
</body> 
</html>          //HTML 文档结束 
该HTML 文件经过浏览器解释后，显示
的网页内容如图2-1 所示。 
从上面的例子可以看出，HTML 文档由许
多成对出现的控制标记组成，也可以称为标
签，如<html> 与</html>、<body>与</body>等。
在后面的章节中将介绍在HTML 文档中组成
文档架构的几个主要的HTML 标签。 
2.2  HTML标签 
标签都封装在一对尖括号“<…>”之中。标签只改变网页的显示方式，本身不会显示在窗口中。
HTML 文档中最先出现的标签是<html> 标签。<html> 标签是文档标识符，它是成对出现的，首标签
<html> 和尾标签</html>分别位于文档的最前面和最后面，明确地表示文档是由超文本标记语言
（HTML ）编写的。该标签不带任何属性。 
事实上，现在常用的Web 浏览器（Netscape 和IE ）都可以自动识别HTML 文档，并不要求有<html>
标签，也不对该标签做任何操作。但是，为了提高文档的适用性，使编写的 HTML 文档都能适应日新
月异的Web 浏览器的变化，还是应该养成使用这个标签的习惯。 
在<html>...</html> 之间主要包括以下几个部分。 
2.2.1  头部标签<head>…</head> 
Head是英文“头”的意思。习惯上用户把HTML 文档分为文档头和文档主体两部分。文档主体部
分就是在Web 浏器窗口的用户区内看到的内容，而文档头部分用来规定该文档的标题（出现在 Web
浏览器窗口的标题栏中）和文档的一些属性。<head>标签对的作用就是控制文档的头部信息。此标签
中间可以使用<title>…</title> 、<script>…</script> 标签对，在此标签对中间可以放置用户编写的
JavaScript 代码。 
HTML 文档的标签是可以嵌套的，即在一对标签中可以嵌入另一对子标签，用来规定母标签所含
 
图2-1  运行结果图 
 
范围的属性或其中某一部分的内容，嵌套在<head>…</head>标签对中使用的主要有<title> 标签和
<isindex>标签。 
2.2.2  标题标签<title>…</title> 
<title> 标签是成对出现的，用以规定HTML 文档的标题。在<title> 和</title> 之间的内容将显示在
Web 浏览器窗口的标题栏中。另外，<title>…</title> 标签对只能放在<head>…</head>标签对之间，而
且其内部不能包含其他标签。 
从图2-1 中可以看到，代码段“<title> 个人资料</title> ”控制显示了网页的标题，“个人资料”4
个字出现在IE 浏览器的左上方。 
2.2.3  索引标签<isindex> 
<isindex>是一个单独标签，不需要成对出现，它用来规定文档的属性，说明该文档是可以按关键
字索引的。下面通过一个简单的例子来说明该标签的作用，具体代码如下： 
<html> 
    <head> 
    <title> 这是一个“ISINDEX”标签的范例程序。</title> 
    <ISINDEX> 
    </head> 
  <body> 
    HTML 和网络是紧密连接的，它应网络传输的需求而开发，配合文档显示而发展。HTML 是在1989 年由
Timonthy Berners-Lee 所制定出来的，随后，由NCSA 推出Mosaic浏览器，将HTML 语言推广并得到越来越多
用户的欢迎。但是由于多种浏览器同时流行于世界各地，它们支持HTML 语言的标准也不相同，这样限制了HTML
标记语言本身的发展。逐渐，W3C（World Wide Web Consortium）网络标准化组织联手一些较为流行的浏览器
开发商一同定义HTML 标准，并且力推浏览器解释语言和显示方法的统一，这也在另一方面为 HTML 标准的统一
起到了关键作用。 
  </body> 
</html> 

运行该代码，在IE 6.0 中显示结果如图2-2 所示。 
 《Javascript从入门到精通》第2章——HTML基础_第1张图片
图2-2  使用<isindex>标签的运行结果 

2.2.4  主体标签<body>…</body> 
<body>标签是成对出现的。在<body>…</body>标签对之间的内容，将显示在Web 浏览器窗口的
用户区内，它是 HTML 文档的主体部分。可以把 HTML 文档的主体区域简单地理解成标题以外的所有
部分，该部分可以包含<table>、<font> 、<img> 、<div>等标签。结束标签</body>用来指明主体区域的
结尾。在<body>标签中可以规定整个文档的一些基本属性。 
‰  bgcolor：指定HTML 文档的背景色。 
‰  text ：指定HTML 文档中文字的颜色。 
‰  link ：指定HTML 文档中待连接超链接对象的颜色。 
‰  alink：指定HTML 文档中连接中超链接对象的颜色。 
‰  vlink：指定HTML 文档中已连接超链接对象的颜色。 
‰  background ：指定HTML 文档的背景文件。 
在指定对象的颜色时，可以使用该颜色的代码，或直接使用该颜色对应的英文单词，例如，指定
HTML 文档的背景色为绿色，可以表示为“<body bgcolor="green">”，也可以表示为“<body 
bgcolor="#0080000"> ”。为了便于记忆，建议读者直接用相应的英文单词指定颜色。可以通过下面的
实例来看<body>标签对中各种属性的使用情况。 
为网页设计一个背景颜色，并且在网页上输入一段文字，具体代码如下： 
<html > 
<head> 
<title>HTML 基本源文件</title> 
</head> 
<body text="#000033" bgcolor="yellow"> 
<center> 
<h1 >HTML文档中BODY 标签的使用</h1> 
<p align="left"> 
<font size="+2" face=" 新宋体" color="#0000FF">   
  BODY 标签之间显示的即为浏览器上看到的网站内容，页面上显示的任何东西都包含在这两个标签之中。可以
把HTML 文档的主体区域简单地理解成标题以外的所有部分 
</font> 
</p> 
</center> 
</body> 
</html> 
运行该段代码的结果如图2-3 所示。 
 《Javascript从入门到精通》第2章——HTML基础_第2张图片
图2-3  使用<body>标签的运行结果 

2.2.5  特殊字符 
在HTML 中有很多特殊的符号是需要特别处理的，例如，“< ”、“> ”这两个符号是用来表示标
签的开始和结束的，没有办法通过直接按键来输入，必须用输入编码表示法"&lt;" 来输入。 
通常情况下，HTML 会自动截去多余的空格。不管加多少空格，都被看作一个空格。如果要显示
空格中的多个空格，可以使用“&nbsp; ”表示空格。常用的特殊字符及显示结果如表2-1 所示。 
表2-1  常用的特殊字符及显示结果 
《Javascript从入门到精通》第2章——HTML基础_第3张图片

阅读全文：http://wenku.it168.com/d_000513923.shtml

你可能感兴趣的:(JavaScript,html,web开发)

  • Reached heap limit Allocation failed - JavaScript heap out of memory 祝余、 javascript开发语言ecmascript
    问题vue3打包时提示ReachedheaplimitAllocationfailed-JavaScriptheapoutofmemory解决方法（vue3可用）npminstallcross-envincrease-memory-limit然后检查package.jons文件下“scripts”是否有“fix-memory-limit”，如果没有，手动添加如下代码"scripts"：{"fix-
  • mac+CLion+redis6.2本地源码调试 王冬的csdn redisredis
    1.下载安装CLion下载地址：https://www.jetbrains.com.cn/clion/download/other.html安装过程自行百度2.下载redis源码gitclonehttp://github.com/redis/redis.git3.添加CMakeLists.txt文件1、\redis-6.2\cmake_minimum_required(VERSION3.0FATA
  • html5 判断长按操作,移动端h5模拟长按事件 weixin_39933414 html5判断长按操作
    1、标志位vartimer='';varisLongTouch=false;//加个标志位，防止settimeout因为事件循环和实际时间有偏差vartarget=document.getElementById('target');target.addEventListener('touchstart',function(){timer=setTimeout(function(){isLongTo
  • electron-vue 安装环境、构建+打包（mac和windows）这一篇就够了 阿毛sky electronvue前端
    由于公司需要，下一个项目需要做CS开发，技术选型分析后，选择了electron（Electron是一个使用JavaScript,HTML和CSS等Web技术创建原生程序的框架）研究发现，electron与vue-cli3.0脚手架做了很好的融合，对于我们这种用惯了vue，以及elementUI这些UI框架的Web前端开发工程师来说，实在太友好了，不过，这是一门国外框架技术，不仅是环境搭建、安装、文
  • Node.js使用教程 m0_74824112 面试学习路线阿里巴巴node.jsvim编辑器
    Node.js使用教程Node.js是一个基于ChromeV8引擎的JavaScript运行环境，它让JavaScript运行在服务器端。以下是一个简单的Node.js使用教程：一、Node.js开发环境和编译1.1安装Node.js访问Node.js官网下载并安装适合您操作系统的Node.js版本。1.2创建一个Node.js项目在您的工作目录中，创建一个新的文件夹作为项目目录，例如命名为my_
  • nodejs：express + js-mdict 网页查询英汉词典，能播放声音 belldeep nodejsweb服务nodejsexpressjs-mdict
    向DeepSeekR1提问：我想写一个Web前端网页，后台用nodejs+js-mdict,实现在线查询英语单词1.项目结构首先，创建一个项目目录，结构如下：mydict-app/├──public/│├──index.html│├──styles.css│└──script.js├──server/│└──server.js├──package.json└──README.md英汉词典文件（*.
  • nodejs：express + js-mdict 网页查询英汉词典，能显示图片 belldeep nodejsjavascriptnodejsjavascriptjs-mdictexpress
    向DeepSeekR1提问：我想写一个Web前端网页，后台用nodejs+js-mdict,实现在线查询英语单词，并能显示图片1.项目结构首先，创建一个项目目录，结构如下：mydict-app/├──public/│├──index.html│├──styles.css│└──script.js├──server/│└──server.js├──package.json└──README.md英汉
  • three.js性能优化 火辣辣- 学习总结学习笔记three.js性能优化
    本文持续更新~~~参考文章three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。在使用的时候，虽然three.js做了优化，但是在使用不恰当的代码，也会产生性能损耗。帧率越低，给人感觉就越卡。这是我在开发中自己百度总结的，有不对的可以联系我啊2019-08-22更新———————1、disppose()方法得重要性每当你创建一个three.js中的实例时，都会
  • vue字符串的常用方法，截取字符串，获取字符串长度，检索字符串 luckyext vue.jsjavascript前端
    1.使用substr方法截取字符串letstr="12345";letpart=str.substr(0,3);//截取从索引0开始到索引3的子字符串console.log(part);//"123"2.获取字符串长度JavaScript中的字符串有一个length属性，该属性可以用在VUE获取字符串的长度conststr='hello';str.length输出结果：53.检索字符串是否包含特定
  • 使用JvaScript做一个猜数字游戏And条件语句和循环语句整合 偷只猫来养 javascript游戏js
    **使用JvaScript做一个简单的猜数字游戏（这里设置的数字范围是0-100）**JavaScript是一门目前流行的面向对象的脚本语言，可以使用它来做很多事情，这里为大家分享一下如何使用js语言来写出一个猜数字游戏。1、需求用户可以控制游戏的开始和结束。在用户点击开始后，系统自动为用户生成一个0-100的随机数，用户在输入框中输入内容后点击确认后可以根据输入内容提示相关信息。2、逻辑分析使用
  • 【Jvascript 算法】-- JavaScript实现对树结构数据的增删以及树型数据与数组的相互转换 野生松
    在日常开发中我们经常会碰到树结构数据，以下是我的笔记：constarr=[{id:2,name:'部门B',parentId:0},{id:3,name:'部门C',parentId:1},{id:1,name:'部门A',parentId:2},{id:4,name:'部门D',parentId:1},{id:5,name:'部门E',parentId:2},{id:6,name:'部门F',p
  • 使用JavaScript设计一款简单的数字时钟 布啦啦李 javascript时钟
    本文目录使用JavaScript设计一款带日期显示的数字时钟效果预览1.项目概述2.HTML结构代码说明3.CSS样式代码说明4.JavaScript逻辑代码说明5.运行效果使用JavaScript设计一款带日期显示的数字时钟本文将详细介绍如何使用HTML、CSS和JavaScript设计一款带日期显示的数字时钟。我们将逐步讲解每一行代码的作用，帮助你理解如何实现一个实时更新的时钟，并扩展功能以显
  • 转：javascript获取上一访问页面 dianai7709 javascript移动开发ViewUI
    原文链接：移动端返回上一页，刚需！document.referrer详解全文如下：返回上一页，在PC端我们可以使用：history.go(-1)或者history.back()，可以正常返回第一层。这样，我们不需要上一页的url具体是什么，只要使用history一般都没啥问题。但是在移动端，如果想要返回上一页。比如从A页面跳到B页面，如果B页面想返回A页面，为了防止不会跳错，必须要有一个返回那如果
  • DPlayer + vue3 使用 是晓周哦 javascriptvue.js前端视频typescript
    帮助文档https://dplayer.diygod.dev/zh/guide.html#special-thanks安装pnpminstalldplayer--savepnpminstall@types/dplayer--save-dev使用方法import{ref,onMounted,onBeforeUnmount}from'vue';importDPlayerfrom'dplayer';im
  • 前端为什么要使用new Promise包裹一个函数 没资格抱怨 JS核心前端javascript
    在前端开发中，使用newPromise包裹一个函数主要是为了将原本不支持Promise规范的操作转化为支持Promise规范的操作，从而可以更好地处理异步操作，提升代码的可读性和可维护性。下面详细介绍这么做的常见原因和应用场景：1.封装回调风格的异步操作在JavaScript中，早期的异步操作（如setTimeout、XMLHttpRequest等）通常使用回调函数来处理结果。这种方式容易导致回调
  • 多语言实现图像生成的API调用指南 IT·小灰灰 人工智能数据挖掘深度学习语言模型图像处理AI作画
    在现代软件开发中，API（应用程序编程接口）的使用变得越来越普遍。无论是JavaScript、Python、Go还是Java，开发者们都需要与各种API进行交互以实现特定的功能。本文将通过一个具体的例子，展示如何使用不同的编程语言调用一个图像生成的API，并生成一幅描述海岛的图像。目录API获取方式正文1.JavaScript实现2.Python实现3.Go实现4.Java实现结语API获取方式前
  • Bootstrap4 信息提示框 lsx202406 开发语言
    Bootstrap4信息提示框Bootstrap是一个流行的前端框架，它提供了一系列的工具和组件来帮助开发者快速搭建响应式网站。在Bootstrap4中，信息提示框（Tooltip）是一个非常有用的组件，它可以帮助用户更好地理解页面上的元素。本文将详细介绍Bootstrap4的信息提示框组件，包括其基本用法、配置选项以及与实际应用的结合。一、基本用法1.1HTML结构要使用Bootstrap4的信
  • JavaScript系列（68）--运行时优化技术详解 ᅟᅠ        ‌‍‎‏ 一进制 JavaScriptjavascriptjava前端
    JavaScript运行时优化技术详解今天，让我们深入探讨JavaScript的运行时优化技术。运行时优化是提升JavaScript应用性能的另一个关键环节，它关注代码在实际执行过程中的性能表现。运行时优化基础概念小知识：JavaScript运行时优化是指在代码执行过程中，通过各种技术手段来提高代码的执行效率。这包括即时编译（JIT）、内联缓存、类型特化等技术。基本优化实现//1.函数执行优化器c
  • i510300h和i78750h参数对比哪个好 妙龙 笔记本
    i510300H是笔记本平台的标准电压处理器，为四核心八线程，主频2.5GHz，睿频4.5GHz，45WTDP，8M三级缓存，passmark跑分为9026分。我的笔记本就是活动时8折抢购的https://list.jd.com/list.html?i7-8750H的规格是6核心12线程，coffcelake架构，主频2.2GHz，单核最大睿频4.1GHz，六核最大睿频3.9GHz，L3缓存9MB
  • 腾讯云通过API怎样调用deepseek ZhangJiQun&MXP 2024大模型以及算力教学智能合约语言模型人工智能自然语言处理深度学习
    腾讯云通过API怎样调用deepseek目录腾讯云通过API怎样调用deepseekhtml方式curl方式重点说明：不需要SK，仅仅使用ip和端口号html方式<metacharset=
  • Pinia入门 qincjun 前端学习指南pinia
    一、铺垫pinia官网：https://pinia.vuejs.org/zh/getting-started.html以下的内容全部来自官网；只不过有时候访问官网上不去；只能自己扒下来；pinia的前端使用非常简单；只需要掌握几个步骤就可以二、套路1.用你喜欢的包管理器安装pinia：yarnaddpinia#或者使用npmnpminstallpinia2.创建一个pinia实例(根store)并
  • C# ASP.NET的应用场景 来恩1003 C#从入门到精通c#asp.net数据库
    .NET学习资料.NET学习资料.NET学习资料C#ASP.NET作为一种强大的Web开发框架，在众多领域都有着广泛的应用，为各类Web应用的开发提供了高效、可靠的解决方案。以下是其主要的应用场景：企业级Web应用在企业级应用开发中，C#ASP.NET凭借其卓越的性能和强大的功能，成为众多企业的首选。它能够与企业现有的系统和数据库进行无缝集成，例如与MicrosoftSQLServer数据库紧密结
  • Python说课内容介绍 laocooon523857886 算法算法
    一、明确课程目标1.课程目标的确定面向整个专业：Python课程作为计算机专业或相关专业中的一部分，需要对学生的编程能力、问题解决能力以及软件开发的基础技能进行培养。通过本课程，学生能够掌握Python编程的基本语法、面向对象编程、常见数据结构和算法。面向岗位：课程目标还需要结合市场需求和岗位要求。例如，数据分析、人工智能、Web开发等方向都需要具备Python编程能力。学生通过学习Python，
  • 前端框架Vue内容回顾 GISer_Jinger JavascriptVue前端框架vue.js前端
    前端面试Vue必备内容详解如果你正在准备Vue相关的前端面试，这份详细指南将帮助你掌握Vue核心知识，助你高效备战面试。1.Vue基础知识1.1Vue的核心概念声明式渲染：Vue采用数据驱动视图的方式，通过{{}}语法或v-bind绑定数据，无需手动操作DOM。组件化开发：Vue提供了单文件组件（SFC），支持HTML、CSS、JS组合在.vue文件中，提高代码复用性和可维护性。数据驱动：Vue采
  • python自动化框架pytest_全功能Python测试框架：pytest weixin_39637646
    python通用测试框架大多数人用的是unittest+HTMLTestRunner，这段时间看到了pytest文档，发现这个框架和丰富的plugins很好用，所以来学习下pytest.image.pngpytest是一个非常成熟的全功能的Python测试框架，主要有以下几个特点：简单灵活，容易上手支持参数化能够支持简单的单元测试和复杂的功能测试，还可以用来做selenium/appnium等自动
  • print不起作用 pytest_全功能Python测试框架：pytest 吕欲知 print不起作用pytest
    python通用测试框架大多数人用的是unittest+HTMLTestRunner，这段时间看到了pytest文档，发现这个框架和丰富的plugins很好用，所以来学习下pytest.pytest是一个非常成熟的全功能的Python测试框架，主要有以下几个特点：简单灵活，容易上手支持参数化能够支持简单的单元测试和复杂的功能测试，还可以用来做selenium/appnium等自动化测试、接口自动化
  • 【从0带做】基于Springboot3+Vue3的高校食堂点餐系统 ADFVBM 面试学习路线阿里巴巴java
    大家好，我是武哥，最近给大家手撸了一个基于SpringBoot3+Vue3的高校食堂点餐系统，可用于毕业设计、课程设计、练手学习，系统全部原创，如有遇到网上抄袭站长的，欢迎联系博主~详细介绍https://www.javaxm.cn/star/gxstdc.html项目在线体验地址体验地址：（请电脑端浏览器访问）：http://43.142.9.148:81/用户账号：aaa密码：123456系统
  • Python满屏飘字代码 Want595 趣味编程python开发语言
    系列专栏《Python趣味编程》《C/C++趣味编程》《HTML趣味编程》《Java趣味编程》系列文章序号直达链接Tkinter1Python李峋同款可写字版跳动的爱心2Python跳动的双爱心3Python蓝色跳动的爱心4Python动漫烟花5Python粒子烟花Turtle1Python满屏飘字2Python蓝色流星雨3Python金色流星雨4Python漂浮爱心5Python爱心光波①6Py
  • HTML5(十二)——一文读懂 WebSocket 原理 m0_70646989 Web前端经验分享前端前端框架
    二、WebSocket通信过程================WebSocket协议可分为两部分：握手阶段和数据通信阶段。WebSocket为应用层协议，定义在TCP/IP协议栈之上，连接服务器的url是以ws或wss开头的。ws开头的默认TCP端口为80，wss开头的默认端口为443。ws（websocket）是不安全的，容易被窃听，只要别人知道你的ip和端口号，任何人都可以去连接通讯。wss（
  • Javascript的数据类型 太阳与星辰 JavaScript前端javascript前端数据类型
    Javascript的数据类型1.基本数据类型1.1七种基本数据类型1.2单独说说BigInt‌1.3其它注意点2.引用数据类型3.基本数据类型和引用数据类型的区别4.双等于号和三等于号的区别5.Javascript的类型转换机制5.1显示转换(强制转换)5.2隐式转换(1)减、乘、除(2)加(加法要区别算,因为+不仅仅是加法，还可以拼接)(3)单个变量(4)ToPrimitive原则‌JavaS
  • 安装数据库首次应用 Array_06 javaoraclesql
    可是为什么再一次失败之后就变成直接跳过那个要求 enter full pathname of java.exe的界面 这个java.exe是你的Oracle 11g安装目录中例如：【F:\app\chen\product\11.2.0\dbhome_1\jdk\jre\bin】下的java.exe 。不是你的电脑安装的java jdk下的java.exe！ 注意第一次，使用SQL D
  • Weblogic Server Console密码修改和遗忘解决方法 bijian1013 Welogic
            在工作中一同事将Weblogic的console的密码忘记了，通过网上查询资料解决，实践整理了一下。 一.修改Console密码         打开weblogic控制台，安全领域 --> myrealm -->&n
  • IllegalStateException: Cannot forward a response that is already committed Cwind javaServlets
    对于初学者来说，一个常见的误解是：当调用 forward() 或者 sendRedirect() 时控制流将会自动跳出原函数。标题所示错误通常是基于此误解而引起的。 示例代码： protected void doPost() { if (someCondition) { sendRedirect(); } forward(); // Thi
  • 基于流的装饰设计模式 木zi_鸣 设计模式
    当想要对已有类的对象进行功能增强时，可以定义一个类，将已有对象传入，基于已有的功能，并提供加强功能。 自定义的类成为装饰类 模仿BufferedReader，对Reader进行包装，体现装饰设计模式 装饰类通常会通过构造方法接受被装饰的对象，并基于被装饰的对象功能，提供更强的功能。 装饰模式比继承灵活，避免继承臃肿，降低了类与类之间的关系 装饰类因为增强已有对象，具备的功能该
  • Linux中的uniq命令 被触发 linux
    Linux命令uniq的作用是过滤重复部分显示文件内容，这个命令读取输入文件，并比较相邻的行。在正常情 况下，第二个及以后更多个重复行将被删去，行比较是根据所用字符集的排序序列进行的。该命令加工后的结果写到输出文件中。输入文件和输出文件必须不同。如 果输入文件用“- ”表示，则从标准输入读取。 AD： uniq [选项] 文件 说明：这个命令读取输入文件，并比较相邻的行。在正常情况下，第二个
  • 正则表达式Pattern 肆无忌惮_ Pattern
    正则表达式是符合一定规则的表达式，用来专门操作字符串，对字符创进行匹配，切割，替换，获取。   例如，我们需要对QQ号码格式进行检验 规则是长度6~12位  不能0开头  只能是数字，我们可以一位一位进行比较，利用parseLong进行判断，或者是用正则表达式来匹配[1-9][0-9]{4,14} 或者 [1-9]\d{4,14} &nbs
  • Oracle高级查询之OVER (PARTITION BY ..) 知了ing oraclesql
    一、rank()/dense_rank() over(partition by ...order by ...) 现在客户有这样一个需求，查询每个部门工资最高的雇员的信息，相信有一定oracle应用知识的同学都能写出下面的SQL语句： select e.ename, e.job, e.sal, e.deptno from scott.emp e, (se
  • Python调试 矮蛋蛋 pythonpdb
    原文地址： http://blog.csdn.net/xuyuefei1988/article/details/19399137 1、下面网上收罗的资料初学者应该够用了，但对比IBM的Python 代码调试技巧： IBM：包括 pdb 模块、利用 PyDev 和 Eclipse 集成进行调试、PyCharm 以及 Debug 日志进行调试： http://www.ibm.com/d
  • webservice传递自定义对象时函数为空，以及boolean不对应的问题 alleni123 webservice
    今天在客户端调用方法 NodeStatus status=iservice.getNodeStatus(). 结果NodeStatus的属性都是null。 进行debug之后，发现服务器端返回的确实是有值的对象。 后来发现原来是因为在客户端，NodeStatus的setter全部被我删除了。 本来是因为逻辑上不需要在客户端使用setter， 结果改了之后竟然不能获取带属性值的
  • java如何干掉指针，又如何巧妙的通过引用来操作指针————>说的就是java指针 百合不是茶
    C语言的强大在于可以直接操作指针的地址，通过改变指针的地址指向来达到更改地址的目的,又是由于c语言的指针过于强大，初学者很难掌握， java的出现解决了c，c++中指针的问题 java将指针封装在底层，开发人员是不能够去操作指针的地址，但是可以通过引用来间接的操作：   定义一个指针p来指向a的地址（&是地址符号）：        
  • Eclipse打不开，提示“An error has occurred.See the log file ***/.log” bijian1013 eclipse
    打开eclipse工作目录的\.metadata\.log文件，发现如下错误： !ENTRY org.eclipse.osgi 4 0 2012-09-10 09:28:57.139 !MESSAGE Application error !STACK 1 java.lang.NoClassDefFoundError: org/eclipse/core/resources/IContai
  • spring aop实例annotation方法实现 bijian1013 javaspringAOPannotation
            在spring aop实例中我们通过配置xml文件来实现AOP，这里学习使用annotation来实现，使用annotation其实就是指明具体的aspect,pointcut和advice。1.申明一个切面(用一个类来实现)在这个切面里,包括了advice和pointcut AdviceMethods.jav
  • [Velocity一]Velocity语法基础入门 bit1129 velocity
    用户和开发人员参考文档 http://velocity.apache.org/engine/releases/velocity-1.7/developer-guide.html   注释 1.行级注释## 2.多行注释#*  *#   变量定义 使用$开头的字符串是变量定义，例如$var1, $var2,   赋值 使用#set为变量赋值，例
  • 【Kafka十一】关于Kafka的副本管理 bit1129 kafka
    1. 关于request.required.acks   request.required.acks控制者Producer写请求的什么时候可以确认写成功，默认是0， 0表示即不进行确认即返回。 1表示Leader写成功即返回，此时还没有进行写数据同步到其它Follower Partition中 -1表示根据指定的最少Partition确认后才返回，这个在   Th
  • lua统计nginx内部变量数据 ronin47 lua nginx　 统计
    server { listen 80; server_name photo.domain.com; location /{set $str $uri; content_by_lua ' local url = ngx.var.uri local res = ngx.location.capture(
  • java-11.二叉树中节点的最大距离 bylijinnan java
    import java.util.ArrayList; import java.util.List; public class MaxLenInBinTree { /* a. 1 / \ 2 3 / \ / \ 4 5 6 7 max=4 pass "root"
  • Netty源码学习-ReadTimeoutHandler bylijinnan javanetty
    ReadTimeoutHandler的实现思路： 开启一个定时任务，如果在指定时间内没有接收到消息，则抛出ReadTimeoutException 这个异常的捕获，在开发中，交给跟在ReadTimeoutHandler后面的ChannelHandler，例如 private final ChannelHandler timeoutHandler = new ReadTim
  • jquery验证上传文件样式及大小(好用) cngolon 文件上传jquery验证
    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="jquery1.8/jquery-1.8.0.
  • 浏览器兼容【转】 cuishikuan css浏览器IE
    浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。 碰到频率:100% 解决方案：CSS里    *{margin:0;padding:0;} 备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS文件开头都会用通配符*来设
  • Shell特殊变量：Shell $0, $#, $*, $@, $?, $$和命令行参数 daizj shell$#$?特殊变量
    前面已经讲到，变量名只能包含数字、字母和下划线，因为某些包含其他字符的变量有特殊含义，这样的变量被称为特殊变量。例如，$ 表示当前Shell进程的ID，即pid，看下面的代码： $echo $$ 运行结果 29949   特殊变量列表 变量 含义 $0 当前脚本的文件名 $n 传递给脚本或函数的参数。n 是一个数字，表示第几个参数。例如，第一个
  • 程序设计KISS 原则-------KEEP IT SIMPLE, STUPID! dcj3sjt126com unix
    翻到一本书，讲到编程一般原则是kiss：Keep It Simple, Stupid.对这个原则深有体会，其实不仅编程如此，而且系统架构也是如此。 KEEP IT SIMPLE, STUPID! 编写只做一件事情，并且要做好的程序；编写可以在一起工作的程序，编写处理文本流的程序，因为这是通用的接口。这就是UNIX哲学.所有的哲学真 正的浓缩为一个铁一样的定律，高明的工程师的神圣的“KISS 原
  • android Activity间List传值 dcj3sjt126com Activity
    第一个Activity： import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import a
  • tomcat 设置java虚拟机内存 eksliang tomcat 内存设置
    转载请出自出处：http://eksliang.iteye.com/blog/2117772 http://eksliang.iteye.com/ 常见的内存溢出有以下两种: java.lang.OutOfMemoryError: PermGen space java.lang.OutOfMemoryError: Java heap space   ------------
  • Android 数据库事务处理 gqdy365 android
    使用SQLiteDatabase的beginTransaction()方法可以开启一个事务，程序执行到endTransaction() 方法时会检查事务的标志是否为成功，如果程序执行到endTransaction()之前调用了setTransactionSuccessful() 方法设置事务的标志为成功则提交事务，如果没有调用setTransactionSuccessful() 方法则回滚事务。事
  • Java 打开浏览器 hw1287789687 打开网址open浏览器open browser打开url打开浏览器
    使用java 语言如何打开浏览器呢? 我们先研究下在cmd窗口中,如何打开网址 使用IE 打开 D:\software\bin>cmd /c start iexplore http://hw1287789687.iteye.com/blog/2153709 使用火狐打开 D:\software\bin>cmd /c start firefox http://hw1287789
  • ReplaceGoogleCDN：将 Google CDN 替换为国内的 Chrome 插件 justjavac chromeGooglegoogle apichrome插件
    Chrome Web Store 安装地址： https://chrome.google.com/webstore/detail/replace-google-cdn/kpampjmfiopfpkkepbllemkibefkiice 由于众所周知的原因，只需替换一个域名就可以继续使用Google提供的前端公共库了。 同样，通过script标记引用这些资源，让网站访问速度瞬间提速吧
  • 进程VS.线程 m635674608 线程
    资料来源： http://www.liaoxuefeng.com/wiki/001374738125095c955c1e6d8bb493182103fac9270762a000/001397567993007df355a3394da48f0bf14960f0c78753f000 1、Apache最早就是采用多进程模式 2、IIS服务器默认采用多线程模式 3、多进程优缺点 优点： 多进程模式最大
  • Linux下安装MemCached 字符串 memcached
    前提准备：1. MemCached目前最新版本为：1.4.22，可以从官网下载到。2. MemCached依赖libevent，因此在安装MemCached之前需要先安装libevent。2.1 运行下面命令，查看系统是否已安装libevent。[root@SecurityCheck ~]# rpm -qa|grep libevent libevent-headers-1.4.13-4.el6.n
  • java设计模式之--jdk动态代理（实现aop编程） Supanccy2013 javaDAO设计模式AOP
        与静态代理类对照的是动态代理类，动态代理类的字节码在程序运行时由Java反射机制动态生成，无需程序员手工编写它的源代码。动态代理类不仅简化了编程工作，而且提高了软件系统的可扩展性，因为Java 反射机制可以生成任意类型的动态代理类。java.lang.reflect 包中的Proxy类和InvocationHandler 接口提供了生成动态代理类的能力。 &
  • Spring 4.2新特性-对java8默认方法(default method)定义Bean的支持 wiselyman spring 4
    2.1 默认方法(default method) java8引入了一个default medthod; 用来扩展已有的接口,在对已有接口的使用不产生任何影响的情况下,添加扩展 使用default关键字 Spring 4.2支持加载在默认方法里声明的bean 2.2 将要被声明成bean的类 public class DemoService {
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他