luck638

HTML_CSS_JavaScript笔记

以下内容为学习毕向东HTML_CSS_JavaScript视频教程时做的笔记

网页显示版面有些乱下载原笔记

HTML

HTML：（Hype Text Markup Language）超文本标记语言，是最基本的网页语言。代码由标签组成，不区分大小写。

由开始，结束，分头部分（head）和体部分（body），头部分用于给页面增加一些辅助或属性信息，最先加载。体部分是真正存放页面数据的地方。

属性和属性值用“=”连接，属性值可加双引号、单引号或不加引号。

标签相当于一个容器，数据存放在容器里，对数据操作，就是在修改容器的属性值。

字体标签：文字

color属性可用颜色单词，也可用“#FFFFFF”：井号加十六进制数据表示，红绿蓝

标题标签：

文字

共有6级标题

水平线标签：

size属性指定水平线粗细

特殊符号：

大于号＞	小于号＜	与符号&	双引号”	空格	注册符®	版权符©	TM符™
<	>	&	"		®	©	™

列表和项目符号标签：

定义列表

数字标签

符号标签

定义项目: 具体项目; 具体项目

自动缩进效果

具体项目内容用

封装自动缩进

默认数字样式可用type修改：a A I i 1

Start属性指定起始号码

默认样式空心圆circle

disc实心圆 square黑方块

可用CSS自定义符号

注释标签：注释内容-->

图像标签： ”

src属性中可用两个点（../）代表上层目录

alt属性中的说明文字在鼠标悬停和图片加载失败时显示

图像地图：用封装好图像后，切换到DW设计视图，在属性中选择热点区域形状并在图像上拖动出一块热点区域，用热点区域链接某个资源。在页面中点击热点区域就会跳转到相应资源。

表格标签：

边框粗细” bordercolor cellpadding=”单元格中数据与单元格边框间距” cellspacing=”单元格与单元格间距 0两线并为一线” width=’固定像素值或相对页面百分比’> cellspacing=0两线并成一线但显示出来粗，用CSS中border-collapse两线重叠看起来就是一条线

标签内给表格加标题，是表格的一部分

		行占两列

	列占两行第一行第一个单元格	第一行第二个
		第二行只有一个

table标签中默认都有一个tbody标签 thead、tbody、tfoot

浏览页面时，浏览器解析由table标签封装的页面数据时，读到表格结束标记才会显示数据，若封装页面数据的表格很大，没读到结束标记就不显示任何数据，用户体验不佳，所以将表格分为多个部分，读一个就显示一部分。用tbody将表格分体

超链接标签：文字

点击一个超链接做了什么？首先启动相应的协议解析引擎，访问本机hosts文件，查找对应主机IP，未找到再请求网络DNS服务器获取对应IP，用IP访问指定主机。

href属性，可以指定协议，mailto:[email protected]?subject=”邮件主题”&cc=”抄送地址”

mailto thunder…… 不指定协议默认启动文件协议解析

href=www.baidu.com 默认使用file协议打开的是一个本地文件并不是主机地址

超链接实现页面内跳转：定位标记、锚

顶部位置

用a标签的name属性为当前位置指定一个名字，不使用href属性

…很多页面内容…

在适当位置用a标签链接到指定名字的位置用#标示当前页面

回到顶部位置

target属性指定页面打开方式，默认在当前页面内打开，_blank新窗口打开

title属性：当鼠标悬停在文字上时显示的文字内容

表单标签：用于与服务端交互

form标签内的组件：input接收用户输入数据 select下拉列表 textarea文本区域

input标签内要指定name属性，服务端才能获取到对应的value

input内包含的组件类型通过type指定：

text文本框 password密码框

radio单选框属于同一组的选择框name属性要一致，不然单选框不能实现单选

checkbox复选框分组同单选框单选框不加属性时还不让你选

file 提供一个文件浏览按钮，多用于上传文件

hidden 隐藏组件，不需用户看到但服务端要用到，可通过JavaScript将其值在用户端运算后再提交至服务端使用

button 按钮通过onclick方法添加事件监听

reset 重置按钮 submit 提交按钮

image 和submit一样，但可通过src属性指定一个图片充当按钮美化效果

文本区域可指定行数和列数 <fieleset>区域设置，可给form加外框 外框上的文字可用legend标签指定 form中的method指定提交方式，有7中，常用get和post 用Java自定义服务端与form交互 查看数据提交不同之处 get提交：信息显示在地址栏中，敏感信息泄露，不安全； 地址栏存储信息量有限，不利于大数据量提交； 将信息封装在消息头前边； 提交至服务端的中文乱码需要再次编码后再解码 post：地址栏上不显示提交的信息，避免信息泄露，安全； 提交数据量无限制，方便大数据提交； 将信息封装在消息头后边（空行后）的数据体中； 中文乱码可通过设定字符集方法简单搞定 Tomcat服务端默认使用的iso8859编码，两种提交方式提交中文时，服务端会显示乱码，需要在服务端使用指定字符集解码，request.setCharacterEncoding(“GBK”)但设定字符集方法只对数据体中的数据有效，get方式提交的信息封装在消息头中，不能使用这种方法。但可以通过先用iso8859编码再GBK解码的方式解决。推荐使用post方式提交。 暴力提交、暴力注册 <a href=”http://注册地址?name=value&id=value......”>暴力开始</a> 超链接默认就是get方式提交 客户端首先进行数据有效性校验，服务端对客户端提交的数据必须再次校验 label标签：用于给各元素定义快捷键 for属性指定快捷键起作用的表单元素，其值必须与该表单元素的id值相同 accessKey指定快捷键，要与Alt合用 例：<label for=”user” accessKey=”u”>user name</label> <input type=”text” id=”user” /> label使用技巧： 将label标签加到tr标签上，for属性指向该tr里的文本框，在这行的任意位置点击鼠标，文本框都将获得焦点。 其他标签： <pre></pre>此标签内封装的文本数据格式将保持原样，包括空格和缩进等格式。常用于页面中显示带有缩进层次的代码。 段落标签，两个段落之间带有空行 加粗 加粗 斜体 下划线 下标 上标 <marquee direction=”left/right/down/up” behavior=”scroll/alternate/slide”> 此标签内可以让内容动起来，scroll滚动穿过/alternate来回弹/slide一下摔死 框架集frameset标签：将浏览器页面分成多个独立的部分，分别显示不同的页面 放在head和body之间 frameset分割页面 frame指定小页面内容 <frameset rows=”30%, *” frameborder=”yes” border=”1” framespacing=”0”> <frame src=”1.html” noresize=”noresize” /> <frame src=”2.html” noresize=”noresize” /> </frameset> frameset中用rows和cols属性指定分割页面大小区域，可用百分比也可用像素值 frame中的noresize属性使框架页面大小不可随意改动 frame中添加的超链接默认都是在当前框架页面内打开的，要让其在当前窗口中的其他框架页面中打开，需要将框架页面添加一个name属性，让超链接的target属性值等于这个框架页面的name属性即可 iframe画中画标签：直接在当前页面中挖出一个区域，显示指定页面内容 <iframe src=”1.html” width=30 height=50>画中画标签说明文字，这些文字在浏览器不支持iframe标签时显示</iframe> 画中画标签具有一定的危险性，可能被用于隐藏执行一些恶意的代码 如：<iframe src=”1.js” height=0 width=0> 头标签<head>内的一些标签：<title></title> <base /> <meta /> <link /> title：页面标题，显示在浏览器标题栏上的文字 base：href指定页面中所有超链接的目录，可本地，也可网络，结尾一定要用斜杠/表示 目录，只作用于相对路径文件。 target指定打开方式 meta： <meta name=”keywords” content=”电影，视频，关键字……” /> <meta http-equiv=”refresh” content=”3, url=http://www.xxx.com” /> http-equiv：模拟HTTP协议响应消息头，3秒后刷新，打开指定网页 link：给HTML关联一些文件，如CSS，JS等 <link rel=”stylesheet” href=”1.css” media=”print/screen”> rel指定关联文件与HTML的关系 media指定文件作用的设备，多个设备斜杠分隔 XHTML是可扩展的（Extensible）超文本标记语言，可理解为HTML向XML的过渡。 XML是可扩展标记语言，是对数据信息的描述，而HTML是对数据显示的描述。XML规定更为严格，如标签不结束即错误。XML规范可被更多应用程序解释，将成为一种通用的数据交换语言，各个服务器、框架都将XML作为配置文件。 Dreamweaver创建HTML文件自动生成的头部信息中，又一个规范约束文件（.dtd），描述一些标签信息，由此文件来约束标签的自动闭合，删除这些头部信息后，DW中输入标签将不会自动闭合。前边的网址并不代表此文件要从网络获取，只表示名称空间，可自定义。 <div> </div> 正则表达式 正则表达式：是一种专门用来操作字符串的规则，通过一些符号来表示某些程序代码，简化对字符串的复杂操作，但可读性较差。 常见操作：匹配、获取/查找、切割、替换 匹配：String类中的matches方法 matches（regex） 获取（查找）：Pattern+Matcher Pattern p = Pattern.compile(regex); 封装规则 Matcher m = p.matcher(String); 关联字符串，获取对应匹配器 while (m.find()) 查找是否包含有指定规则的字符串 { SOP(m.group()); 输出符合规则的内容 } 切割：String中的split() spilt(regex)实现复杂切割（连词、叠词） 替换：replaceAll(regex, str); 示例：获取连续数字 String regex = “\\d{5,}”; 5个以上的连续数字符合规则 Pattern p = Pattern.compile(regex); Matcher m = p.matcher(String); while (m.find()) { String s = m.group(); SOP(s.replaceAll(regex, “#”)); 将符合规则的数据替换掉 } 网页爬虫：通过网络以及IO读取网页源文件，并通过规则获取网页中符合规则的数据。 常用的一些正则符号： ？零次或一次 *零次或多次 +一次或多次 ｛n｝正好n次 ｛n，｝最少n次 ｛n，m｝最少n次，最多m次 点.表示任意字符 \d任意数字 \w字母数字下划线 注意转义斜杠\\表示一个斜杠 正则表达式中乱七八糟的组合很多，下面是js帮助文档中的说明，放这里以备查用 <h1>正则表达式对象</h1> 本对象包含正则表达式模式以及表明如何应用模式的标志。 <h4>语法 1</h4> <code>re = /pattern/[flags]</code> <h4>语法 2</h4> <code>re = new RegExp("pattern",["flags"])</code> <h4>参数</h4> re 必选项。将要赋值为正则表达式模式的变量名。 Pattern 必选项。要使用的正则表达式模式。如果使用语法 1，用 "/" 字符分隔模式。如果用语法 2，用引号将模式引起来。 flags 可选项。如果使用语法 2 要用引号将 flag 引起来。标志可以组合使用，可用的有： <ul type="disc"> <li>g （全文查找出现的所有pattern）</li> <li>i （忽略大小写）</li> <li>m （多行查找）</li> </ul> <h4>说明</h4> 不要将正则表达式对象跟全局 RegExp 对象混淆。尽管听起来像是一回事，但它们是截然不同的。正则表达式对象的属性只包含一个正则表达式的信息，而全局RegExp 对象的属性包含了不断更新的每一个匹配出现的信息。 正则表达式对象保存用于查找字符串中的字符组合时的模式。创建正则表达式对象后，或者它被传递给字符串方法，或者字符串被传递给一个正则表达式方法。有关最近进行查找的信息被保存在全局RegExp 对象中。 当预先知道查找字符串时用语法 1。当查找字符串经常变动或不知道时用语法 2，比如由用户输入得到的字符串。 在使用前 pattern 参数被编译为内部格式。对语法 1 来说，pattern 在该脚本被装载时被编译。对语法 2 来说，pattern 在使用前，或调用compile 方法时被编译。 <h4>示例</h4> 下面的示例创建一个包含正则表达式模式及相关标志的对象(re)，向您演示正则表达式对象的用法。在本例中，作为结果的正则表达式对象又用于match 方法中： <pre><code>function MatchDemo(){</code></pre> <pre><code> var r, re; // </code>声明变量。</pre> <pre> <code>var s = "The rain in Spain falls mainly in the plain";</code></pre> <pre><code> </code>re = new RegExp("Spain","i")<code>; // </code>创建正则表达式对象。</pre> <pre> <code>r = </code>s.match(<code>re</code>)<code>; // </code>在字符串<code> s </code>中查找匹配。</pre> <pre> <code>return(r); // </code>返回匹配结果。</pre> <pre>}</pre> 正则表达式语法 一个正则表达式就是由普通字符（例如字符 a 到 z）以及特殊字符（称为元字符）组成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板，将某个字符模式与所搜索的字符串进行匹配。 这里有一些可能会遇到的正则表达式示例： <table border="1"> <tbody> <tr> <td valign="top"> JScript </td> <td valign="top"> VBScript </td> <td valign="top"> 匹配 </td> </tr> <tr> <td valign="top"> /^\[ \t]*$/ </td> <td valign="top"> "^\[ \t]*$" </td> <td valign="top"> 匹配一个空白行。 </td> </tr> <tr> <td valign="top"> /\d{2}-\d{5}/ </td> <td valign="top"> "\d{2}-\d{5}" </td> <td valign="top"> 验证一个ID 号码是否由一个2位数字，一个连字符以及一个5位数字组成。 </td> </tr> <tr> <td valign="top"> /<(.*)>.*<\/\1>/ </td> <td valign="top"> "<(.*)>.*<\/\1>" </td> <td valign="top"> 匹配一个 HTML 标记。 </td> </tr> </tbody> </table> 下表是元字符及其在正则表达式上下文中的行为的一个完整列表： <table border="1"> <tbody> <tr> <td valign="top"> 字符 </td> <td valign="top"> 描述 </td> </tr> <tr> <td valign="top"> \ </td> <td valign="top"> 将下一个字符标记为一个特殊字符、或一个原义字符、或一个后向引用、或一个八进制转义符。例如，'n' 匹配字符 "n"。'\n' 匹配一个换行符。序列 '\\' 匹配 "\" 而 "\(" 则匹配 "("。 </td> </tr> <tr> <td valign="top"> ^ </td> <td valign="top"> 匹配输入字符串的开始位置。如果设置了 RegExp 对象的Multiline 属性，^ 也匹配 '\n' 或 '\r' 之后的位置。 </td> </tr> <tr> <td valign="top"> $ </td> <td valign="top"> 匹配输入字符串的结束位置。如果设置了RegExp 对象的Multiline 属性，$ 也匹配 '\n' 或 '\r' 之前的位置。 </td> </tr> <tr> <td valign="top"> * </td> <td valign="top"> 匹配前面的子表达式零次或多次。例如，zo* 能匹配 "z" 以及 "zoo"。 * 等价于{0,}。 </td> </tr> <tr> <td valign="top"> + </td> <td valign="top"> 匹配前面的子表达式一次或多次。例如，'zo+' 能匹配 "zo" 以及 "zoo"，但不能匹配 "z"。+ 等价于 {1,}。 </td> </tr> <tr> <td valign="top"> ? </td> <td valign="top"> 匹配前面的子表达式零次或一次。例如，"do(es)?" 可以匹配 "do" 或 "does" 中的"do" 。? 等价于 {0,1}。 </td> </tr> <tr> <td valign="top"> {n} </td> <td valign="top"> n 是一个非负整数。匹配确定的 n 次。例如，'o{2}' 不能匹配 "Bob" 中的 'o'，但是能匹配 "food" 中的两个 o。 </td> </tr> <tr> <td valign="top"> {n,} </td> <td valign="top"> n 是一个非负整数。至少匹配n 次。例如，'o{2,}' 不能匹配 "Bob" 中的 'o'，但能匹配 "foooood" 中的所有 o。'o{1,}' 等价于 'o+'。'o{0,}' 则等价于 'o*'。 </td> </tr> <tr> <td valign="top"> {n,m} </td> <td valign="top"> m 和 n 均为非负整数，其中n <=m。最少匹配n 次且最多匹配m 次。刘， "o{1,3}" 将匹配 "fooooood" 中的前三个 o。'o{0,1}' 等价于 'o?'。请注意在逗号和两个数之间不能有空格。 </td> </tr> <tr> <td valign="top"> ? </td> <td valign="top"> 当该字符紧跟在任何一个其他限制符 (*, +, ?, {n}, {n,}, {n,m}) 后面时，匹配模式是非贪婪的。非贪婪模式尽可能少的匹配所搜索的字符串，而默认的贪婪模式则尽可能多的匹配所搜索的字符串。例如，对于字符串 "oooo"，'o+?' 将匹配单个 "o"，而 'o+' 将匹配所有 'o'。 </td> </tr> <tr> <td valign="top"> . </td> <td valign="top"> 匹配除 "\n" 之外的任何单个字符。要匹配包括 '\n' 在内的任何字符，请使用象 '[.\n]' 的模式。 </td> </tr> <tr> <td valign="top"> (pattern) </td> <td valign="top"> 匹配pattern 并获取这一匹配。所获取的匹配可以从产生的 Matches 集合得到，在VBScript 中使用SubMatches 集合，在JScript 中则使用$0…$9 属性。要匹配圆括号字符，请使用 '$' 或 '$'。 </td> </tr> <tr> <td valign="top"> (?:pattern) </td> <td valign="top"> 匹配 pattern 但不获取匹配结果，也就是说这是一个非获取匹配，不进行存储供以后使用。这在使用 "或" 字符 (|) 来组合一个模式的各个部分是很有用。例如， 'industr(?:y|ies) 就是一个比 'industry|industries' 更简略的表达式。 </td> </tr> <tr> <td valign="top"> (?=pattern) </td> <td valign="top"> 正向预查，在任何匹配 pattern 的字符串开始处匹配查找字符串。这是一个非获取匹配，也就是说，该匹配不需要获取供以后使用。例如， 'Windows (?=95|98|NT|2000)' 能匹配 "Windows 2000" 中的 "Windows" ，但不能匹配 "Windows 3.1" 中的 "Windows"。预查不消耗字符，也就是说，在一个匹配发生后，在最后一次匹配之后立即开始下一次匹配的搜索，而不是从包含预查的字符之后开始。 </td> </tr> <tr> <td valign="top"> (?!pattern) </td> <td valign="top"> 负向预查，在任何不匹配Negative lookahead matches the search string at any point where a string not matchingpattern 的字符串开始处匹配查找字符串。这是一个非获取匹配，也就是说，该匹配不需要获取供以后使用。例如'Windows (?!95|98|NT|2000)' 能匹配 "Windows 3.1" 中的 "Windows"，但不能匹配 "Windows 2000" 中的 "Windows"。预查不消耗字符，也就是说，在一个匹配发生后，在最后一次匹配之后立即开始下一次匹配的搜索，而不是从包含预查的字符之后开始 </td> </tr> <tr> <td valign="top"> x|y </td> <td valign="top"> 匹配 x 或 y。例如，'z|food' 能匹配 "z" 或 "food"。'(z|f)ood' 则匹配 "zood" 或 "food"。 </td> </tr> <tr> <td valign="top"> [xyz] </td> <td valign="top"> 字符集合。匹配所包含的任意一个字符。例如， '[abc]' 可以匹配 "plain" 中的 'a'。 </td> </tr> <tr> <td valign="top"> [^xyz] </td> <td valign="top"> 负值字符集合。匹配未包含的任意字符。例如， '[^abc]' 可以匹配 "plain" 中的'p'。 </td> </tr> <tr> <td valign="top"> [a-z] </td> <td valign="top"> 字符范围。匹配指定范围内的任意字符。例如，'[a-z]' 可以匹配 'a' 到 'z' 范围内的任意小写字母字符。 </td> </tr> <tr> <td valign="top"> [^a-z] </td> <td valign="top"> 负值字符范围。匹配任何不在指定范围内的任意字符。例如，'[^a-z]' 可以匹配任何不在 'a' 到 'z' 范围内的任意字符。 </td> </tr> <tr> <td valign="top"> \b </td> <td valign="top"> 匹配一个单词边界，也就是指单词和空格间的位置。例如， 'er\b' 可以匹配"never" 中的 'er'，但不能匹配 "verb" 中的 'er'。 </td> </tr> <tr> <td valign="top"> \B </td> <td valign="top"> 匹配非单词边界。'er\B' 能匹配 "verb" 中的 'er'，但不能匹配 "never" 中的 'er'。 </td> </tr> <tr> <td valign="top"> \cx </td> <td valign="top"> 匹配由x指明的控制字符。例如， \cM 匹配一个 Control-M 或回车符。x 的值必须为 A-Z 或 a-z 之一。否则，将 c 视为一个原义的 'c' 字符。 </td> </tr> <tr> <td valign="top"> \d </td> <td valign="top"> 匹配一个数字字符。等价于 [0-9]。 </td> </tr> <tr> <td valign="top"> \D </td> <td valign="top"> 匹配一个非数字字符。等价于 [^0-9]。 </td> </tr> <tr> <td valign="top"> \f </td> <td valign="top"> 匹配一个换页符。等价于 \x0c 和 \cL。 </td> </tr> <tr> <td valign="top"> \n </td> <td valign="top"> 匹配一个换行符。等价于 \x0a 和 \cJ。 </td> </tr> <tr> <td valign="top"> \r </td> <td valign="top"> 匹配一个回车符。等价于 \x0d 和 \cM。 </td> </tr> <tr> <td valign="top"> \s </td> <td valign="top"> 匹配任何空白字符，包括空格、制表符、换页符等等。等价于 [ \f\n\r\t\v]。 </td> </tr> <tr> <td valign="top"> \S </td> <td valign="top"> 匹配任何非空白字符。等价于 [^ \f\n\r\t\v]。 </td> </tr> <tr> <td valign="top"> \t </td> <td valign="top"> 匹配一个制表符。等价于 \x09 和 \cI。 </td> </tr> <tr> <td valign="top"> \v </td> <td valign="top"> 匹配一个垂直制表符。等价于 \x0b 和 \cK。 </td> </tr> <tr> <td valign="top"> \w </td> <td valign="top"> 匹配包括下划线的任何单词字符。等价于'[A-Za-z0-9_]'。 </td> </tr> <tr> <td valign="top"> \W </td> <td valign="top"> 匹配任何非单词字符。等价于 '[^A-Za-z0-9_]'。 </td> </tr> <tr> <td valign="top"> \xn </td> <td valign="top"> 匹配 n，其中 n 为十六进制转义值。十六进制转义值必须为确定的两个数字长。例如， '\x41' 匹配 "A"。'\x041' 则等价于 '\x04' & "1"。正则表达式中可以使用 ASCII 编码。. </td> </tr> <tr> <td valign="top"> \num </td> <td valign="top"> 匹配 num，其中 num 是一个正整数。对所获取的匹配的引用。例如，'(.)\1' 匹配两个连续的相同字符。 </td> </tr> <tr> <td valign="top"> \n </td> <td valign="top"> 标识一个八进制转义值或一个后向引用。如果 \n 之前至少n 个获取的子表达式，则n 为后向引用。否则，如果n 为八进制数字 (0-7)，则 n 为一个八进制转义值。 </td> </tr> <tr> <td valign="top"> \nm </td> <td valign="top"> 标识一个八进制转义值或一个后向引用。如果 \nm 之前至少有is preceded by at leastnm 个获取得子表达式，则nm 为后向引用。如果 \nm 之前至少有n 个获取，则 n 为一个后跟文字 m的后向引用。如果前面的条件都不满足，若 n 和 m 均为八进制数字 (0-7)，则 \nm 将匹配八进制转义值nm。 </td> </tr> <tr> <td valign="top"> \nml </td> <td valign="top"> 如果 n 为八进制数字 (0-3)，且 m 和l 均为八进制数字 (0-7)，则匹配八进制转义值nml。 </td> </tr> <tr> <td valign="top"> \un </td> <td valign="top"> 匹配 n，其中 n 是一个用四个十六进制数字表示的 Unicode 字符。例如， \u00A9 匹配版权符号 (?)。 </td> </tr> </tbody> </table> Java帮助文档中的正则表达式： <h2>java.util.regex 类 Pattern</h2> <pre>public final class Pattern</pre> <pre>extends Object</pre> <pre>implements Serializable</pre> 正则表达式的编译表示形式。 指定为字符串的正则表达式必须首先被编译为此类的实例。然后，可将得到的模式用于创建 <code>Matcher</code> 对象，依照正则表达式，该对象可以与任意字符序列匹配。执行匹配所涉及的所有状态都驻留在匹配器中，所以多个匹配器可以共享同一模式。 因此，典型的调用顺序是 <pre> Pattern p = Pattern.<code>compile</code>("a*b");</pre> <pre> Matcher m = p.<code>matcher</code>("aaaaab");</pre> <pre> boolean b = m.<code>matches</code>();</pre> 在仅使用一次正则表达式时，可以方便地通过此类定义 <code>matches</code> 方法。此方法编译表达式并在单个调用中将输入序列与其匹配。语句 <pre> boolean b = Pattern.matches("a*b", "aaaaab");</pre> 等效于上面的三个语句，尽管对于重复的匹配而言它效率不高，因为它不允许重用已编译的模式。 此类的实例是不可变的，可供多个并发线程安全使用。<code>Matcher</code> 类的实例用于此目的则不安全。 <h4>正则表达式的构造摘要</h4> <table border="0"> <tbody> <tr> <td style="background:#ccccff"> 构造 </td> <td style="background:#ccccff"> 匹配 </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td colspan="2"> 字符 </td> </tr> <tr> <td valign="top"> x </td> <td> 字符 x </td> </tr> <tr> <td valign="top"> <tt>\\</tt> </td> <td> 反斜线字符 </td> </tr> <tr> <td valign="top"> <tt>\0</tt>n </td> <td> 带有八进制值<tt>0</tt>的字符n (0 <tt><=</tt> n <tt><=</tt> 7) </td> </tr> <tr> <td valign="top"> <tt>\0</tt>nn </td> <td> 带有八进制值<tt>0</tt>的字符nn (0 <tt><=</tt> n <tt><=</tt> 7) </td> </tr> <tr> <td valign="top"> <tt>\0</tt>mnn </td> <td> 带有八进制值<tt>0</tt>的字符mnn（0 <tt><=</tt> m <tt><=</tt> 3、0 <tt><=</tt> n <tt><=</tt> 7） </td> </tr> <tr> <td valign="top"> <tt>\x</tt>hh </td> <td> 带有十六进制值 <tt>0x</tt>的字符hh </td> </tr> <tr> <td valign="top"> <tt>\u</tt>hhhh </td> <td> 带有十六进制值 <tt>0x</tt>的字符hhhh </td> </tr> <tr> <td valign="top"> <tt>\t</tt> </td> <td> 制表符 (<tt>'\u0009'</tt>) </td> </tr> <tr> <td valign="top"> <tt>\n</tt> </td> <td> 新行（换行）符 (<tt>'\u000A'</tt>) </td> </tr> <tr> <td valign="top"> <tt>\r</tt> </td> <td> 回车符 (<tt>'\u000D'</tt>) </td> </tr> <tr> <td valign="top"> <tt>\f</tt> </td> <td> 换页符 (<tt>'\u000C'</tt>) </td> </tr> <tr> <td valign="top"> <tt>\a</tt> </td> <td> 报警 (bell)符 (<tt>'\u0007'</tt>) </td> </tr> <tr> <td valign="top"> <tt>\e</tt> </td> <td> 转义符 (<tt>'\u001B'</tt>) </td> </tr> <tr> <td valign="top"> <tt>\c</tt>x </td> <td> 对应于 x 的控制符 </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td colspan="2"> 字符类 </td> </tr> <tr> <td valign="top"> <tt>[abc]</tt> </td> <td> <tt>a</tt>、<tt>b</tt>或<tt>c</tt>（简单类） </td> </tr> <tr> <td valign="top"> <tt>[^abc]</tt> </td> <td> 任何字符，除了<tt>a</tt>、<tt>b</tt>或<tt>c</tt>（否定） </td> </tr> <tr> <td valign="top"> <tt>[a-zA-Z]</tt> </td> <td> <tt>a</tt>到<tt>z</tt>或<tt>A</tt>到<tt>Z</tt>，两头的字母包括在内（范围） </td> </tr> <tr> <td valign="top"> <tt>[a-d[m-p]]</tt> </td> <td> <tt>a</tt>到<tt>d</tt>或<tt>m</tt>到<tt>p</tt>：<tt>[a-dm-p]</tt>（并集） </td> </tr> <tr> <td valign="top"> <tt>[a-z&&[def]]</tt> </td> <td> <tt>d</tt>、<tt>e</tt>或<tt>f</tt>（交集） </td> </tr> <tr> <td valign="top"> <tt>[a-z&&[^bc]]</tt> </td> <td> <tt>a</tt>到<tt>z</tt>，除了<tt>b</tt>和<tt>c</tt>：<tt>[ad-z]</tt>（减去） </td> </tr> <tr> <td valign="top"> <tt>[a-z&&[^m-p]]</tt> </td> <td> <tt>a</tt>到<tt>z</tt>，而非<tt>m</tt>到<tt>p</tt>：<tt>[a-lq-z]</tt>（减去） </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td colspan="2"> 预定义字符类 </td> </tr> <tr> <td valign="top"> <tt>.</tt> </td> <td> 任何字符（与行结束符可能匹配也可能不匹配） </td> </tr> <tr> <td valign="top"> <tt>\d</tt> </td> <td> 数字：<tt>[0-9]</tt> </td> </tr> <tr> <td valign="top"> <tt>\D</tt> </td> <td> 非数字：<tt>[^0-9]</tt> </td> </tr> <tr> <td valign="top"> <tt>\s</tt> </td> <td> 空白字符：<tt>[ \t\n\x0B\f\r]</tt> </td> </tr> <tr> <td valign="top"> <tt>\S</tt> </td> <td> 非空白字符：<tt>[^\s]</tt> </td> </tr> <tr> <td valign="top"> <tt>\w</tt> </td> <td> 单词字符：<tt>[a-zA-Z_0-9]</tt> </td> </tr> <tr> <td valign="top"> <tt>\W</tt> </td> <td> 非单词字符：<tt>[^\w]</tt> </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td colspan="2"> POSIX字符类（仅 US-ASCII） </td> </tr> <tr> <td valign="top"> <tt>\p{Lower}</tt> </td> <td> 小写字母字符：<tt>[a-z]</tt> </td> </tr> <tr> <td valign="top"> <tt>\p{Upper}</tt> </td> <td> 大写字母字符：<tt>[A-Z]</tt> </td> </tr> <tr> <td valign="top"> <tt>\p{ASCII}</tt> </td> <td> 所有 ASCII：<tt>[\x00-\x7F]</tt> </td> </tr> <tr> <td valign="top"> <tt>\p{Alpha}</tt> </td> <td> 字母字符：<tt>[\p{Lower}\p{Upper}]</tt> </td> </tr> <tr> <td valign="top"> <tt>\p{Digit}</tt> </td> <td> 十进制数字：<tt>[0-9]</tt> </td> </tr> <tr> <td valign="top"> <tt>\p{Alnum}</tt> </td> <td> 字母数字字符：<tt>[\p{Alpha}\p{Digit}]</tt> </td> </tr> <tr> <td valign="top"> <tt>\p{Punct}</tt> </td> <td> 标点符号：<tt>!"#$%&'()*+,-./:;<=>?@[\]^_`{|}~</tt> </td> </tr> <tr> <td valign="top"> <tt>\p{Graph}</tt> </td> <td> 可见字符：<tt>[\p{Alnum}\p{Punct}]</tt> </td> </tr> <tr> <td valign="top"> <tt>\p{Print}</tt> </td> <td> 可打印字符：<tt>[\p{Graph}\x20]</tt> </td> </tr> <tr> <td valign="top"> <tt>\p{Blank}</tt> </td> <td> 空格或制表符：<tt>[ \t]</tt> </td> </tr> <tr> <td valign="top"> <tt>\p{Cntrl}</tt> </td> <td> 控制字符：<tt>[\x00-\x1F\x7F]</tt> </td> </tr> <tr> <td valign="top"> <tt>\p{XDigit}</tt> </td> <td> 十六进制数字：<tt>[0-9a-fA-F]</tt> </td> </tr> <tr> <td valign="top"> <tt>\p{Space}</tt> </td> <td> 空白字符：<tt>[ \t\n\x0B\f\r]</tt> </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td colspan="2"> java.lang.Character类（简单的java字符类型） </td> </tr> <tr> <td valign="top"> <tt>\p{javaLowerCase}</tt> </td> <td> 等效于 java.lang.Character.isLowerCase() </td> </tr> <tr> <td valign="top"> <tt>\p{javaUpperCase}</tt> </td> <td> 等效于 java.lang.Character.isUpperCase() </td> </tr> <tr> <td valign="top"> <tt>\p{javaWhitespace}</tt> </td> <td> 等效于 java.lang.Character.isWhitespace() </td> </tr> <tr> <td valign="top"> <tt>\p{javaMirrored}</tt> </td> <td> 等效于 java.lang.Character.isMirrored() </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td colspan="2"> Unicode块和类别的类 </td> </tr> <tr> <td valign="top"> <tt>\p{InGreek}</tt> </td> <td> Greek 块（简单块）中的字符 </td> </tr> <tr> <td valign="top"> <tt>\p{Lu}</tt> </td> <td> 大写字母（简单类别） </td> </tr> <tr> <td valign="top"> <tt>\p{Sc}</tt> </td> <td> 货币符号 </td> </tr> <tr> <td valign="top"> <tt>\P{InGreek}</tt> </td> <td> 所有字符，Greek块中的除外（否定） </td> </tr> <tr> <td valign="top"> <tt>[\p{L}&&[^\p{Lu}]] </tt> </td> <td> 所有字母，大写字母除外（减去） </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td colspan="2"> 边界匹配器 </td> </tr> <tr> <td valign="top"> <tt>^</tt> </td> <td> 行的开头 </td> </tr> <tr> <td valign="top"> <tt>$</tt> </td> <td> 行的结尾 </td> </tr> <tr> <td valign="top"> <tt>\b</tt> </td> <td> 单词边界 </td> </tr> <tr> <td valign="top"> <tt>\B</tt> </td> <td> 非单词边界 </td> </tr> <tr> <td valign="top"> <tt>\A</tt> </td> <td> 输入的开头 </td> </tr> <tr> <td valign="top"> <tt>\G</tt> </td> <td> 上一个匹配的结尾 </td> </tr> <tr> <td valign="top"> <tt>\Z</tt> </td> <td> 输入的结尾，仅用于最后的结束符（如果有的话） </td> </tr> <tr> <td valign="top"> <tt>\z</tt> </td> <td> 输入的结尾 </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td colspan="2"> Greedy数量词 </td> </tr> <tr> <td valign="top"> X<tt>?</tt> </td> <td> X，一次或一次也没有 </td> </tr> <tr> <td valign="top"> X<tt>*</tt> </td> <td> X，零次或多次 </td> </tr> <tr> <td valign="top"> X<tt>+</tt> </td> <td> X，一次或多次 </td> </tr> <tr> <td valign="top"> X<tt>{</tt>n<tt>}</tt> </td> <td> X，恰好n次 </td> </tr> <tr> <td valign="top"> X<tt>{</tt>n<tt>,}</tt> </td> <td> X，至少n次 </td> </tr> <tr> <td valign="top"> X<tt>{</tt>n<tt>,</tt>m<tt>}</tt> </td> <td> X，至少n次，但是不超过m 次 </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td colspan="2"> Reluctant数量词 </td> </tr> <tr> <td valign="top"> X<tt>??</tt> </td> <td> X，一次或一次也没有 </td> </tr> <tr> <td valign="top"> X<tt>*?</tt> </td> <td> X，零次或多次 </td> </tr> <tr> <td valign="top"> X<tt>+?</tt> </td> <td> X，一次或多次 </td> </tr> <tr> <td valign="top"> X<tt>{</tt>n<tt>}?</tt> </td> <td> X，恰好n次 </td> </tr> <tr> <td valign="top"> X<tt>{</tt>n<tt>,}?</tt> </td> <td> X，至少n次 </td> </tr> <tr> <td valign="top"> X<tt>{</tt>n<tt>,</tt>m<tt>}?</tt> </td> <td> X，至少n次，但是不超过m 次 </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td colspan="2"> Possessive数量词 </td> </tr> <tr> <td valign="top"> X<tt>?+</tt> </td> <td> X，一次或一次也没有 </td> </tr> <tr> <td valign="top"> X<tt>*+</tt> </td> <td> X，零次或多次 </td> </tr> <tr> <td valign="top"> X<tt>++</tt> </td> <td> X，一次或多次 </td> </tr> <tr> <td valign="top"> X<tt>{</tt>n<tt>}+</tt> </td> <td> X，恰好n次 </td> </tr> <tr> <td valign="top"> X<tt>{</tt>n<tt>,}+</tt> </td> <td> X，至少n次 </td> </tr> <tr> <td valign="top"> X<tt>{</tt>n<tt>,</tt>m<tt>}+</tt> </td> <td> X，至少n次，但是不超过m 次 </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td colspan="2"> Logical运算符 </td> </tr> <tr> <td valign="top"> XY </td> <td> X 后跟Y </td> </tr> <tr> <td valign="top"> X<tt>|</tt>Y </td> <td> X 或Y </td> </tr> <tr> <td valign="top"> <tt>(</tt>X<tt>)</tt> </td> <td> X，作为捕获组 </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td colspan="2"> Back引用 </td> </tr> <tr> <td valign="bottom"> <tt>\</tt>n </td> <td valign="bottom"> 任何匹配的 nth捕获组 </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td colspan="2"> 引用 </td> </tr> <tr> <td valign="top"> <tt>\</tt> </td> <td> Nothing，但是引用以下字符 </td> </tr> <tr> <td valign="top"> <tt>\Q</tt> </td> <td> Nothing，但是引用所有字符，直到<tt>\E</tt> </td> </tr> <tr> <td valign="top"> <tt>\E</tt> </td> <td> Nothing，但是结束从<tt>\Q</tt>开始的引用 </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td colspan="2"> 特殊构造（非捕获） </td> </tr> <tr> <td valign="top"> <tt>(?:</tt>X<tt>)</tt> </td> <td> X，作为非捕获组 </td> </tr> <tr> <td valign="top"> <tt>(?idmsux-idmsux) </tt> </td> <td> Nothing，但是将匹配标志idmsux on - off </td> </tr> <tr> <td valign="top"> <tt>(?idmsux-idmsux:</tt>X<tt>)</tt> </td> <td> X，作为带有给定标志idm s ux on - off的非捕获组 </td> </tr> <tr> <td valign="top"> <tt>(?=</tt>X<tt>)</tt> </td> <td> X，通过零宽度的正 lookahead </td> </tr> <tr> <td valign="top"> <tt>(?!</tt>X<tt>)</tt> </td> <td> X，通过零宽度的负 lookahead </td> </tr> <tr> <td valign="top"> <tt>(?<=</tt>X<tt>)</tt> </td> <td> X，通过零宽度的正 lookbehind </td> </tr> <tr> <td valign="top"> <tt>(?<!</tt>X<tt>)</tt> </td> <td> X，通过零宽度的负 lookbehind </td> </tr> <tr> <td valign="top"> <tt>(?></tt>X<tt>)</tt> </td> <td> X，作为独立的非捕获组 </td> </tr> </tbody> </table> <div> <hr width="100%"> </div> <h4>反斜线、转义和引用</h4> 反斜线字符 (<tt>'\'</tt>) 用于引用转义构造，如上表所定义的，同时还用于引用其他将被解释为非转义构造的字符。因此，表达式<tt>\\</tt> 与单个反斜线匹配，而<tt>\{</tt> 与左括号匹配。 在不表示转义构造的任何字母字符前使用反斜线都是错误的；它们是为将来扩展正则表达式语言保留的。可以在非字母字符前使用反斜线，不管该字符是否非转义构造的一部分。 根据 Java Language Specification 的要求，Java 源代码的字符串中的反斜线被解释为Unicode 转义或其他字符转义。因此必须在字符串字面值中使用两个反斜线，表示正则表达式受到保护，不被 Java 字节码编译器解释。例如，当解释为正则表达式时，字符串字面值<tt>"\b"</tt> 与单个退格字符匹配，而 <tt>"\\b"</tt> 与单词边界匹配。字符串字面值<tt>"$hello$"</tt> 是非法的，将导致编译时错误；要与字符串<tt>(hello)</tt> 匹配，必须使用字符串字面值<tt>"\$hello\$"</tt>。 <h4>字符类</h4> 字符类可以出现在其他字符类中，并且可以包含并集运算符（隐式）和交集运算符 (<tt>&&</tt>)。并集运算符表示至少包含其某个操作数类中所有字符的类。交集运算符表示包含同时位于其两个操作数类中所有字符的类。 字符类运算符的优先级如下所示，按从最高到最低的顺序排列： <table border="0"> <tbody> <tr> <td> 1 </td> <td> 字面值转义 </td> <td> <tt>\x</tt> </td> </tr> <tr> <td> 2 </td> <td> 分组 </td> <td> <tt>[...]</tt> </td> </tr> <tr> <td> 3 </td> <td> 范围 </td> <td> <tt>a-z</tt> </td> </tr> <tr> <td> 4 </td> <td> 并集 </td> <td> <tt>[a-e][i-u]</tt> </td> </tr> <tr> <td> 5 </td> <td> 交集 </td> <td> <tt>[a-z&&[aeiou]]</tt> </td> </tr> </tbody> </table> 注意，元字符的不同集合实际上位于字符类的内部，而非字符类的外部。例如，正则表达式 <tt>.</tt> 在字符类内部就失去了其特殊意义，而表达式<tt>-</tt> 变成了形成元字符的范围。 <h4>行结束符</h4> 行结束符 是一个或两个字符的序列，标记输入字符序列的行结尾。以下代码被识别为行结束符： <ul type="disc"> <li>新行（换行）符 (<tt>'\n'</tt>)、</li> <li>后面紧跟新行符的回车符 (<tt>"\r\n"</tt>)、</li> <li>单独的回车符 (<tt>'\r'</tt>)、</li> <li>下一行字符 (<tt>'\u0085'</tt>)、</li> <li>行分隔符 (<tt>'\u2028'</tt>)或</li> <li>段落分隔符 (<tt>'\u2029</tt>)。</li> </ul> 如果激活 <code>UNIX_LINES</code> 模式，则新行符是唯一识别的行结束符。 如果未指定 <code>DOTALL</code> 标志，则正则表达式<tt>.</tt> 可以与任何字符（行结束符除外）匹配。 默认情况下，正则表达式 <tt>^</tt> 和 <tt>$</tt> 忽略行结束符，仅分别与整个输入序列的开头和结尾匹配。如果激活<code>MULTILINE</code> 模式，则<tt>^</tt> 在输入的开头和行结束符之后（输入的结尾）才发生匹配。处于<code>MULTILINE</code> 模式中时，<tt>$</tt> 仅在行结束符之前或输入序列的结尾处匹配。 <h4>组和捕获</h4> 捕获组可以通过从左到右计算其开括号来编号。例如，在表达式 <tt>((A)(B(C)))</tt> 中，存在四个这样的组： <table border="0"> <tbody> <tr> <td> 1 </td> <td> <tt>((A)(B(C)))</tt> </td> </tr> <tr> <td> 2 </td> <td> <tt>\A</tt> </td> </tr> <tr> <td> 3 </td> <td> <tt>(B(C))</tt> </td> </tr> <tr> <td> 4 </td> <td> <tt>(C)</tt> </td> </tr> </tbody> </table> 组零始终代表整个表达式。 之所以这样命名捕获组是因为在匹配中，保存了与这些组匹配的输入序列的每个子序列。捕获的子序列稍后可以通过 Back 引用在表达式中使用，也可以在匹配操作完成后从匹配器获取。 与组关联的捕获输入始终是与组最近匹配的子序列。如果由于量化的缘故再次计算了组，则在第二次计算失败时将保留其以前捕获的值（如果有的话）例如，将字符串<tt>"aba"</tt> 与表达式<tt>(a(b)?)+</tt> 相匹配，会将第二组设置为<tt>"b"</tt>。在每个匹配的开头，所有捕获的输入都会被丢弃。 以 <tt>(?)</tt> 开头的组是纯的非捕获 组，它不捕获文本，也不针对组合计进行计数。 <div> </div> CSS层叠样式表cascading style sheets 将网页中的样式单独分离出来，完全由CSS控制，增强样式复用性和扩展性。 格式：选择器{属性名：属性值；属性名：属性值；……} CSS与HTML结合的4中方式： 1、每个HTML标签都有style属性 2、当页面中有多个标签具有相同样式时，可定义style标签封装样式以复用 <style type=”text/css”>css代码</style> 3、当多个页面使用相同样式时，可将样式单独封装为CSS文件导入 <style type=”text/css”>@import url(“1.css”);</style> 4、通过HTML头标签中的link标签链接一个CSS文件 <link rel=”stylesheet” href=”1.css” media属性可选，默认设备屏幕/> 技巧：为提高样式的复用性和可扩展性，将多个样式单独定义并封装为CSS文件，如p.css、div.css……在一个总的CSS文件中，使用import导入这些CSS文件，然后在HTML页面中用link标签将这个总的CSS文件导入即可。 优先级：就近原则 标签上设置的style属性可以覆盖其他样式 选择器： 1、标签选择器：每个HTML标签名即为一个选择器 2、类选择器：标签中的class属性指定 定义样式要加点 js引用时用className 3、ID选择器：标签的id属性，尽量保证唯一，便于JavaScript获取元素 4、扩展选择器： a、关联选择器：标签中的标签 table div表示表格中的div区域 b、组合选择器：多个选择器 逗号分隔 c、为元素选择器：元素的状态如超链接的默认状态、点击状态、悬停状态等 a:link a:visited a:hover a:active LVHA顺序 删除超链接默认下划线：text-decoration：none p:first-letter p:first-line focus:IE6不支持 CSS滤镜：通过一些代码丰富了的样式 网页设计时，DIV+CSS DIV和P标签都属于行级区域，回车效果，SPAN标签为块级区域，无回车效果 可加border、color等属性，P标签中不要嵌套DIV标签 <div> </div> JavaScript：基于对象和事件的脚本语言 特点： 安全性：不允许直接访问本地硬盘，可做的就是信息的动态交互 跨平台性：只要可以解析JS的浏览器就可执行，与平台无关 JavaScript与Java的不同： 1、js是NetScape的产品，Java是SUN的产品 2、js是基于对象的，Java是面向对象的 3、js只需解释就可执行，Java需要先编译成字节码文件后再执行 4、js是弱类型语言，Java是强类型的 5、js是非严谨的，Java是严谨的 JavaScript与HTML代码的结合方式：任何代码要融入HTML代码中都是通过标签形式 1、将js代码存放在标签对<script></script>中，规范要求加type属性，以前是language属性 <script type=”text/javascript”> js代码 </script> 2、将js代码封装成js文件，提高复用性 <script type=”text/javascript” src=”1.js”></script> 变量通过关键字var定义，弱类型语言不需要指定具体数据类型 特殊常量：undefined 变量没有初始化时值就是它 数组：var arr = [1, 2, ‘abc’, 3.53] 数组长度是可变的，没有越界问题，其他值为undefined var arr = new Array() 数组内可存放任意类型元素，推荐元素类型一致 var arr = [[1, 0, 3], [true, ‘abc’]];二维数组 js中的数组就相当于Java中的集合 函数：function函数名(参数列表){js代码} JavaScript函数没有重载形式，参数可随意传递，函数内部默认有一个arguments数组用来接收传入的参数，参数个数尽量保持一致 alert(函数名)可将函数内容打印出来，包括注释 动态函数：var fun = new Function(“x”, “y”, “var sum=x+y; return sum;”); var a = fun(3,2); 函数的参数和函数体都可以通过字符串变量来动态修改 匿名函数：同Java，多用于事件处理 可以通过函数形式来模拟Java，创建对象 </div> <div> function Person() { alert(“person init”); } var p = new Person(); 上面会调用Person的方法 可以给p添加属性和方法 p.name = “张三” p.age = 30； p.eat = function(){} 引用name属性可用 p.name 或p[“name”] 也可像Java一样使用this来完成对象构造 </div> 简化操作的with语句和for…in语句 with用于确定对象的作用范围 with(对象){可直接调用对象的属性和方法，不用加对象名} for…in语句用于遍历对象或数组 for((变量)s in (学生对象)stu){alert(s)}此处打印出stu的属性，要获得属性值用stu[s] for(x in array) alert(x)打印的是数组角标 JavaScript的内部对象：Object、String、Array、Math…… String：长度为length属性，不是方法 方法有：toUpperCase() toLowerCase() CharAt() indexOf() lastIndexOf() split() replace() substring(start, end) substr(start, length) math()正则表达式匹配 bold()给字符串两边加上标签 fontColor() fontSize() sub() sup() link(“URL”)都是加标签的 Math：random()产生0~1之间的伪随机数，含0不含1，可能为0，但总小于1，为小数 怎么产生1—10之间的整数呢？random()*10+1需要转换成整数，使用Global对象方法 Global：封装一些不属于具体某个对象的单独存在的全局方法，可不用对象名直接调用 parseFloat() parseInt() radix基数 parseInt(numString, [radix]) radix指定numString的进制形式，2~36 默认0x开头位16进制，0开头为八进制，其他为十进制 如果numString前缀不能转为数字，则返回NaN（Not a number）可用isNaN()检测 parseInt(“aaa”) NaN parseInt(“33abe”) 33 提示：转换前先用正则匹配，是数字再转换 反向转换用toString方法 toString([radix]) Data：日期时间对象 var d = new Data(); with(d) { var month = getMonth()+1； 月份从0开始 month = month>9?month:”0”+month; 月份用两位数 日也可这样做 alert(getYear()+”年”+month+”月”+getData()+”日，星期”+getDay()); } prototype属性：获取对象原型，可以给源对象添加自定义功能或属性 function getMax() { var max = this[0]; for (var x=1; x<this.length; x++) { if (max<this[x]) max = this[x]; } return max; } Array.prototype.getMax = getMax; 给Array对象添加getMax方法，可直接调用 <div> </div> DOM DOM：文档对象模型document object model DOM三层模型： DOM1；将HTML文档封装成对象 DOM2：将XML文档封装成对象 DOM3：将XML文档封装成对象 DOM树：将HTML中的标签按照层级关系封装成节点对象 DOM的出现使静态的HTML页面的标签变为动态的可操作的节点对象 DHTML：动态的HTML，是HTML、CSS、DOM、JavaScript四种技术的综合体 HTML：封装页面数据 CSS：设置标签中的数据样式 DOM：将标签封装成对象 JavaScript：将三者进行融合，通过程序设计方式完成动态效果的操作 标记型文档一加载进内存，内存中就产生了相应的DOM树，由此产生的弊端就是，文档国大时，消耗资源。对于大型文档，可用SAX方式解析。 HTML文档中的层次关系，DOM树的层次结构 document HTML文档对象 |——head |——title |——base |——meta |——link |——body |——form |——input |——select |——textarea |——div |——table |——tbody 默认都有，不写也有 |——tr |——td |——th |——a …… 将HTML文档及其中的标签都封装成对象，方便操作。 节点都有的属性：nodeName nodeType nodeValue 注意区分DOM代码中对象的属性和HTML、CSS代码中的属性写法上的不同 节点类型 标签型节点：nodeType为1，容器型节点的nodeValue为空null没有值 文本型节点：名字#text 类型为3 注释型节点：#comment 类型为8 文档型节点：#document 类型为9 属性型节点：类型为2 属性可通过对象的attributes集合属性获取 节点关系 父节点：每个节点有且只有一个父节点 通过节点parentNode属性获取 子节点：可以有多个 通过节点childNodes属性获取子节点集合（数组） 兄弟节点：分上一个和下一个，通过previousSibling和nextSibling属性获取 注意页面中标签之间的空行也是文本节点，浏览器解析时可能出现也可能没有这个节点 获取节点的方法： 1、getElementById(HTML标签中定义的id值) 获取文档中指定id对应的标签对象，注意保证id值唯一； 如果多个标签id相同，获取的是id对应的第一个对象 <script type=”text/javascript”> var divObj = document.getElementById(“divid”); divObj.style.backgroundColor=”blue”;注意DOM代码与CSS代码的不同 </script> <html> <div id=”divid” style=”background-color:red”>div内部数据</div> style属性中的内容为CSS代码，注意区分DOM中的相同属性名称 </html> 2、getElementsByName(HTML标签中定义的name值) 获取文档中所有与name值相同的标签对象，封装为数组返回 3、getElementsByTagName(HTML标签名) 获取文档中与指定标签名相同的所有对象，返回数组 容器型标签中都有该方法，如div、table、p 每个对象都有一个集合属性all，可以获取该对象中的所有节点对象的引用，但是all属性不获取文本型节点和空行产生的节点；还有一个attributes集合属性，用来获取该对象的所有属性。 window对象：代表浏览器打开的一个窗口 window中的对象 document：窗口中的HTML文档 event：事件状态 history：历史记录 location：当前地址栏信息 navigator：关于浏览器的信息 screen：屏幕信息 navigator对象：window.navigator.href或者navigator.href 属性：appCodeName appName appVersion获取浏览器代码名称、名称、版本 platform获取操作系统名称 history对象：只有一个length属性 方法：back（） forward（） go（）都是从历史列表中装入URL location对象：此对象的属性既可用来获取又可用来设置对应属性的值 属性：host获取或设置URL的主机名和端口号 hostname port href ：URL protocol：协议 pathname：文件名或路径 search：href属性中问号后面的部分 hash：href属性中井号后的部分 location对象的任一属性改变后浏览器都将立即前往指定的URL screen对象： 属性：availHeight和availWidth是系统屏幕的有效区域，不包括Windows的任务栏 height和width是系统屏幕的分辨率值 window对象方法： alert：确定对话框 confirm：确定取消对话框，返回true或false prompt(提示信息，[输入默认值])：可接收输入数据的对话框，返回输入的文本数据 moveBy(x, y)：使窗体根据指定的坐标值偏移 窗口抖动效果 moveTo(x, y)：使窗体移动到指定坐标值 resizeBy(x, y)：窗体缩放指定偏移值 resizeTo(x, y)：窗体缩放至指定值 scroll(x, y)：将窗口滚动到距窗口左上角指定偏移值的位置 scrollBy(x, y)：将窗口滚动指定的偏移值 scrollTo(x, y)：将窗口滚动到指定位置 close：关闭窗口 open：打开一个窗口window.open( [sURL] [, sName] [,sFeatures] [,bReplace]) window.open("","_blank","fullscreen=1");这句NB了，整个屏幕都是白板 sURL：打开窗口的地址，默认打开一个新的空白窗体about:blank sName：指定窗口的打开方式，即target属性值 _blank：新的无标题窗口 _parent：当前框架的父窗体，没有父窗体则为_self _self：当前窗口，替换当前窗口内容 _search：浏览器的搜索面板内，IE5及以后版本有效 _top：替换所有可以加载的框架集，没有框架则为_self sFeatures：(for example, "fullscreen=yes, toolbar=yes") height≥100px，width≥100px，left≥0，top≥0 下边的属性取值可以为yes/no或1/0 channelmode默认值no fullscreen默认值no，改为yes记得提供关闭窗口的按钮或方法ALT+F4 下边的默认值都为yes directories location地址栏 menubar菜单栏 resizable可调大小 scroll bars滚动条 status状态栏 titlebar标题栏 toolbar工具栏 window.open() bReplace：false(新建)或者true(替换)历史列表中的记录 setTimeout：经过指定毫秒值后，计算表达式的值或执行表达式内容。返回一个id值 setTimeout(“window.close()”, 5000);5秒后自动关闭窗口 setInterval：没经过指定毫秒值计算表达式，循环。返回一个事件id值 setInterval(“alert(111)”,3000)每隔3秒弹一次 clearTimeout(id）、clearInterval(id)：清除使用上边两个方法开始的事件 focus：获取焦点 window.setInterval(“window.focus()”, 3000);将窗口每隔3秒前置一次 window事件 onload：对象加载完成后 打开窗口后 onunload：对象卸载完成 关闭窗口，窗体消失后 onbeforeunload：对象卸载前 关闭窗口，窗体还在时 onkeypress：键盘事件 event对象： keyCode属性：设置或获取事件对应的按键码 returnValue：设置或获取事件的返回值，false或true，用于取消事件执行效果 例：文本框只允许输入数字，非数字不允许显示在文本框中 <input type=text οnclick=checkNum() /> function checkNum() { if (!(window.event.keyCode>=48 && window.event.keyCode<=59)) { alert(“不允许输入非数字”); //不加下边这句，非数字会提示但还会在文本框显示 window.event.returnValue = false；取消事件执行 } } returnValue可用在表单提交中，当表单数据不符合要求时取消提交按钮效果 srcElement属性可设置或获取事件源对象 取消超链接默认点击效果：让浏览器启动JavaScript解析引擎执行一个空的函数 <a href=”javascript:void(0)” οnclick=”method()”></a> CSS中的布局属性overflow：设置当对象中的内容超过其指定宽度或高度时的显示方式 hidden隐藏、visible显示、scroll滚动条、auto自动 使用此属性可以实现展开闭合效果，如好友列表 display属性也可以完成这个效果 none隐藏，block块状显示分行， inline一行内显示 获取事件源对象的两种方式 1、event.srcElement 2、事件处理时直接将事件对象通过this传递 创建节点： document.createElement(标签名)创建一个指定标签名的节点 document.createTextNode(文本内容)创建一个文本节点 添加节点：添加到的目的节点.appendChild(要添加的节点) 添加到尾部 table对象 rows属性：获取表格中所有的行 cells属性：表格中所有单元格 使用table对象创建行对象：table.insertRow([index])index默认-1行尾 用tr对象创建单元格：tr.insertCell() 注意table的下一级子节点tbody，添加行节点要加在tbody下 tr对象也有cells集合属性，获取的是这一行中的单元格集合 给对象添加属性 1、tabNode.id = “tabid” 2、tabNode.setAttribute(“id”,”tabid”) 删除表格节点： 删除行：tabNode.deleteRow(rowIndex) 删除列：删除所有行的指定单元格 获取列数tabNode.rows[0].cells.length trNode.deleteCell(cellIndex) 表格数据排序过程中定义的临时容器（存放行对象的数组）存放的都是行对象的引用。 表格行颜色间隔显示和鼠标悬浮行高亮效果： 间隔显示：奇偶行分别加载不同样式即可，onload事件中加载 悬浮高亮：行对象的onmouseover和onmouseout事件 <div> </div> 对象.innerText 可以获取或设置对象的内部文本，但是包含的HTML标签或属性也会作为纯文本解析。要将内部的标签或HTML属性解析，需要使用innerHTML 按钮一次性点击效果：event.srcElement事件源/input对象.disabled=true 按钮点击后变灰 复选框操作：获取总金额 获取所有复选框checkboxs，遍历，判断checked属性if (checkedboxs[x].checked) 注意将复选框的value属性值进行parseInt转换 全选时将其他复选框的checked属性值改为全选框的checked属性值即可 通过下拉列表动态改变页面样式：select标签的onchange事件 options属性：所有列表项 selectedIndex：选中项的角标 获取列表选中项：selectNode.options[selectNode.selectedIndex] 值.value DOM代码改变div区域内文本样式：divNode.style.textTransform uppercase lowercase capitalize首字母大写 JavaScript代码写在head标签内时要注意全局变量的问题： 函数只有调用时才执行，封装在函数内部的变量没有问题；在函数外部定义的全局变量，页面加载时还没读到下边的具体标签，全局变量获取指定标签对象时就会出现null <div> </div> 获取鼠标的坐标，让指定区域随鼠标移动 获取鼠标坐标方法：event.x event.y 随鼠标移动：改变指定区域的left和top属性 用到的事件：body对象的onmousemove 还用到CSS样式的position定位属性，将页面分层，使指定区域悬浮在body区域上方。层次：直接定义页面所有对象到同一个层里，为了对某个区域进行移动、定位，将该区域分离到另一个单独的层里 <body> //用position属性将广告区域进行分层，绝对定位，使广告区域悬浮在body区域上方 <div id=”ad” style=”position:absolute; left:0; top:0”>广告</div> <div id=”bodyid”>body区域</div> </body> window.οnlοad=function() ｛ document.body.onmousemove = function() { var adNode=document.getElementById(‘ad’) adNode.style.left = event.x; adNode.style.top = event.y; } ｝ 流氓：将广告区域的坐标值设置为鼠标坐标值左上一点，使鼠标停在广告区域中 将广告区域用a标签封装 在广告区域添加点击事件，点击后关闭广告ad.style.dislay=none 限定边界： addiv.offsetWidth 广告区域自己的宽度 document.body.clientWidth body区域的宽度 边界内移动代码： <script type="text/javascript"> var x=y=1; var movex=movey=0; function move() { var ad = document.getElementById("ad"); movex = movex + x*5; //每次移动位置递增5个像素 movey = movey + y*5; ad.style.left = movex; //移动 ad.style.top = movey; //alert("aaaaaaaa"); var bdx = document.body.clientWidth; //获取当前浏览器页面窗口的宽和高 var bdy = document.body.clientHeight; var adx = ad.offsetWidth; //获取广告区域的大小 var ady = ad.offsetHeight; //alert(bdx+"----------"+bdy); if (movex+adx >= bdx) //判断是否移到边界了 { //移到边界开始递减 x = -1; } else if (movex <= 0) //递减只零再开始递增 { x = 1; } if (movey+ady >= bdy) { y = -1; } else if (movey <= 0) { y = 1; } } var timeid; function fly()//飞吧 每个10毫秒执行一次移动 { //move(); timeid = window.setInterval("move()", 100); } function over()//鼠标进入广告区停止移动 { window.clearInterval(timeid); } window.onload = function() //页面一加载就开始飞 { fly(); var ad = document.getElementById("ad"); ad.onmouseover = function() { over(); //鼠标进入取消定时移动 } ad.onmouseout = function() { fly(); //鼠标离开继续移动 } } function closeAD() //点击关闭后停止定时移动，隐藏广告区域 { var ad = document.getElementById("ad"); ad.style.display = 'none'; over(); } </script> </head> <body> <div id="ad" style="position:absolute; border: red 1px solid; left:0; top:0; height:90; width:90"> <a href="http://www.ad.com" target="_blank">广告</a> <a href="javascript:void(0)" οnclick="closeAD()">关闭广告</a></div> </body> <div> </div> 级联菜单：省市选择示例 select标签onchange事件添加option项 将省份对应的城市城市列表封装进二维数组，角标和省的option项角标一致 选中省份后，遍历对应的城市列表，将其封装进option标签中并添加到子菜单中 注意：在添加子项前需先清空子菜单项，以免将上一选项结果遗留 再次注意：清空子项用遍历时，注意removeChild一次，length就减一次，如果循环变量跟着递增就会移不完 移除下拉选项的简单方法，直接将列表的options属性的length置为0即可 邮件列表示例中删除所选邮件时注意： 和用遍历方法删除列表项时的问题一样，删除时，长度递减，循环变量递增，删不全 可定义一个临时容器用来存储待删除的节点索引，然后遍历临时容器时再删除这些节点。临时容器中存放的也是表格行节点的引用，每次删除完颜色事件都要加载一遍 表单验证： 可以用document.forms获取页面中的所有表单对象 拿到表单对象后，可以直接使用表单中的组件名获取对应组件 输入框失去焦点时就开始验证：onblur事件发生就开始验证 怎么让表单验证失败时提交不出去呢？ 1、表单标签中的onsubmit事件中，event.returnValue=false提交按钮就失效了 2、在onsubmit事件处理函数中返回false（不提交）或true（提交），再将返回结果返回给onsubmit事件即可 οnsubmit=“return checkForm()” 事件处理函数中使用returnValue时，onsubmit不用return即可 JS中的正则表达式 限定开始结束位置^ $ 两种写法：var reg = /^\d{5}$/ 5位数字，下同 var reg = new RegExp(“^\\d{5}$”); var namereg = /^[a-z]{5}$/i 5为字母后面加i不分大小写 下面的示例创建一个包含正则表达式模式及相关标志的对象(re)，向您演示正则表达式对象的用法。在本例中，作为结果的正则表达式对象又用于match 方法中： <pre><code>function MatchDemo(){</code></pre> <pre><code> var r, re; // </code>声明变量。</pre> <pre> <code>var s = "The rain in Spain falls mainly in the plain";</code></pre> <pre><code> </code>re = new RegExp("Spain","i")<code>; // </code>创建正则表达式对象。</pre> <pre> <code>r = </code>s.match(<code>re</code>)<code>; // </code>在字符串<code> s </code>中查找匹配。</pre> <pre> <code>return(r); // </code>返回匹配结果。</pre> <pre>}</pre> <pre>如果String对象的 match 方法没有找到匹配，返回 null。</pre> RegExp对象的test方法也可判断是否匹配 reg.test(str) 返回boolean 附件添加删除、通过下拉列表改变字体颜色、字体样式、省市级联菜单示例 <style type="text/css"> /*CSS区域*/ a:link, a:visited{ color: #FF0000; font-size: 22; text-decoration: none; } </style> <script type="text/javascript"> /*javascript区域*/ function addFile() { var tabNode = document.getElementById("file"); var trNode = tabNode.insertRow(); var tdNode_file = trNode.insertCell(); var tdNode_del = trNode.insertCell(); tdNode_file.innerHTML = "<input type='file' />"; tdNode_del.innerHTML = "<img src='1.jpg' alt='删除文件' οnclick='delFile(this)' />"; } function delFile(node) { //var tabNode = document.getElementById("file"); var trNode = node.parentNode.parentNode; //alert(tabNode.nodeName); //alert(trNode.nodeName); trNode.parentNode.removeChild(trNode); //父节点删除子节点他杀 } </script> <body>  <a href="javascript:void(0)" οnclick="addFile()">点击上传文件</a> <table id="file"> </table> <hr/> <style type="text/css"> #bbb{ border: red 3px solid; width: 200px; } #colorid{ width: 50px; } #text{ border: blue 1px solid; width: 100px; text-align: center; margin: 10px 0px 0px 20px; } </style> <script type="text/javascript"> /*鼠标指上去就盖住背景色了 想去掉没成功 οnlοad=function() { var sel = document.getElementById("colorid"); sel.onmouseover = function(){sel.className="";}; sel.onmouseout = function(){sel.className="";}; } */ function changeColor() { var sel = document.getElementById("colorid"); var div = document.getElementById("text"); var val = sel.options[sel.selectedIndex].value; div.style.color = val; } </script> <div id="bbb"> 选择颜色： <select id="colorid" οnchange="changeColor()"> <option value=#FFFF00 style=background:#FFFF00></option> <option value=#FF0000 style=background:#FF0000></option> <option value=#33FF00 style=background:#33FF00></option> <option value=#0033FF style=background:#0033FF></option> </select> <div id="text"> 变变变 变变变 变变变 变变变 变变变 </div> </div> <hr /> <style type="text/css"> #div1{ background: #FFCC00; width: 300; height: 80; } #selid{ width: 200; margin-top: 20px; margin-bottom: 20px; } #div2{ background: #669999; width: 300; } </style> <script type="text/javascript"> <!—改变字体样式--> function textChange() { var div1 = document.getElementById("div1"); var div2 = document.getElementById("div2"); var sel = document.getElementById("selid"); var val = sel.options[sel.selectedIndex].value; //alert(val); div1.style.textTransform = val; div2.innerHTML = "text-transform : "+val+";"; } </script> <div id="div1"> Every man dies. Not every man really lives. </div> <select id="selid" οnchange="textChange()"> <option value="none">--text-transform--</option> <option value="uppercase">UPPERCASE</option> <option value="lowercase">lowercase</option> </select> <div id="div2"> text-transform : none; </div> <hr/> <!—省市级联菜单--> <style type="text/css"> #seldiv select{ width: 150px; } </style> <script type="text/javascript"> function showCity() { var arr = [[], ["朝阳区", "海淀区", "西城区", "东城区"], ["郑州市", "南阳市", "邓州市", "信阳市", "驻马店市", "开封市"], ["唐山市", "石家庄市", "廊坊市", "邯郸市"], ["北京", "上海", "深圳", "天津", "重庆", "香港特别行政区", "澳门特别行政区"]]; var sel1 = document.getElementById("sel1"); var sel2 = document.getElementById("sel2"); var index = sel1.selectedIndex; //sel2中添加内容之前先清空下 有简单方法 for (var x=1; x<sel2.options.length; )//x++) //length在减 x在递增只移除一半 { sel2.removeChild(sel2.options[x]); } for (var x=1; x<sel1.options.length; x++) { if (x == index) { for (var y=0; y<arr[x].length; y++) { var opNode = document.createElement("option"); opNode.innerHTML = arr[x][y]; sel2.appendChild(opNode); } } } if (sel1.selectedIndex!=0) sel2.selectedIndex = 1; } </script> <div id="seldiv"> <select id="sel1" οnchange="showCity()"> <option value="0">选择省市</option> <option value="1">北京市</option> <option value="2">河南省</option> <option value="3">河北省</option> <option value="4">中国</option> </select> <select id="sel2"> <option value="none">选择城市</option> </select> </div> </body> 邮件列表示例： <style type="text/css"> /*CSS区域*/ table{ border: black 2px solid; border-collapse: collapse; text-align: center; width: 600px; /* margin: 10px; 外框边距*/ } table th{ background: #33FF33; } table td, table th{ padding: 5px; border: black 1px solid; } .one{ background: #CCFF66; } .two{ background: #FFCCFF; } .over{ background: #FF9933; } </style> <script type="text/javascript"> /*javascript区域*/ var name; function trColor() { var tabNode = document.getElementById("maillist"); var tabRows = tabNode.rows; for (var x=1; x<tabRows.length-1; x++) { if (x%2==1) { tabRows[x].className = "one"; } else tabRows[x].className = "two"; tabRows[x].onmouseover = function() { name = this.className; this.className = "over"; } tabRows[x].onmouseout = function() { this.className = name; } } } window.onload = function() { trColor(); } function checkAll(index) { var allNodes = document.getElementsByName("all"); //不管选的哪个都让两个全选框一样 allNodes[Math.abs(index-1)].checked = allNodes[index].checked; var mails = document.getElementsByName("mail"); for (var x=0; x<mails.length; x++) { mails[x].checked = allNodes[index].checked; } } function checkByBut(mode) //选择按钮事件处理 { /*简单写法 var mails = document.getElementsByName("mail"); for (var x=0; x<mails.length; x++) { if (mode==2) mails[x].checked = !mails[x].checked; else mails[x].checked = mode; } */ if (mode==1) { document.getElementsByName("all")[0].checked = true; checkAll(0); //alert(mode); } if (mode==0) { document.getElementsByName("all")[0].checked = false; checkAll(0); } if (mode==2) { //mails[x].checked = !mails[x].checked; var alls = document.getElementsByName("all"); if (alls[0].checked) //使两个全选框同步 { alls[0].checked = false; alls[1].checked = false; } var mails = document.getElementsByName("mail"); for (var x=0; x<mails.length; x++) { if (mails[x].checked) { mails[x].checked = false; } else { mails[x].checked = true; } } } } function del() //删除所选 { /* var mails = document.getElementsByName("mail"); for (var x=0; x<mails.length; x++) { if (mails[x].checked) { var trNode = mails[x].parentNode.parentNode; trNode.removeNode(true); //这样删掉之后length在减小而x在递增导致删一半留一半 } } trColor(); */ var arr = []; //记录被选择的行号 var pos = 0; var mails = document.getElementsByName("mail"); for (var x=0; x<mails.length; x++) { if (mails[x].checked) { var trNode = mails[x].parentNode.parentNode; arr[pos++] = trNode; } } var tabNode = document.getElementById("maillist"); var tabRows = tabNode.rows; for (var x=0; x<arr.length; x++) { arr[x].removeNode(true); } trColor(); //重新加载一次样式，颜色间隔效果 } </script> <body>  <table id="maillist"> <tr> <th><input type="checkbox" name="all" οnclick="checkAll(0)" />全选</th> <th>发件人</th> <th>邮件主题</th> <th>邮件内容</th> <tr> <tr> <td><input type="checkbox" name="mail" /></td> <td>张三11</td> <td>主题：邮件11</td> <td>内容：邮件11</td> </tr> <tr> <td><input type="checkbox" name="mail" /></td> <td>张三22</td> <td>主题：邮件22</td> <td>内容：邮件22</td> </tr> <tr> <td><input type="checkbox" name="mail" /></td> <td>张三33</td> <td>主题：邮件33</td> <td>内容：邮件33</td> </tr> <tr> <td><input type="checkbox" name="mail" /></td> <td>张三44</td> <td>主题：邮件44</td> <td>内容：邮件44</td> </tr> <tr> <td><input type="checkbox" name="mail" /></td> <td>张三55</td> <td>主题：邮件55</td> <td>内容：邮件55</td> </tr> <tr> <td><input type="checkbox" name="mail" /></td> <td>张三66</td> <td>主题：邮件66</td> <td>内容：邮件66</td> </tr> <tr> <td><input type="checkbox" name="mail" /></td> <td>张三77</td> <td>主题：邮件77</td> <td>内容：邮件77</td> </tr> <tr> <td><input type="checkbox" name="mail" /></td> <td>张三88</td> <td>主题：邮件88</td> <td>内容：邮件88</td> </tr> <tr> <td><input type="checkbox" name="mail" /></td> <td>张三99</td> <td>主题：邮件99</td> <td>内容：邮件99</td> </tr> <tr> <th><input type="checkbox" name="all" οnclick="checkAll(1)" />全选</th> <th colspan=3> <input type="button" value="全选" οnclick="checkByBut(1)" /> <input type="button" value="取消选择" οnclick="checkByBut(0)" /> <input type="button" value="反选" οnclick="checkByBut(2)" /> <input type="button" value="删除所选邮件" οnclick="del()" /> </th> <tr> </table> </body> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1281197912260362240"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script>  <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad">  <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div>  <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div>  <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(学习笔记)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1833470724686311424.htm" title="Python的Pillow（图像处理库）非常详细的学习笔记" target="_blank">Python的Pillow（图像处理库）非常详细的学习笔记</a> 深蓝海拓 <a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E8%A7%86%E8%A7%89/1.htm">机器视觉</a><a class="tag" taget="_blank" href="/search/pillow%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">pillow学习笔记</a><a class="tag" taget="_blank" href="/search/pillow/1.htm">pillow</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E8%A7%86%E8%A7%89/1.htm">计算机视觉</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%9B%BE%E5%83%8F%E5%A4%84%E7%90%86/1.htm">图像处理</a> <div>Python的Pillow库是一个非常强大的图像处理库。安装Pillow库：在终端或命令行中输入以下命令来安装Pillow：pipinstallpillow安装后查看是否安装成功以及当前版本pipshowPillow升级库：pipinstallpillow--upgrade 一些基础的应用1、图像文件方面的：打开文件1）直接打开文件：这种方式是最常见的直接打开图片文件的方法，以文件路径作为参数，P</div> </li> <li><a href="/article/1833470093330313216.htm" title="【跟上黑马学sql】学习笔记-MySQL-DQL-排序查询" target="_blank">【跟上黑马学sql】学习笔记-MySQL-DQL-排序查询</a> 学扎娃的小白 <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>DQL排序查询实例#创建一个表createtableemp4(idintcomment'编号',worknovarchar(10)comment'工号',namevarchar(5)comment'姓名',genderchar(1)comment'性别',agetinyintunsignedcomment'年龄',idcardchar(18)comment'身份证号',workaddressvar</div> </li> <li><a href="/article/1833452804040126464.htm" title="MySQL学习笔记2—基础+条件+排序+分组查询" target="_blank">MySQL学习笔记2—基础+条件+排序+分组查询</a> Jake_SunJG <a class="tag" taget="_blank" href="/search/MySQL%E5%AD%A6%E4%B9%A0/1.htm">MySQL学习</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>DQL语言学习—数据查询语言仅作为学习笔记，学习资源来源于B站视频：BV1xW411u7ax1.基础查询语法：select查询列表from表名特点：查询列表可以是：表中的字段、常量值、表达式、函数查询的结果是一个虚拟的表格USEmyemployees;#1.查询表中的单个字段SELECTlast_nameFROMemployees;#2.查询表中的多个字段，逗号分隔SELECTlast_name,</div> </li> <li><a href="/article/1833435267202117632.htm" title="Android-Jetpack架构组件（二）带你了解Lifecycle，给2021的移动开发一些建议" target="_blank">Android-Jetpack架构组件（二）带你了解Lifecycle，给2021的移动开发一些建议</a> flutter架构师 <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E7%A7%BB%E5%8A%A8%E5%BC%80%E5%8F%91/1.htm">移动开发</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>@OverrideprotectedvoidonResume(){super.onResume();myPresenter.onResume();}@OverrideprotectedvoidonPause(){super.onPause();myPresenter.onPause();}}classMyPresenter{《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战</div> </li> <li><a href="/article/1833387248733745152.htm" title="freemarker模板学习笔记" target="_blank">freemarker模板学习笔记</a> tryCbest <a class="tag" taget="_blank" href="/search/freemarker/1.htm">freemarker</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a> <div>文章目录freemarker常用指令if-elseif-else指令switch,case,default,break指令list,else,items,sep,break指令指令语法指令指令指令指令include指令基础知识带*的pathimport指令assign指令自定义指令参数嵌套内容宏和循环变量freemarker内置函数字符串内置函数数字内置函数哈希表内置函数序列内置函数循环变量内置函</div> </li> <li><a href="/article/1833382457106329600.htm" title="VSCode学习笔记" target="_blank">VSCode学习笔记</a> songyuc <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>1.快捷键KeyDescriptionPlatformF1打开命令面板（CommandPalette）Win10Shift+Delete剪切当前光标所在的代码行Win102.文件2.1在文件列表中定位当前文件操作路径：右键单击文件名⇒在右键菜单中点击【RevealinExplorerView】</div> </li> <li><a href="/article/1833348868046155776.htm" title="python学习笔记08_赋值运算、逻辑运算、表达式、短路原则" target="_blank">python学习笔记08_赋值运算、逻辑运算、表达式、短路原则</a> flamingocc <div>python笔记081.赋值运算符num+=1等价于num=num+1num-=1等价于num=num-1num*=1等价于num=num*1num/=1等价于num=num/1num//2等价于num=num//2num%=2等价于num/2的余数num**2等价于num=num*num2.逻辑运算符逻辑运算符包含：not、and、or2.1and的用法：(且、并且)写法：条件1and条件2eg</div> </li> <li><a href="/article/1833317426138279936.htm" title="Python学习笔记（三）：列表的定义、访问及修改" target="_blank">Python学习笔记（三）：列表的定义、访问及修改</a> RANDY_Sw <a class="tag" taget="_blank" href="/search/Python%E5%85%A5%E9%97%A8/1.htm">Python入门</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>今天学习了有关列表的定义、访问及修改的方法，在此整理一下。列表的定义与访问name_list=['zhangsan','lisi','wangwu']#创建一个列表name_list[0]='xiaobai'#修改列表中的单个元素print(name_list)#遍历的方式打印列表1foriteminname_list:print(item)#遍历的方式打印列表2i=0foriinrange(le</div> </li> <li><a href="/article/1833290068341649408.htm" title="C++学习笔记（14）" target="_blank">C++学习笔记（14）</a> 月夕花晨374 <a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>二、栈解旋异常被抛出后，从进入try语句块开始，到异常被抛出之前，这期间在栈上构造的所有对象，都会被自动析构。析构的顺序与构造的顺序相反。这一过程称为栈的解旋。也就是在执行throw前，在try执行期间构造的所有对象被自动析构后，才会进入catch匹配。在堆上构造的对象肿么办？三、异常规范C++98标准提出了异常规范，目的是为了让使用者知道函数可能会引发哪些异常。voidfunc1()throw(</div> </li> <li><a href="/article/1833278704869011456.htm" title="【毓秀红林】||君子和而不流（《中庸》学习笔记）" target="_blank">【毓秀红林】||君子和而不流（《中庸》学习笔记）</a> 毓秀红林 <div>第11课：君子和而不流读原文“天命之谓性，率性之谓道，修道之谓教。”各位同仁早上好！今天我们继续学习中庸与赢得客户的72个机会。今天我们学习的是中庸的第11小节：故君子和而不流，强哉矫！中立而不倚，强哉矫！国有道，不变塞焉，强哉矫！国无道，至死不变，强哉矫！悟原理：品德高尚的人，和光同尘而不随波逐流。这是真强大，保持中立而不偏不倚，这是真强大。国家政治清平时不改变志向，这是真正强大国家，艰难困苦时</div> </li> <li><a href="/article/1833273805884190720.htm" title="OpenCV计算机视觉学习（16）——仿射变换学习笔记" target="_blank">OpenCV计算机视觉学习（16）——仿射变换学习笔记</a> 牛马程序员24 <a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E8%A7%86%E8%A7%89/1.htm">计算机视觉</a><a class="tag" taget="_blank" href="/search/opencv/1.htm">opencv</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>OpenCV计算机视觉学习（16）——仿射变换学习笔记如果需要其他图像处理的文章及代码，请移步小编的GitHub地址传送门：请点击我如果点击有误：https://github.com/LeBron-Jian/ComputerVisionPractice在计算机视觉和图像处理中，仿射变换是一种重要的几何变换方法。它可以通过线性变换和平移来改变图像的形状和位置，广泛应用与图像校正，对象识别以及增强现实</div> </li> <li><a href="/article/1833264627069317120.htm" title="《沟通与职业素质》学习笔记2008年10月7日" target="_blank">《沟通与职业素质》学习笔记2008年10月7日</a> 斯媛创作室 <div>2008年10月21日星期二3.4节成功销售自己的七个步骤理解客户表情、手势的意义面试官喜欢的面试姿态空间须保留人与人之间永远有距离。每个人都有自己的空间。面试时，应试人和主试人必须保持一定的距离，留有适当的空间，不适当的距离会使主试人感到不舒服。如果应试人多，招聘单位一般会预先布置好面试室，把应试人坐的位置固定好。你进面试室后，不要随意将固定的椅子挪来挪去。有的人喜欢表现亲密，总是把椅子往前挪</div> </li> <li><a href="/article/1833256654213312512.htm" title="【学习笔记】透视HTTP协议（八）：请求方法详解" target="_blank">【学习笔记】透视HTTP协议（八）：请求方法详解</a> 叶阿猪 <a class="tag" taget="_blank" href="/search/%E6%8E%A5%E5%8F%A3%E6%B5%8B%E8%AF%95/1.htm">接口测试</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C/1.htm">计算机网络</a><a class="tag" taget="_blank" href="/search/HTTP/1.htm">HTTP</a><a class="tag" taget="_blank" href="/search/http/1.htm">http</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C/1.htm">计算机网络</a> <div>本文是一篇学习笔记，学习的课程是极客时间的《透视HTTP协议》。透视HTTP协议_HTTP_HTTPS-极客时间(geekbang.org)HTTP的请求方法（也称为HTTP动词或HTTP方法）定义了客户端如何与服务器进行交互。HTTP协议为这些请求方法提供了一套标准的语义，以便客户端可以明确地告诉服务器它想要执行的操作。以下是HTTP/1.1规范中定义的几种主要的请求方法及其用途。目录一、标准请</div> </li> <li><a href="/article/1833249594809610240.htm" title="存储课程学习笔记3_读写nvme磁盘（清除脏数据，struct nvme_user_io和ioctl进行读写，struct block_device内核提供接口读写）" target="_blank">存储课程学习笔记3_读写nvme磁盘（清除脏数据，struct nvme_user_io和ioctl进行读写，struct block_device内核提供接口读写）</a> yun6853992 <a class="tag" taget="_blank" href="/search/dpdk%E5%AD%A6%E4%B9%A0/1.htm">dpdk学习</a><a class="tag" taget="_blank" href="/search/nvme/1.htm">nvme</a> <div>上篇文章实现在内核模块下插入一个文件系统，实现对磁盘或者目录进行对应格式化（mount）绑定文件系统后，已经可以正常使用。接下来了解对nvme磁盘的控制。0：总结1：初始化nvme磁盘，清空脏数据dd指令2：structnvme_user_io结构体+ioctl实现直接控制nvme磁盘。了解block块3：借助内核接口插入内核模块实现对nvme磁盘的访问。（structblock_device对象</div> </li> <li><a href="/article/1833235851002343424.htm" title="存储课程学习笔记1_访问scsi磁盘读写测试（struct sg_io_hdr，ioctl，mmap）" target="_blank">存储课程学习笔记1_访问scsi磁盘读写测试（struct sg_io_hdr，ioctl，mmap）</a> yun6853992 <a class="tag" taget="_blank" href="/search/dpdk%E5%AD%A6%E4%B9%A0/1.htm">dpdk学习</a><a class="tag" taget="_blank" href="/search/scsi/1.htm">scsi</a> <div>创建虚拟机时，可以选择SCSI,STAT,NVME不同类型的磁盘。0：总结===》了解内核提供的访问scsi的结构和方法（主要是sg_io_hdr_t结构体和ioctl函数）。===》需要读scsi协议文档，了解相关指令，只演示了16字节固定长度读和写指令。===》了解mmap，直接映射磁盘可以实现读写功能。1：简单了解概念。sata是串行接口，访问sata设备,除了使用控制指令（原语交互），就是</div> </li> <li><a href="/article/1833212149883826176.htm" title="【学习笔记】无人机系统（UAS）的连接、识别和跟踪（十一）-无人机A2X功能和特性" target="_blank">【学习笔记】无人机系统（UAS）的连接、识别和跟踪（十一）-无人机A2X功能和特性</a> 瑶光守护者 <a class="tag" taget="_blank" href="/search/5G-A/1.htm">5G-A</a><a class="tag" taget="_blank" href="/search/%E6%97%A0%E4%BA%BA%E6%9C%BA/1.htm">无人机</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E6%97%A0%E4%BA%BA%E6%9C%BA/1.htm">无人机</a><a class="tag" taget="_blank" href="/search/3GPP/1.htm">3GPP</a><a class="tag" taget="_blank" href="/search/5G/1.htm">5G</a> <div>目录引言6.2高级功能和特性6.2.1A2X通信的授权和配置6.2.2A2X通信6.2.3A2X应用服务器发现6.2.4A2X通信的QoS处理6.2.5A2X服务订阅6.2.6标识符6.2.7EPSA2X与5GSA2X之间的互操作性6.2.8A2X使用的MBS服务描述引言3GPPTS23.256技术规范，主要定义了3GPP系统对无人机（UAV）的连接性、身份识别、跟踪及A2X（Aircraft-t</div> </li> <li><a href="/article/1833212023647858688.htm" title="【学习笔记】无人机系统（UAS）的连接、识别和跟踪（五）-无人机跟踪" target="_blank">【学习笔记】无人机系统（UAS）的连接、识别和跟踪（五）-无人机跟踪</a> 瑶光守护者 <a class="tag" taget="_blank" href="/search/5G-A/1.htm">5G-A</a><a class="tag" taget="_blank" href="/search/%E6%97%A0%E4%BA%BA%E6%9C%BA/1.htm">无人机</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E6%97%A0%E4%BA%BA%E6%9C%BA/1.htm">无人机</a><a class="tag" taget="_blank" href="/search/3GPP/1.htm">3GPP</a><a class="tag" taget="_blank" href="/search/5G/1.htm">5G</a> <div>目录引言5.3无人机跟踪5.3.1无人机跟踪模型5.3.2无人机位置报告流程5.3.3无人机存在监测流程引言3GPPTS23.256技术规范，主要定义了3GPP系统对无人机（UAV）的连接性、身份识别、跟踪及A2X（Aircraft-to-Everything）服务的支持。3GPPTS23.256技术规范：【免费】3GPPTS23.256技术报告-无人机系统（UAS）的连接、识别和跟踪资源-CSD</div> </li> <li><a href="/article/1833211896224903168.htm" title="【学习笔记】3GPP支持无人机的关键技术以及场景-3GPP TS 22.125技术报告" target="_blank">【学习笔记】3GPP支持无人机的关键技术以及场景-3GPP TS 22.125技术报告</a> 瑶光守护者 <a class="tag" taget="_blank" href="/search/5G-A/1.htm">5G-A</a><a class="tag" taget="_blank" href="/search/%E6%97%A0%E4%BA%BA%E6%9C%BA/1.htm">无人机</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E6%97%A0%E4%BA%BA%E6%9C%BA/1.htm">无人机</a><a class="tag" taget="_blank" href="/search/3GPP/1.htm">3GPP</a><a class="tag" taget="_blank" href="/search/5G/1.htm">5G</a> <div>目录引言1范围2引用3定义、符号和缩写4UAS概述5无人机系统（UAS）远程识别要求6无人机使用要求引言这份文件是3GPPTS22.125V19.2.0，主要定义了3GPP系统对无人飞行器（UAV）及其系统（UAS）的支持要求，包括远程识别、使用场景、性能要求等。以下是文件的核心内容：3GPPTS22.125V19.2.0资源下载：【免费】3GPPTS22.125V19.2.0(2024-06)U</div> </li> <li><a href="/article/1833211897265090560.htm" title="【学习笔记】无人机系统（UAS）的连接、识别和跟踪（二）-定义和缩写" target="_blank">【学习笔记】无人机系统（UAS）的连接、识别和跟踪（二）-定义和缩写</a> 瑶光守护者 <a class="tag" taget="_blank" href="/search/5G-A/1.htm">5G-A</a><a class="tag" taget="_blank" href="/search/%E6%97%A0%E4%BA%BA%E6%9C%BA/1.htm">无人机</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E6%97%A0%E4%BA%BA%E6%9C%BA/1.htm">无人机</a><a class="tag" taget="_blank" href="/search/%E7%89%A9%E8%81%94%E7%BD%91/1.htm">物联网</a><a class="tag" taget="_blank" href="/search/3GPP/1.htm">3GPP</a><a class="tag" taget="_blank" href="/search/5G/1.htm">5G</a> <div>引言3GPPTS23.256技术规范，主要定义了3GPP系统对无人机（UAV）的连接性、身份识别、跟踪及A2X（Aircraft-to-Everything）服务的支持。3GPPTS23.256技术规范：【免费】3GPPTS23.256技术报告-无人机系统（UAS）的连接、识别和跟踪资源-CSDN文库3.定义和缩写3.1定义就本文件而言，适用TR21.905[1]中给出的术语和定义以及以下内容。如</div> </li> <li><a href="/article/1833211644105289728.htm" title="【学习笔记】无人机（UAV）在3GPP系统中的增强支持(四)-无人机系统（UAS）命令与控制（C2）通信用例" target="_blank">【学习笔记】无人机（UAV）在3GPP系统中的增强支持(四)-无人机系统（UAS）命令与控制（C2）通信用例</a> 瑶光守护者 <a class="tag" taget="_blank" href="/search/5G-A/1.htm">5G-A</a><a class="tag" taget="_blank" href="/search/%E6%97%A0%E4%BA%BA%E6%9C%BA/1.htm">无人机</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/3GPP/1.htm">3GPP</a><a class="tag" taget="_blank" href="/search/%E7%89%A9%E8%81%94%E7%BD%91/1.htm">物联网</a><a class="tag" taget="_blank" href="/search/%E6%97%A0%E4%BA%BA%E6%9C%BA/1.htm">无人机</a><a class="tag" taget="_blank" href="/search/5G/1.htm">5G</a> <div>引言本文是3GPPTR22.829V17.1.0技术报告，专注于无人机（UAV）在3GPP系统中的增强支持。文章提出了多个无人机应用场景，分析了相应的能力要求，并建议了新的服务级别要求和关键性能指标（KPIs）。下载资源：3GPPTR22.829R17EnhancementforUnmannedAerialVehicles资源-CSDN文库主要内容包括：无人机高清视频直播：支持4K乃至8K视频实时</div> </li> <li><a href="/article/1833194002875248640.htm" title="JDBC 调用函数或存储过程" target="_blank">JDBC 调用函数或存储过程</a> 指间Hrc <div>语法结构：调用函数：{?=call[(,,...)]}调用存储过程：{call[(,,...)]}案例：创建一个函数：通过JDBC调用函数：1、执行调用函数的SQL语句2、首先注册OUT占位符的类型，再对指定的INT类型传入参数2、获取输出结构的值调用存储过程和调用函数一样，就是语法结构有点区别。以上为本人的一些学习笔记，如有出错欢迎指正，陆续更新！！！</div> </li> <li><a href="/article/1833184116611313664.htm" title="pwn学习笔记（8）--初识Pwn沙箱" target="_blank">pwn学习笔记（8）--初识Pwn沙箱</a> 晓幂 <a class="tag" taget="_blank" href="/search/Pwn/1.htm">Pwn</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>初识Pwn沙箱沙箱机制，英文sandbox，是计算机领域的虚拟技术，常见于安全方向。一般说来，我们会将不受信任的软件放在沙箱中运行，一旦该软件有恶意行为，则禁止该程序的进一步运行，不会对真实系统造成任何危害。安全计算模式seccomp（SecureComputingMode）在Linux2.6.10之后引入到kernel的特性，可用其实现一个沙箱环境。使用seccomp模式可以定义系统调用白名单和</div> </li> <li><a href="/article/1833184117219487744.htm" title="pwn学习笔记（9）-中级ROP--ret2csu" target="_blank">pwn学习笔记（9）-中级ROP--ret2csu</a> 晓幂 <a class="tag" taget="_blank" href="/search/Pwn/1.htm">Pwn</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>pwn学习笔记（9）-中级ROP–ret2csu前置知识首先是64位文件的传参方式：前六个参数是从左到右放入寄存器：rdi、rsi、rdx、rcx、r8、r9，之后的通过栈传参。比如：传参函数大于7个：H(a,b,c,d,e,f,g,h)a->%rdi、b->%rsi、c->%rdx、d->%rcx、e->%r8、f->%r9h->(%esp)g->(%esp)callH先看看如下代码：#incl</div> </li> <li><a href="/article/1833166850968612864.htm" title="C++学习笔记（12）" target="_blank">C++学习笔记（12）</a> 月夕花晨374 <a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>194、智能指针shared_ptrshared_ptr共享它指向的对象，多个shared_ptr可以指向（关联）相同的对象，在内部采用计数机制来实现。当新的shared_ptr与对象关联时，引用计数增加1。当shared_ptr超出作用域时，引用计数减1。当引用计数变为0时，则表示没有任何shared_ptr与对象关联，则释放该对象。一、基本用法shared_ptr的构造函数也是explicit</div> </li> <li><a href="/article/1833149204227256320.htm" title="嵌入式小白跟随江科大学习笔记 -- 2024.4.8" target="_blank">嵌入式小白跟随江科大学习笔记 -- 2024.4.8</a> HUOHUAAARSGJKD <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>一、PWR电源控制PWR简介•PWR（PowerControl）电源控制•PWR负责管理STM32内部的电源供电部分，可以实现可编程电压监测器和低功耗模式的功能•可编程电压监测器（PVD）可以监控VDD电源电压，当VDD下降到PVD阀值以下或上升到PVD阀值之上时，PVD会触发中断，用于执行紧急关闭任务，在使用电池供电并需要高安全性的设备时监测其电压，在电压下降的时候停止运行，防备意外•低功耗模式</div> </li> <li><a href="/article/1833130424776355840.htm" title="【js学习笔记】“花密”算法本地化" target="_blank">【js学习笔记】“花密”算法本地化</a> goocheez <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>需求花密(https://flowerpassword.com)是一种轻量级的密码管理工具，通过仅记忆一个私人密码，利用不同关键字实时生成相应的密码，来避免不同网站使用同样的密码，以及避免记忆多个网站的多个密码。花密目前仅提供网页页面，每次需要密码的时候，还要联网打开页面，有时也不太方便。因此希望将花密迁移到本地使用，比如直接在命令行里面输入passwordss就可以获得最终密码。用flowerp</div> </li> <li><a href="/article/1833124041670619136.htm" title="2023-01-11人生愿望第73/100天#Monself#学习笔记#模块7：应付突发#缓解焦虑" target="_blank">2023-01-11人生愿望第73/100天#Monself#学习笔记#模块7：应付突发#缓解焦虑</a> 萧瑟归去 <div>一、焦虑的场景二十几个未读信息：有来自老板的任务、有来自客户的需求、有来自同事的任务，这时候你感觉到血一下往头上涌理想与现实之间的落差，就会产生焦虑理想状态是希望快速把所有的任务都解决掉，按时下班现实状态是大概率要加班了中间状态的落差就是焦虑这种焦虑在职场中很常见二、缓解焦虑的两个误区1.拒绝承认焦虑的存在：比如说考试前很焦虑别人说：没事没事，你复习那么久，肯定能考过的我们思想上拒绝成人焦虑的存在</div> </li> <li><a href="/article/1833087940742443008.htm" title="【Git 学习笔记_25】Git 实用冷门操作技巧（五）—— Git 忽略文件的设置" target="_blank">【Git 学习笔记_25】Git 实用冷门操作技巧（五）—— Git 忽略文件的设置</a> 安冬的码畜日常 <a class="tag" taget="_blank" href="/search/Git/1.htm">Git</a><a class="tag" taget="_blank" href="/search/Version/1.htm">Version</a><a class="tag" taget="_blank" href="/search/Control/1.htm">Control</a><a class="tag" taget="_blank" href="/search/Cookbook/1.htm">Cookbook</a><a class="tag" taget="_blank" href="/search/2/1.htm">2</a><a class="tag" taget="_blank" href="/search/git/1.htm">git</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>文章目录11.11忽略文件11.12展示与清理忽略文件专栏收尾本节所在位置：活用gitstash（一）保存并应用stash（一）用gitbisect进行调试（二）使用gitblame命令（二）设置彩色命令行界面（三）自动补全（三）让Bash自带状态信息（三）更多别名设置（四）交互式新增提交（四）忽略文件（五）✔️展示与清理忽略文件（五）✔️11.11忽略文件所谓忽略文件，通常是指源码产生的编译文件</div> </li> <li><a href="/article/1833082764736425984.htm" title="编程学习笔记秘籍：开启高效学习之旅" target="_blank">编程学习笔记秘籍：开启高效学习之旅</a> 青云交 <a class="tag" taget="_blank" href="/search/java%E5%AD%A6%E4%B9%A0/1.htm">java学习</a><a class="tag" taget="_blank" href="/search/%E6%95%99%E5%AD%A6/1.htm">教学</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E4%BC%A0%E7%BB%9F%E7%BA%B8%E8%B4%A8%E7%AC%94%E8%AE%B0%E6%9C%AC/1.htm">传统纸质笔记本</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0%E5%B7%A5%E5%85%B7%E9%80%89%E6%8B%A9/1.htm">笔记工具选择</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0%E7%BB%93%E6%9E%84%E8%AE%BE%E8%AE%A1/1.htm">笔记结构设计</a><a class="tag" taget="_blank" href="/search/%E5%AE%9E%E8%B7%B5%E4%B8%8E%E5%A4%8D%E4%B9%A0%E7%AD%96%E7%95%A5/1.htm">实践与复习策略</a><a class="tag" taget="_blank" href="/search/%E6%8E%8C%E6%8F%A1%E4%BA%86%E9%AB%98%E6%95%88%E8%AE%B0%E5%BD%95%E5%B9%B6%E6%95%B4%E7%90%86%E7%AC%94%E8%AE%B0%E7%9A%84%E6%96%B9%E6%B3%95/1.htm">掌握了高效记录并整理笔记的方法</a> <div>目录引言：正文：方向一：笔记工具选择传统纸质笔记本电子文档类工具（如MicrosoftWord、WPS等）专业编程笔记软件（如Notion、Evernote等）在线代码托管平台（如GitHub、GitLab等）方向二：笔记结构设计分类标签化建立知识关联方向三：实践与复习策略实践复习策略结束语：引言：“计算机科学教育不能使人成为程序员，就像学画笔和颜料不能使人成为画家一样。”——埃里克·雷蒙德。在当</div> </li> <li><a href="/article/1833068312771260416.htm" title="学习笔记-光伏太阳能并网发电系统" target="_blank">学习笔记-光伏太阳能并网发电系统</a> 松舍问霞 <div>一、光伏电池原理光伏电池是一种基于半导体材料光生伏特效应、具有将阳光的能量直接转换成电能输出功能的半导体器件。多数光伏电池属PN结型光伏电池。PN结区附近电子和空穴相互扩散，在PN结区形成一个由N区指向P区的内建电场。太阳光线被光伏电池吸收，具有足够能量的光子在P型硅和N型硅中将电子从共价键中激发出来，产生电子-空穴对。PN结附近的电子和空穴复合之前，被内建电场相互分离，使电子向带正电的N区（受光</div> </li> <li><a href="/article/31.htm" title="312个免费高速HTTP代理IP（能隐藏自己真实IP地址）" target="_blank">312个免费高速HTTP代理IP（能隐藏自己真实IP地址）</a> yangshangchuan <a class="tag" taget="_blank" href="/search/%E9%AB%98%E9%80%9F/1.htm">高速</a><a class="tag" taget="_blank" href="/search/%E5%85%8D%E8%B4%B9/1.htm">免费</a><a class="tag" taget="_blank" href="/search/superword/1.htm">superword</a><a class="tag" taget="_blank" href="/search/HTTP%E4%BB%A3%E7%90%86/1.htm">HTTP代理</a> <div> 124.88.67.20:843 190.36.223.93:8080 117.147.221.38:8123 122.228.92.103:3128 183.247.211.159:8123 124.88.67.35:81 112.18.51.167:8123 218.28.96.39:3128 49.94.160.198:3128 183.20</div> </li> <li><a href="/article/158.htm" title="pull解析和json编码" target="_blank">pull解析和json编码</a> 百合不是茶 <a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/pull%E8%A7%A3%E6%9E%90/1.htm">pull解析</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a> <div>n.json文件: [{name:java,lan:c++,age:17},{name:android,lan:java,age:8}] pull.xml文件 <?xml version="1.0" encoding="utf-8"?> <stu> <name>java</div> </li> <li><a href="/article/285.htm" title="[能源与矿产]石油与地球生态系统" target="_blank">[能源与矿产]石油与地球生态系统</a> comsci <a class="tag" taget="_blank" href="/search/%E8%83%BD%E6%BA%90/1.htm">能源</a> <div> 按照苏联的科学界的说法,石油并非是远古的生物残骸的演变产物,而是一种可以由某些特殊地质结构和物理条件生产出来的东西,也就是说,石油是可以自增长的.... 那么我们做一个猜想: 石油好像是地球的体液,我们地球具有自动产生石油的某种机制,只要我们不过量开采石油,并保护好</div> </li> <li><a href="/article/412.htm" title="类与对象浅谈" target="_blank">类与对象浅谈</a> 沐刃青蛟 <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%9F%BA%E7%A1%80/1.htm">基础</a> <div> 类，字面理解，便是同一种事物的总称，比如人类，是对世界上所有人的一个总称。而对象，便是类的具体化，实例化，是一个具体事物，比如张飞这个人，就是人类的一个对象。但要注意的是：张飞这个人是对象，而不是张飞，张飞只是他这个人的名字，是他的属性而已。而一个类中包含了属性和方法这两兄弟，他们分别用来描述对象的行为和性质（感觉应该是</div> </li> <li><a href="/article/539.htm" title="新站开始被收录后，我们应该做什么？" target="_blank">新站开始被收录后，我们应该做什么？</a> IT独行者 <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/seo/1.htm">seo</a> <div>新站开始被收录后，我们应该做什么？百度终于开始收录自己的网站了，作为站长，你是不是觉得那一刻很有成就感呢，同时，你是不是又很茫然，不知道下一步该做什么了？至少我当初就是这样，在这里和大家一份分享一下新站收录后，我们要做哪些工作。至于如何让百度快速收录自己的网站，可以参考我之前的帖子《新站让百</div> </li> <li><a href="/article/666.htm" title="oracle 连接碰到的问题" target="_blank">oracle 连接碰到的问题</a> 文强chu <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>Unable to find a java Virtual Machine－－安装64位版Oracle11gR2后无法启动SQLDeveloper的解决方案作者：草根IT网来源：未知人气：813标签：导读：安装64位版Oracle11gR2后发现启动SQLDeveloper时弹出配置java.exe的路径，找到Oracle自带java.exe后产生的路径“C:\app\用户名\prod</div> </li> <li><a href="/article/793.htm" title="Swing中按ctrl键同时移动鼠标拖动组件（类中多借口共享同一数据）" target="_blank">Swing中按ctrl键同时移动鼠标拖动组件（类中多借口共享同一数据）</a> 小桔子 <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%BB%A7%E6%89%BF/1.htm">继承</a><a class="tag" taget="_blank" href="/search/swing/1.htm">swing</a><a class="tag" taget="_blank" href="/search/%E6%8E%A5%E5%8F%A3/1.htm">接口</a><a class="tag" taget="_blank" href="/search/%E7%9B%91%E5%90%AC/1.htm">监听</a> <div> 都知道java中类只能单继承，但可以实现多个接口，但我发现实现多个接口之后，多个接口却不能共享同一个数据，应用开发中想实现：当用户按着ctrl键时，可以用鼠标点击拖动组件，比如说文本框。编写一个监听实现KeyListener,NouseListener,MouseMotionListener三个接口，重写方法。定义一个全局变量boolea</div> </li> <li><a href="/article/920.htm" title="linux常用的命令" target="_blank">linux常用的命令</a> aichenglong <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4/1.htm">常用命令</a> <div>1 startx切换到图形化界面 2 man命令:查看帮助信息 man 需要查看的命令,man命令提供了大量的帮助信息,一般可以分成4个部分 name:对命令的简单说明 synopsis:命令的使用格式说明 description:命令的详细说明信息 options:命令的各项说明 3 date:显示时间语法：date [OPTION]... [+FORMAT] </div> </li> <li><a href="/article/1047.htm" title="eclipse内存优化" target="_blank">eclipse内存优化</a> AILIKES <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a> <div>一基本说明在JVM中，总体上分2块内存区,默认空余堆内存小于 40%时，JVM就会增大堆直到-Xmx的最大限制；空余堆内存大于70%时，JVM会减少堆直到-Xms的最小限制。 1)堆内存(Heap memory):堆是运行时数据区域，所有类实例和数组的内存均从此处分配,是Java代码可及的内存，是留给开发人</div> </li> <li><a href="/article/1174.htm" title="关键字的使用探讨" target="_blank">关键字的使用探讨</a> 百合不是茶 <a class="tag" taget="_blank" href="/search/%E5%85%B3%E9%94%AE%E5%AD%97/1.htm">关键字</a> <div>//关键字的使用探讨/*访问关键词private 只能在本类中访问public 只能在本工程中访问protected 只能在包中和子类中访问默认的只能在包中访问*//*final 类方法变量 final 类不能被继承 final 方法不能被子类覆盖，但可以继承 final 变量只能有一次赋值，赋值后不能改变 final 不能用来修饰构造方法*///this()</div> </li> <li><a href="/article/1301.htm" title="JS中定义对象的几种方式" target="_blank">JS中定义对象的几种方式</a> bijian1013 <a class="tag" taget="_blank" href="/search/js/1.htm">js</a> <div> 1. 基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)： <html> <head> <title>基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)</title> </head> <script> var obj = new Object(); </div> </li> <li><a href="/article/1428.htm" title="表驱动法实例" target="_blank">表驱动法实例</a> bijian1013 <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%A1%A8%E9%A9%B1%E5%8A%A8%E6%B3%95/1.htm">表驱动法</a><a class="tag" taget="_blank" href="/search/TDD/1.htm">TDD</a> <div>获得月的天数是典型的直接访问驱动表方式的实例，下面我们来展示一下： MonthDaysTest.java package com.study.test; import org.junit.Assert; import org.junit.Test; import com.study.MonthDays; public class MonthDaysTest { @T</div> </li> <li><a href="/article/1555.htm" title="LInux启停重启常用服务器的脚本" target="_blank">LInux启停重启常用服务器的脚本</a> bit1129 <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>启动，停止和重启常用服务器的Bash脚本，对于每个服务器，需要根据实际的安装路径做相应的修改 #! /bin/bash Servers=(Apache2, Nginx, Resin, Tomcat, Couchbase, SVN, ActiveMQ, Mongo); Ops=(Start, Stop, Restart); currentDir=$(pwd); echo</div> </li> <li><a href="/article/1682.htm" title="【HBase六】REST操作HBase" target="_blank">【HBase六】REST操作HBase</a> bit1129 <a class="tag" taget="_blank" href="/search/hbase/1.htm">hbase</a> <div>HBase提供了REST风格的服务方便查看HBase集群的信息，以及执行增删改查操作 1. 启动和停止HBase REST 服务 1.1 启动REST服务前台启动（默认端口号8080） [hadoop@hadoop bin]$ ./hbase rest start 后台启动 hbase-daemon.sh start rest 启动时指定</div> </li> <li><a href="/article/1809.htm" title="大话zabbix 3.0设计假设" target="_blank">大话zabbix 3.0设计假设</a> ronin47 <div>What’s new in Zabbix 2.0? 去年开始使用Zabbix的时候，是1.8.X的版本，今年Zabbix已经跨入了2.0的时代。看了2.0的release notes，和performance相关的有下面几个： :: Performance improvements::Trigger related da</div> </li> <li><a href="/article/1936.htm" title="http错误码大全" target="_blank">http错误码大全</a> byalias <a class="tag" taget="_blank" href="/search/http%E5%8D%8F%E8%AE%AE/1.htm">http协议</a><a class="tag" taget="_blank" href="/search/javaweb/1.htm">javaweb</a> <div>响应码由三位十进制数字组成，它们出现在由HTTP服务器发送的响应的第一行。响应码分五种类型，由它们的第一位数字表示： 1）1xx：信息，请求收到，继续处理 2）2xx：成功，行为被成功地接受、理解和采纳 3）3xx：重定向，为了完成请求，必须进一步执行的动作 4）4xx：客户端错误，请求包含语法错误或者请求无法实现 5）5xx：服务器错误，服务器不能实现一种明显无效的请求 </div> </li> <li><a href="/article/2063.htm" title="J2EE设计模式-Intercepting Filter" target="_blank">J2EE设计模式-Intercepting Filter</a> bylijinnan <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a> <div>Intercepting Filter类似于职责链模式有两种实现其中一种是Filter之间没有联系，全部Filter都存放在FilterChain中，由FilterChain来有序或无序地把把所有Filter调用一遍。没有用到链表这种数据结构。示例如下： package com.ljn.filter.custom; import java.util.ArrayList;</div> </li> <li><a href="/article/2190.htm" title="修改jboss端口" target="_blank">修改jboss端口</a> chicony <a class="tag" taget="_blank" href="/search/jboss/1.htm">jboss</a> <div>修改jboss端口 %JBOSS_HOME%\server\{服务实例名}\conf\bindingservice.beans\META-INF\bindings-jboss-beans.xml 中找到  </div> </div> </footer>  <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>