Programmer.杨

HTML5之基础、元信息标签

声明位于文档中最前面的位置，处于标签之前。声明不是一个HTML标签，它是告知Web浏览器该页面使用了哪种HTML版本（规范），浏览器用此版本（规范）对该文档进行解析，渲染。
可声明的 DTD 有三种：分别是严格版本（strict）、过渡版本（transitional）、以及基于框架的版本（frameset），若文档不遵循其DTD规范，则此文档中的代码不但不能通过代码校验，并且有可能无法正常显示。


<html>
	<head>
		
		<meta charset="utf-8"> 
		<title>文档标题title>
	head> 
	<body>
		文档内容......
	body>
html>

标签的使用

在以上声明中，此文档的根元素被声明为HTML，他在公共标识符被定义为 “-//W3C//DTD HTML 4.01//EN” 的DTD中进行了定义，浏览器会明白如何寻找与该公共标识符匹配的DTD，如果找不到，浏览器将会使用公共标识符后面的 URL 来寻找DTD的位置。

-/+："-“表示组织名称未注册，Internet 工程任务组(IETF)和万维网协会(W3C)并非注册的 ISO 组织，”+"表示组织名称已注册；
DTD：指公开文本类，即所用的对象类型。默认为DTD；
HTML：公开文本描述，即对所引用的公开文本的唯一描述性名称。后面可附带版本号。默认为HTML；
URL：指定所引用对象的位置。

HTML的文档类型

HTML4.01 的文档类型

HTML 4.01 规定了三种文档类型：Strict、Transitional 以及 Frameset

严格版本（strict） 的DTD 包含所有 HTML 元素和属性，但不包括表象或过时的元素（如 font ）。框架集是不允许的。

过渡版本（transitional） 的DTD 包含所有 HTML 元素和属性，包括表象或过时的元素（eg:font ），框架集是不允许的。

基于框架的版本（frameset） 的DTD 与 HTML 4.01 Transitional 相同，但是允许使用框架集内容。

HTML5 的文档类型

HTML4.01 中的DOCTYPE需要对 DTD 进行引用，因为 HTML4.01 基于 SGML。而 HTML5 不基于SGML，因此不需要对 DTD 进行引用，但是需要DOCTYPE来规范浏览器的行为（让浏览器按照它们应该的方式来运行）。

XHTML1.0 的文档类型

XHTML 1.0 规定了三种文档类型：Strict、Transitional 以及 Frameset

严格版本（strict） 的DTD 包含所有 HTML 元素和属性，但不包括表象或过时的元素（如 font ）。框架集是不允许的。结构必须按标准格式的 XML 进行书写。

过渡版本（transitional） 的DTD 包含所有 HTML 元素和属性，包括表象或过时的元素（如 font ）。框架集是不允许的。结构必须按标准格式的 XML 进行书写。

基于框架的版本（frameset） 的DTD 与 XHTML 1.0 Transitional 相同，但是允许使用框架集内容。

XHTML 1.1 的文档类型

该DTD 与 XHTML 1.0 Strict 相同，但是允许您添加模块（例如为东亚语言提供 ruby 支持）。

三种类型文档的区别

严格版本:
它将文档结构与表现形式实现了更高的分离，所以，页面的外观要用CSS来控制。

过渡版本:
它包含了HTML4.01版本的全部标记，方便网页开发者顺利地从HTML的使用过渡到XHTML

基于框架的版本:
它使用<frameset>以框架的形式将网页分为多个文档。W3C是推荐使用XHTML的，而且使用XHTML的话可以更顺利地通过W3C对网页页面的验证

注意

1. 页面引用哪种规范就要用那种规范允许或推荐使用的标签。

       2. 如果没有指定有效的DOCTYPE声明，大多数浏览器都会使用一个内建的默认dtd。在这种情况下，浏览器会用内建的dtd来试着显示你所指定的标记，这将违背HTML规范的意义，不建议使用这种方式。
       3. 当doctype申明缺失或者格式不正确时，文档会以兼容模式呈现。
           标准模式：排版以及js运行模式都是以浏览器支持的最高标准运行；
           兼容模式：页面以宽松的向后兼容（向老版本兼容）方式显示，模拟老浏览器的行为防止（老）站点无法正常工作。

其他

是 HTML5 中唯一的 DOCTYPE，也被视作将网页 “升级” 到HTML5的第一步。很多国外网站的 <!DOCTYPE html>和<HEAD>之间都会有一段注释,如:

<!—[if IE 6 ]><html class="ie ielt9 ielt8 ielt7 ie6" lang="en-US"><![endif]—>
<!—[if IE 7 ]><html class="ie ielt9 ielt8 ie7" lang="en-US"><![endif]—>
<!—[if IE 8 ]><html class="ie ielt9 ie8" lang="en-US"><![endif]—>
<!—[if IE 9 ]><html class="ie ie9" lang="en-US"><![endif]—>
<!—[if (gt IE 9)|!(IE)]><!—><html lang="en-US"><![endif]—>

该代码作用于CSS，来写一些针对IE各版本的样式差异。先判断用户用的哪个IE版本，然后在标签上加上该版本的 class，这样可以方便 hack。这是目前最好的 hack 方式之一。
css 文件是这样写的：

.ie6 xxx {};
.ie7 xxx {};

常用属性：
         [manifest]：定义一个URL，该URL上记录了此文档的缓存信息
作用：
         该标签用来告知浏览器这是一个HTML文档，浏览器在读取该标签后将会以HTML的规则对此文档进行解析
说明：
         在一个HTML文档中一般会在该标签中添加 [lang] ，用来指定该文档语言类型，常见的语言代码中文：zh    中文简体：zh-CN    中文繁体：zh-TW    中国香港：zh-HK    中国澳门：zh-MO    英语：en    法语：fr    德语：de    俄语：ru  考虑浏览器和操作系统的兼容性，目前仍然使用zh-CN
全局属性： 支持
事件属性： 不支持


<html lang="zh-CN">html>

作用：
元素是所有头部元素的容器。
说明：
该标签内添加了多种内容，这些内容不会展示到页面中去，而对于文档来说却至关重要。它必须包含文档的标题，可以包含脚本(script)、样式(style,link)、 meta(元信息) 以及其他更多的信息。 全局属性： 支持 事件属性： 不支持 注意： 一个HTML文档只有一个head标签 <pre><code class="prism language-html"><!DOCTYPE html> <html lang="zh-CN"> <head></head> </html> </code></pre> <h2><meta>标签</h2> 常用属性： [name]： 定义网页关键字、作者、描述等信息，有利于搜索引擎分类和查找 [content]： 与name或者http-equiv对应，此标签内含有name所声明类型的具体内容 [charset]： 定义该文档编码所用的字符集，告知浏览器以何种字符集来解析此文档 [http-equiv]： 把content属性关联到HTTP头部 作用： 该标签提供了HTML文档的元数据，这些内容同样不会展示到页面中去，对于文档来说同样至关重要 全局属性： 不支持 事件属性： 不支持 详见： <meta>标签详解 <pre><code class="prism language-html"><!DOCTYPE html> <html lang="zh-CN"> <head>  <meta charset="UTF-8"/>  <meta name="author" content="xbyang"/>  <meta name="keywords" content="study, webpage, first, hello world"/>  <meta name="description" content="this is a template webpage!"/>  <meta name="robots" content="all"/>  <meta name="generator" content="WebStorm 2019.2"/>  <meta name="COPYRIGHT" content="xbyang"/>  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">  <meta http-equiv="expires" content="Fri May 13 2019 21:39:42 GMT+0800 (CST)" />  <meta http-equiv="content-Type" content="text/html;charset=gb2312" />  <meta http-equiv="Window-target" content="top" />  <meta http-equiv="Pragma" content="no-cache" />  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  <meta http-equiv="X-UA-Compatible" content="IE=7">  <meta http-equiv="X-UA-Compatible" content="IE=8">  <meta http-equiv="X-UA-Compatible" content="IE=edge">  <meta http-equiv="X-UA-Compatible" content="IE=7,IE=9"> <meta http-equiv="X-UA-Compatible" content="IE=7,9"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">  <meta http-equiv="x-dns-prefetch-control" content="on"> <link rel="dns-prefetch" href="//img.alicdn.com"> <title>HTML学习</title> </head> </html> </code></pre> <h2><base>标签</h2> 常用属性： [href]： 该属性指定了页面上所有链接的默认URL，换句话说，文档所有url在调用资源时都会先去找他要地址，不论本身是否定义了url，可理解为url拼接 [target]： 该属性指定了页面上所有打开新页面的方式 作用： 为页面上的所有的相对链接规定默认URL或默认目标 说明： 如果使用了该标签，则必须具备href属性或者target属性或者两个属性都具备，另外target会被行内的target属性覆盖掉 全局属性： 支持 事件属性： 不支持 <pre><code class="prism language-html"><!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"/> <title>HTML学习</title> <base href="http://localhost/8080/demo/" target="_blank"/> </head> </html> </code></pre> <h2><title>标签</h2> 作用： 1.定义浏览器工具栏中的标题 2.提供页面被添加到收藏夹时的标题 3.显示在搜索引擎结果中的页面标题 全局属性： 支持 事件属性： 不支持 注意： 1.一个HTML文档中不能有一个以上的title标签 2.如果遗漏了title标签，文档作为 HTML 是无效的 <pre><code class="prism language-html"><!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"/> <title>HTML学习</title> </head> </html> </code></pre> <h2><body>标签</h2> 作用： 标签定义文档的主体 说明： 该标签包含文档对外可见的所有内容（比如文本、超链接、图像、表格和列表等等） 全局属性： 支持 事件属性： 支持 注意： 1.在一个HTML文档中，只允许存在一个，虽然文档有时在该标签不唯一的情况下也能正常显示（那是因为现代浏览器容错机制较好），但放在老版本浏览器上则会崩溃 <pre><code class="prism language-html"><!DOCTYPE html> <html lang="zh-CN"> <head> <title>HTML学习</title> </head> <body> </body> </html> </code></pre> <h2><h1>-<h6>标签</h2> 类别： 容器级标签 作用： 被用来定义整篇文档以及article、section等标签中的标题 说明： h1定义重要等级最高的标题。h6定义重要等级最低的标题 全局属性： 支持 事件属性： 支持 <pre><code class="prism language-html"><!DOCTYPE html> <html lang="zh-CN"> <head> <title>HTML学习</title> </head> <body> <h1>这是一级标题</h1> <h2>这是二级标题</h2> <h3>这是三级标题</h4> <h4>这是四级标题</h4> <h5>这是五级标题</h5> <h6>这是六级标题</h6> </body> </html> </code></pre> <h2>标签</h2> 类别： 容器级标签 作用： 被用来定义一个段落 说明： 元素会自动在该段落上下创建一些空白。浏览器会自动添加这些空间，也可以在 样式表（CSS） 中进行控制 全局属性： 支持 事件属性： 支持 <pre><code class="prism language-html"><!DOCTYPE html> <html lang="zh-CN"> <head> <title>HTML学习</title> </head> <body> <p>In a sense we've come to our nation's capital to cash a check. When the architects of ourrepublic wrote the magnificent words of the Constitution and the Declaration of Independence, they were signing a promissory note to which every American was to fall heir. This note was a promise that all men, yes, black men as well as white men, would be guaranteed the "unalienable Rights" of "Life, Liberty and the pursuit of Happiness." It is obvious today that America has defaulted on this promissory note, insofar as her citizens of color are concerned. Instead of honoring this sacred obligation, America has given the Negro people a bad check, a check which has come back marked "insufficient funds."</p> </body> </html> </code></pre> <h2> 标签</h2> 作用： 被用来插入一个简单的换行符 说明： 应该使用br标签来输入空行，而不是分割段落 全局属性： 支持 事件属性： 支持 <pre><code class="prism language-html"><!DOCTYPE html> <html lang="zh-CN"> <head> <title>HTML学习</title> </head> <body> <p>In a sense we've come to our nation's capital to cash a check. When the architects of ourrepublic wrote the magnificent words of the Constitution and the Declaration<br/>of Independence, they were signing a promissory note to which every American was to fall heir. This note was a promise that all men, yes, black men as well as white men,<br/>would be guaranteed the "unalienable Rights" of "Life, Liberty and the pursuit of Happiness." It is obvious today that America has defaulted on this promissory note, insofar as her<br/>citizens of color are concerned. Instead of honoring this sacred obligation, America has given<br/>the Negro people a bad check, a check which has come back marked "insufficient funds."</p> </body> </html> </code></pre> <h2><hr>标签</h2> 作用： 该标签显示为一条水平线，用来定义HTML页面中的主题变化（比如话题的转移） 说明： 标签仅仅显示为一条水平线，可以用CSS控制它 全局属性： 支持 事件属性： 支持 <pre><code class="prism language-html"><!DOCTYPE html> <html lang="zh-CN"> <head> <title>HTML学习</title> </head> <body> 你<hr/> 好<hr/> 啊<hr/> </body> </html> </code></pre> <h2>标签</h2> 作用： 用来在源文档中插入注释。注释不会在浏览器中显示 说明： 对代码进行解释，这样做有助于您在以后的时间对代码的编辑。特别是代码量很大的情况下很有用。也可以在注释内容存储针对程序所定制的信息。在这种情况下，这些信息对用户是不可见的，但是对程序来说是可用的 全局属性： 不支持 事件属性： 不支持 <pre><code class="prism language-html"><!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>HTML基础标签学习</title> </head> <body> <h6 style="border: 1px solid;">这里是标题</h6>  </body> </html> </code></pre> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1833662348959772672"></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">你可能感兴趣的:(前端技术-HTML,html,meta,head,title,标签)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1947632784789008384.htm" title="LVS调度算法+防火墙解决轮询调度问题+会话解决" target="_blank">LVS调度算法+防火墙解决轮询调度问题+会话解决</a> 甜辣小悦羊 <a class="tag" taget="_blank" href="/search/lvs/1.htm">lvs</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>lvs的调度算法类型分配：依据负载状态静态方法：仅根据算法本身进行调度，不考虑RS的负载情况动态方法：主要根据每RS当前的负载状态及调度算法进行调度Overhead=value较小的RS将被调度静态调度方法：RR（roundrobin）：轮询RS分别被调度，当RS配置有差别时不推荐WRR（WeightedRR）：加权轮询根据RS的配置进行加权调度，性能差的RS被调度的次数少SH（SourceHas</div> </li> <li><a href="/article/1947620685761277952.htm" title="No module named "Crypto"，如何安装Python三方模块Crypto" target="_blank">No module named "Crypto"，如何安装Python三方模块Crypto</a> weixin_30342827 <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F/1.htm">操作系统</a> <div>前两天公司公司老总让我研究怎么用企业微信第三方应用进行官网对接，完成URL回调验证问题。具体如何进行Python的Django网站与企业微信第三方应用进行回调验证的博客地址为：https://www.cnblogs.com/ws17345067708/p/10522472.html这里讲讲，如何在win10下，安装一个非常坑爹的加密算法库，名字叫"Crypto"看了好多博客，没有一个管用的，要么就</div> </li> <li><a href="/article/1947617406662799360.htm" title="MetaGPT源码剖析（一）：MetaGPT框架下的多智能体协作项目——software_company.py" target="_blank">MetaGPT源码剖析（一）：MetaGPT框架下的多智能体协作项目——software_company.py</a> ATM006 <a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90Agent%E6%A1%86%E6%9E%B6/1.htm">开源Agent框架</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E6%99%BA%E8%83%BD/1.htm">机器智能</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%A8%A1%E5%9E%8B/1.htm">大模型</a><a class="tag" taget="_blank" href="/search/%E6%BA%90%E7%A0%81%E5%89%96%E6%9E%90/1.htm">源码剖析</a><a class="tag" taget="_blank" href="/search/Agent/1.htm">Agent</a><a class="tag" taget="_blank" href="/search/MetaGPT/1.htm">MetaGPT</a> <div>每一篇文章都短小精悍，不啰嗦。software_company.py这段代码是一个基于Typer构建的命令行工具，用于启动MetaGPT框架下的多智能体协作项目（比如生成软件项目、完成开发任务等）。它就像一个"项目启动器"，允许用户通过命令行参数配置项目需求、资源投入等，进而调度不同角色的智能体（如产品经理、架构师、工程师等）协同工作。一、代码整体功能与定位从架构视角看，这段代码是MetaGPT框</div> </li> <li><a href="/article/1947608582660878336.htm" title="Three.js入门：创建第一个3D场景" target="_blank">Three.js入门：创建第一个3D场景</a> 薯条说影 <a class="tag" taget="_blank" href="/search/Three.js/1.htm">Three.js</a><a class="tag" taget="_blank" href="/search/3D%E5%9C%BA%E6%99%AF%E5%88%9B%E5%BB%BA/1.htm">3D场景创建</a><a class="tag" taget="_blank" href="/search/%E8%B7%A8%E5%B9%B3%E5%8F%B0%E8%AE%BE%E7%BD%AE/1.htm">跨平台设置</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8%E5%BC%82%E5%B8%B8%E5%A4%84%E7%90%86/1.htm">安全异常处理</a><a class="tag" taget="_blank" href="/search/HTML%E9%AA%A8%E6%9E%B6%E6%90%AD%E5%BB%BA/1.htm">HTML骨架搭建</a> <div>背景简介Three.js是一个轻量级的3D图形库，它让Web开发者能够在浏览器中创建和显示3D图形。本章介绍如何设置环境以开始使用Three.js，包括不同操作系统下的安装步骤、安全异常处理以及基本的HTML骨架创建。安装与设置操作系统兼容性：Three.js的使用不仅限于Windows系统。对于其他操作系统，如Linux和MacOS，需要将可执行文件复制到目标目录，并通过命令行启动。无论是哪种操</div> </li> <li><a href="/article/1947595985240780800.htm" title="爬虫_加速乐秒杀" target="_blank">爬虫_加速乐秒杀</a> kisloy <a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/%E9%80%86%E5%90%91/1.htm">逆向</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>加速乐补环境补环境window={navigator:{userAgent:"Mozilla/5.0(WindowsNT10.0;Win64;x64)AppleWebKit/537.36(KHTML,likeGecko)Chrome/104.0.0.0Safari/537.36"},outerWidth:1920,outerHeight:1050,};location={reload:functi</div> </li> <li><a href="/article/1947595859055144960.htm" title="网页返回title“Just a moment...“，python 绕过tls指纹的几种方式记录一下" target="_blank">网页返回title“Just a moment...“，python 绕过tls指纹的几种方式记录一下</a> <div>第一种：使用tls_client第三方库进行绕过importtls_clientsession=tls_client.Session(ja3_string="771,4865-4866-4867-49195-49199-49196-49200-52393-52392-49171-49172-156-157-47-53,0-23-65281-10-11-35-16-5-13-18-51-45-43-</div> </li> <li><a href="/article/1947589930536464384.htm" title="微信社交自爆按钮，私有协议 weixin://voip/callagain 的“实战后果”" target="_blank">微信社交自爆按钮，私有协议 weixin://voip/callagain 的“实战后果”</a> 运维帮手大橙子 <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1/1.htm">微信</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>1它是一个超链接标签，点击后会跳转到指定的地址；href="weixin://voip/callagain/?username=thelegfish"是一个WeChat（微信）私有协议的链接；weixin://voip/callagain/表示唤起微信内的语音通话功能；?username=thelegfish指定了通话对象的微信用户名；标签文本是1，即显示为一个蓝色的“1”超链接。点击这个链接会直</div> </li> <li><a href="/article/1947580479481901056.htm" title="react（基础篇）" target="_blank">react（基础篇）</a> 盛码笔记 <a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>React由Meta公司研发，用于构建Web和原生交互界面的库。React官方中文文档查看JSX（一）React组件用户界面的一部分，通俗的来讲，最小的元素组成的单元，可以实现部分逻辑与功能房子的门就可以看成一个组件，由木板和木方组成，有一定功能和作用，多个组件组合就可以形成房子了。组件之间可以相互嵌套，重复使用React组件React中，组件就是一个首字母大写的函数，内部存放组件的逻辑和视图UI</div> </li> <li><a href="/article/1947573543596257280.htm" title="从零入门 HTML 开发：构建网页世界的基石指南" target="_blank">从零入门 HTML 开发：构建网页世界的基石指南</a> incidite <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>从零入门HTML开发：构建网页世界的基石指南在互联网蓬勃发展的今天，我们每天浏览的网页、使用的App界面，背后都离不开HTML这一基础技术的支撑。作为前端开发的入门语言，HTML（超文本标记语言）就像建筑中的砖石，是构建网页骨架的核心。无论你是想成为专业的前端工程师，还是单纯想了解网页背后的运作原理，掌握HTML基础都是迈出的第一步。认识HTML：网页的“骨架”语言HTML的全称为HyperTex</div> </li> <li><a href="/article/1947558922462228480.htm" title="实现一个HTML页面，上传图片后可以测量两条辅助线之间的距离，支持点击添加、拖动和右键删除辅助线" target="_blank">实现一个HTML页面，上传图片后可以测量两条辅助线之间的距离，支持点击添加、拖动和右键删除辅助线</a> <div>一、项目背景偶尔需要测量图片上元素的宽度高度和间距。因此实现一个交互式、可视化的测距工具。开发一个简单易用的HTML页面，用户可以上传任意图片，在图片上通过点击添加辅助线，拖动调整辅助线位置，右键删除不需要的辅助线，同时自动计算并显示相邻辅助线间的距离，提升效率和准确度。二、核心功能图片上传用户可以上传本地图片作为测距背景，图片会按用户指定的宽高展示，支持任意尺寸，不做限制。辅助线添加用户点击图片</div> </li> <li><a href="/article/1947557935617994752.htm" title="5. 移动端适配rem方案" target="_blank">5. 移动端适配rem方案</a> 未路过 <div>1.rem+动态html的font-sizerem单位是相对于html元素的font-size来设置的，那么如果我们需要在不同的屏幕下有不同的尺寸，可以动态的修改html的font-size尺寸。比如如下案例：1.设置一个盒子的宽度是2rem；2.设置不同的屏幕上html的font-size不同；image.png这样在开发中，我们只需要考虑两个问题：问题一：针对不同的屏幕，设置html不同的fo</div> </li> <li><a href="/article/1947557661683806208.htm" title="DelayQueue延时队列简单使用" target="_blank">DelayQueue延时队列简单使用</a> 泉泉写Java <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>DelayQueue是JDK1.5引入到工具，位置在java.util.concurrent。从包路径我们就能知道该工具是给多线程使用到。我们先看看官方注释：AnunboundedblockingqueueofDelayedelements,inwhichanelementcanonlybetakenwhenitsdelayhasexpired.TheheadofthequeueisthatDel</div> </li> <li><a href="/article/1947555015702933504.htm" title="centos7常用的国内yum源整理" target="_blank">centos7常用的国内yum源整理</a> inrgihc <a class="tag" taget="_blank" href="/search/Linux/1.htm">Linux</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>清华大学yum源参考地址：https://mirrors.tuna.tsinghua.edu.cn/help/centos/网易yum源参考地址：http://mirrors.163.com/.help/centos.htmlyum-yinstallwgetrm-rf/etc/yum.repo.d/*wget-O/etc/yum.repos.d/CentOS-Base.repohttp://mir</div> </li> <li><a href="/article/1947535980286242816.htm" title="Linux机器上Selenium+Python3+Chrome使用driver.get()只能获取到标签而没有内容的解决方法" target="_blank">Linux机器上Selenium+Python3+Chrome使用driver.get()只能获取到标签而没有内容的解决方法</a> <div>代码：#!/usr/bin/python3#coding=utf8fromseleniumimportwebdriverfromselenium.webdriver.chrome.optionsimportOptionschrome_options=Options()chrome_options.add_argument('--headless')chrome_options.add_argume</div> </li> <li><a href="/article/1947535727491346432.htm" title="6、LangChain —— 使用 Huggingface 中的开源模型" target="_blank">6、LangChain —— 使用 Huggingface 中的开源模型</a> Miyazaki_Hayao <a class="tag" taget="_blank" href="/search/LangChain/1.htm">LangChain</a><a class="tag" taget="_blank" href="/search/%E5%AE%9E%E6%88%98/1.htm">实战</a><a class="tag" taget="_blank" href="/search/langchain/1.htm">langchain</a> <div>文章目录一、概述二、大语言模型发展史三、预训练+微调的模式四、用HuggingFace跑开源模型五、申请使用Meta的Llama2模型六、通过HuggingFace调用Llama七、LangChain和HuggingFace的接口1、通过HuggingFaceHub2、通过HuggingFacePipeline八、用LangChain调用自定义语言模型一、概述大语言模型，不止ChatGPT一种。</div> </li> <li><a href="/article/1947533963669073920.htm" title="cm3d2 & com3d2" target="_blank">cm3d2 & com3d2</a> HECUgauss <a class="tag" taget="_blank" href="/search/Kiss/1.htm">Kiss</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a><a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F%E7%A8%8B%E5%BA%8F/1.htm">游戏程序</a> <div>新增一个分类，因为旧做cm3d2有些插件是可以通用的，标注CM3D2的就是理论上旧做也能用的（但我手上没有cm3d2所以只是理论上）网站Hgamewikicom3d2分区CustomMaid3D2-HgamesWiki(anime-sharing.com)https://wiki.anime-sharing.com/hgames/index.php?title=Custom_Maid_3D2中文資</div> </li> <li><a href="/article/1947528170823544832.htm" title="明台.诚台城.拼凑" target="_blank">明台.诚台城.拼凑</a> 游客1137 <div>那些真正发生过的事情，或许不在这世上而在我们内心。#我和这世界中的另一个我#【私设如山，黑化ooc..去了北平之后，我终于变成了孤身一人。失去了桎梏的孤独，无从排遣。我收到礼物的第二回，从模糊的嘴唇到柔软的眼球。他们被装在干净的玻璃瓶里，没什么多余的修饰，白色的标签上写着我的名字，明台。尽管憎恶，我还是忍不住拿起瓶子细细打量。里头瞳孔的颜色不再明亮，没有防护的球体已经有些不成形，但我依稀能想象出它</div> </li> <li><a href="/article/1947521418820382720.htm" title="标签的分类" target="_blank">标签的分类</a> 健倾心语 <div>双标签：成对的标签，有开始标签和结束标签html，title，body，等单标签：单个标签只有开始标签没有结束标签meta根据标签所处的位置，又可以分为平级关系和父子关系标签</div> </li> <li><a href="/article/1947510516725379072.htm" title="vue3实现可视化大屏布局" target="_blank">vue3实现可视化大屏布局</a> 程序猿的杂货店 <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AFVUE3%E5%BC%80%E5%8F%91%E7%AC%94%E8%AE%B0/1.htm">前端VUE3开发笔记</a><a class="tag" taget="_blank" href="/search/%E5%8F%AF%E8%A7%86%E5%8C%96%E5%A4%A7%E5%B1%8F/1.htm">可视化大屏</a><a class="tag" taget="_blank" href="/search/vue3/1.htm">vue3</a><a class="tag" taget="_blank" href="/search/vue3%E9%A1%B5%E9%9D%A2%E5%B8%83%E5%B1%80/1.htm">vue3页面布局</a> <div>实现功能:1实现4x3宫格布局，2自定义设置跨行，跨列自动隐藏对应列，比如setAreaSpanAndUpdateVisibility(2,3,2);表示设置区域2，跨3行，跨2列，然后区域3，6，7，10，11自动隐藏3内容自动剧中1效果图代码数据可视化大屏-顶部区域{{item.id}}-{{item.title}}测试区域1跨2行2列-->importGridCellfrom"./compo</div> </li> <li><a href="/article/1947507992362545152.htm" title="django导出excel" target="_blank">django导出excel</a> 网眼查一cc <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/django/1.htm">django</a><a class="tag" taget="_blank" href="/search/excel/1.htm">excel</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>写标题的第一行forindex,iteminenumerate(Student.get_title_list()):sheet.cell(row=1,column=index+1,value=item)准备写入数据forindex,iteminenumerate(data):遍历每个元素fork,vinenumerate(keys):这里要从第二列开始sheet.cell(row=index+2,</div> </li> <li><a href="/article/1947503825724174336.htm" title="Python 事件循环与 asyncio 的底层实现" target="_blank">Python 事件循环与 asyncio 的底层实现</a> 代码界的灵魂舞者 <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>```htmlPython事件循环与asyncio的底层实现Python事件循环与asyncio的底层实现在现代的异步编程中，事件循环扮演着至关重要的角色。Python的asyncio模块是其核心，它提供了一种优雅的方式来处理异步任务和并发操作。本文将深入探讨Python中事件循环的概念以及asyncio的底层实现。什么是事件循环？事件循环（EventLoop）是一种控制流机制，它负责管理任务队列</div> </li> <li><a href="/article/1947503320474120192.htm" title="私域流量运营工具：用户资产的核动力引擎" target="_blank">私域流量运营工具：用户资产的核动力引擎</a> <div>品牌方的三大致命困局1.用户画像的碎片化黑洞某母婴品牌因企微/小程序数据割裂，将防过敏奶粉推给健康婴儿，引发37%客户退群（毕马威2024报告）。标签混乱导致营销ROI跌破1：0.8，千万级用户池沦为数字废墟。2.内容分发的重复劳动炼狱某美妆团队在公众号/企微/抖音重复编辑内容，单条发布耗时53分钟（有赞白皮书）。跨平台数据不通导致爆款复用率不足15%，创作灵感消耗在机械劳作中。3.裂变增长的失控</div> </li> <li><a href="/article/1947501933988212736.htm" title="数据结构（C语言实现）" target="_blank">数据结构（C语言实现）</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%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>一、链表1.链表实现以及在头部插入结点先来一段代码....该代码包含创建链表并在头部插入结点，遍历链表并打印结点数据，接下来逐步分析，简单的基础语法不过多记录....#include#includestructNode{intdata;structNode*next;};structNode*head;voidInsert(intx){Node*temp=(Node*)malloc(sizeof(</div> </li> <li><a href="/article/1947491602092060672.htm" title="浏览器标题闪烁功能" target="_blank">浏览器标题闪烁功能</a> Krorainas <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div>浏览器窗体获得焦点则停止标题闪烁通知，失去焦点则开启标题闪烁通知功能描述窗体失焦的时候，标题就会闪补充说明：浏览器窗体获得焦点和失去焦点，Chrome和FireFox浏览器是window的onfocus,onblur方法；而IE浏览器则是document的onfocusin,onfocusout方法标签页标题闪烁浏览器窗体标题闪烁通知vartitleInit=document.title,isSh</div> </li> <li><a href="/article/1947491098326790144.htm" title="「Tokens是胡扯」？Mamba作者炮轰Transformer，揭秘AI模型致命缺陷 | AI早报" target="_blank">「Tokens是胡扯」？Mamba作者炮轰Transformer，揭秘AI模型致命缺陷 | AI早报</a> 未来世界2099 <a class="tag" taget="_blank" href="/search/AI%E6%97%A5%E6%8A%A5/1.htm">AI日报</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/transformer/1.htm">transformer</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/%E4%B8%9A%E7%95%8C%E8%B5%84%E8%AE%AF/1.htm">业界资讯</a> <div>1、OpenAI疯狂挖角反击！Meta华人科学家+马斯克三员大将集体跳槽2、清华&NTU突破性研究：仅需2张图，AI即可重构3D空间认知3、极智嘉港股上市首日破发！清华系机器人公司市值153亿引关注4、星海图融资超1亿美金！美团、今日资本领投，估值暴涨3倍5、华人团队用RL打造AIAgent，种子轮狂揽1200万美元融资6、Skywork-R1V3.0震撼开源：高考数学142分，多学科推理能力直逼</div> </li> <li><a href="/article/1947472676176064512.htm" title="《Cocos2d-x实战 Lua卷》上线了" target="_blank">《Cocos2d-x实战 Lua卷》上线了</a> <div>感谢大家一直以来的支持！各大商店均开始销售：京东：http://item.jd.com/11659697.html当当：http://product.dangdang.com/23659810.html《Cocos2d-x实战Lua卷》源码及样章下载地址：源码下载地址：http://51work6.com/forum.php?mod=viewthread&tid=1198&extra=page%3</div> </li> <li><a href="/article/1947472423611854848.htm" title="webkitSpeechRecognitionHTML5语音识别文字（直接运行）" target="_blank">webkitSpeechRecognitionHTML5语音识别文字（直接运行）</a> AIGC创想家 <a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E8%AF%AD%E9%9F%B3%E8%AF%86%E5%88%AB/1.htm">语音识别</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>前端想要实现语音转文字，其实不需要任何云服务，浏览器自带的api就能搞定。下面是已经封装好的代码，复制之后可以在控制台只接运行。classSpeechRecognitionManager{??tempTranscript=''??isRecording=false;??timeoutid=0;??exitKeywors=['stop','exit','quit','退出','停止识别','说完了'</div> </li> <li><a href="/article/1947463463068561408.htm" title="金指云智能仓储管理：材料企业降本增效新引擎" target="_blank">金指云智能仓储管理：材料企业降本增效新引擎</a> 金烽科技 <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/%E5%9B%A2%E9%98%9F%E5%BC%80%E5%8F%91/1.htm">团队开发</a><a class="tag" taget="_blank" href="/search/%E5%88%B6%E9%80%A0/1.htm">制造</a><a class="tag" taget="_blank" href="/search/sass/1.htm">sass</a> <div>在材料生产行业，仓储管理是影响企业成本与运营效率的关键环节。金指云凭借贴合行业需求的智能仓储管理功能，通过物联网技术与数字化手段，实现仓储全流程精细化管控，助力企业解决原料损耗、库存积压等难题。物联网监控，筑牢原料防护网金指云利用RFID电子标签与温湿度传感器，构建起仓储环境实时监测体系。每批次铜材、钛合金等原料入库时，都会被赋予唯一的RFID电子标签，详细记录材料规格、入库时间等信息。遍布仓库的</div> </li> <li><a href="/article/1947450475209093120.htm" title="网络数据分层封装与解封过程的详细说明" target="_blank">网络数据分层封装与解封过程的详细说明</a> 两圆相切 <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E8%A7%84%E5%88%92%E8%AE%BE%E8%AE%A1%E5%B8%88/1.htm">网络规划设计师</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>网络数据分层封装全流程数据封装流程（发送端）-CSDN优化版OSI层次封装动作数据单元关键头部信息示例应用层添加应用层协议头部报文(Message)GET/index.htmlHTTP/1.1Host:www.example.com表示层数据加密/压缩PPDUTLSv1.3RecordLayerContentType:ApplicationData会话层添加会话控制标识SPDUSIPCall-ID</div> </li> <li><a href="/article/1947448081809207296.htm" title="关于Ajax的学习笔记" target="_blank">关于Ajax的学习笔记</a> 秋也凉 <a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</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>Ajax概念：是一门使用了js语言，可以使用于Javaweb，实现前端代码和后端代码连结的的一种异步同步（不需要等待服务器相应，就能够发送第二次请求）的一种技术，它主要用于网页内容的局部刷新，列如验证码、导航栏的刷新等。实现步骤1.导入jQuery（一种框架，Ajax是JQuery的一种方法）文件——例如：写在jsp页面的标签里面。2.在jsp页面写一个函数，然后在函数里面调用ajax方法，aja</div> </li> <li><a href="/article/74.htm" title="sql统计相同项个数并按名次显示" target="_blank">sql统计相同项个数并按名次显示</a> 朱辉辉33 <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>现在有如下这样一个表： A表 ID Name time ------------------------------ 0001 aaa 2006-11-18 0002 ccc 2006-11-18 0003 eee 2006-11-18 0004 aaa 2006-11-18 0005 eee 2006-11-18 0004 aaa 2006-11-18 0002 ccc 20</div> </li> <li><a href="/article/201.htm" title="Android+Jquery Mobile学习系列-目录" target="_blank">Android+Jquery Mobile学习系列-目录</a> 白糖_ <a class="tag" taget="_blank" href="/search/JQuery+Mobile/1.htm">JQuery Mobile</a> <div>最近在研究学习基于Android的移动应用开发，准备给家里人做一个应用程序用用。向公司手机移动团队咨询了下，觉得使用Android的WebView上手最快，因为WebView等于是一个内置浏览器，可以基于html页面开发，不用去学习Android自带的七七八八的控件。然后加上Jquery mobile的样式渲染和事件等，就能非常方便的做动态应用了。从现在起，往后一段时间，我打算</div> </li> <li><a href="/article/328.htm" title="如何给线程池命名" target="_blank">如何给线程池命名</a> daysinsun <a class="tag" taget="_blank" href="/search/%E7%BA%BF%E7%A8%8B%E6%B1%A0/1.htm">线程池</a> <div> 在系统运行后，在线程快照里总是看到线程池的名字为pool-xx，这样导致很不好定位，怎么给线程池一个有意义的名字呢。参照ThreadPoolExecutor类的ThreadFactory，自己实现ThreadFactory接口，重写newThread方法即可。参考代码如下： public class Named</div> </li> <li><a href="/article/455.htm" title="IE 中"HTML Parsing Error:Unable to modify the parent container element before the" target="_blank">IE 中"HTML Parsing Error:Unable to modify the parent container element before the</a> 周凡杨 <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E8%A7%A3%E6%9E%90/1.htm">解析</a><a class="tag" taget="_blank" href="/search/error/1.htm">error</a><a class="tag" taget="_blank" href="/search/readyState/1.htm">readyState</a> <div> 错误： IE 中"HTML Parsing Error:Unable to modify the parent container element before the child element is closed" 现象：同事之间几个IE 测试情况下，有的报这个错，有的不报。经查询资料后，可归纳以下原因。</div> </li> <li><a href="/article/582.htm" title="java上传" target="_blank">java上传</a> g21121 <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>我们在做web项目中通常会遇到上传文件的情况，用struts等框架的会直接用的自带的标签和组件，今天说的是利用servlet来完成上传。我们这里利用到commons-fileupload组件，相关jar包可以取apache官网下载：http://commons.apache.org/ 下面是servlet的代码： //定义一个磁盘文件工厂 DiskFileItemFactory fact</div> </li> <li><a href="/article/709.htm" title="SpringMVC配置学习" target="_blank">SpringMVC配置学习</a> 510888780 <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a> <div>spring MVC配置详解现在主流的Web MVC框架除了Struts这个主力外，其次就是Spring MVC了，因此这也是作为一名程序员需要掌握的主流框架，框架选择多了，应对多变的需求和业务时，可实行的方案自然就多了。不过要想灵活运用Spring MVC来应对大多数的Web开发，就必须要掌握它的配置及原理。　　一、Spring MVC环境搭建：（Spring 2.5.6 + Hi</div> </li> <li><a href="/article/836.htm" title="spring mvc-jfreeChart 柱图(1)" target="_blank">spring mvc-jfreeChart 柱图(1)</a> 布衣凌宇 <a class="tag" taget="_blank" href="/search/jfreechart/1.htm">jfreechart</a> <div>第一步：下载jfreeChart包，注意是jfreeChart文件lib目录下的，jcommon-1.0.23.jar和jfreechart-1.0.19.jar两个包即可；第二步：配置web.xml; web.xml代码如下 <servlet> <servlet-name>jfreechart</servlet-nam</div> </li> <li><a href="/article/963.htm" title="我的spring学习笔记13-容器扩展点之PropertyPlaceholderConfigurer" target="_blank">我的spring学习笔记13-容器扩展点之PropertyPlaceholderConfigurer</a> aijuans <a class="tag" taget="_blank" href="/search/Spring3/1.htm">Spring3</a> <div>PropertyPlaceholderConfigurer是个bean工厂后置处理器的实现，也就是BeanFactoryPostProcessor接口的一个实现。关于BeanFactoryPostProcessor和BeanPostProcessor类似。我会在其他地方介绍。PropertyPlaceholderConfigurer可以将上下文（配置文件）中的属性值放在另一个单独的标准java P</div> </li> <li><a href="/article/1090.htm" title="java 线程池使用 Runnable&Callable&Future" target="_blank">java 线程池使用 Runnable&Callable&Future</a> antlove <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/Runnable/1.htm">Runnable</a><a class="tag" taget="_blank" href="/search/callable/1.htm">callable</a><a class="tag" taget="_blank" href="/search/future/1.htm">future</a> <div>1. 创建线程池 ExecutorService executorService = Executors.newCachedThreadPool(); 2. 执行一次线程，调用Runnable接口实现 Future<?> future = executorService.submit(new DefaultRunnable()); System.out.prin</div> </li> <li><a href="/article/1217.htm" title="XML语法元素结构的总结" target="_blank">XML语法元素结构的总结</a> 百合不是茶 <a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/%E6%A0%91%E7%BB%93%E6%9E%84/1.htm">树结构</a> <div>1.XML介绍1969年 gml (主要目的是要在不同的机器进行通信的数据规范)1985年 sgml standard generralized markup language1993年 html(www网)1998年 xml extensible markup language</div> </li> <li><a href="/article/1344.htm" title="改变eclipse编码格式" target="_blank">改变eclipse编码格式</a> bijian1013 <a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A0%81%E6%A0%BC%E5%BC%8F/1.htm">编码格式</a> <div>1.改变整个工作空间的编码格式改变整个工作空间的编码格式，这样以后新建的文件也是新设置的编码格式。 Eclipse->window->preferences->General->workspace-</div> </li> <li><a href="/article/1471.htm" title="javascript中return的设计缺陷" target="_blank">javascript中return的设计缺陷</a> bijian1013 <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a> <div>代码1： <script> var gisService = (function(window) { return { name:function () { alert(1); } }; })(this); gisService.name(); &l</div> </li> <li><a href="/article/1598.htm" title="【持久化框架MyBatis3八】Spring集成MyBatis3" target="_blank">【持久化框架MyBatis3八】Spring集成MyBatis3</a> bit1129 <a class="tag" taget="_blank" href="/search/Mybatis3/1.htm">Mybatis3</a> <div>pom.xml配置 Maven的pom中主要包括： MyBatis MyBatis-Spring Spring MySQL-Connector-Java Druid applicationContext.xml配置 <?xml version="1.0" encoding="UTF-8"?> &</div> </li> <li><a href="/article/1725.htm" title="java web项目启动时自动加载自定义properties文件" target="_blank">java web项目启动时自动加载自定义properties文件</a> bitray <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E7%9B%91%E5%90%AC%E5%99%A8/1.htm">监听器</a><a class="tag" taget="_blank" href="/search/%E7%9B%B8%E5%AF%B9%E8%B7%AF%E5%BE%84/1.htm">相对路径</a> <div>创建一个类 public class ContextInitListener implements ServletContextListener 使得该类成为一个监听器。用于监听整个容器生命周期的，主要是初始化和销毁的。类创建后要在web.xml配置文件中增加一个简单的监听器配置，即刚才我们定义的类。 <listener> <des</div> </li> <li><a href="/article/1852.htm" title="用nginx区分文件大小做出不同响应" target="_blank">用nginx区分文件大小做出不同响应</a> ronin47 <div>昨晚和前21v的同事聊天，说到我离职后一些技术上的更新。其中有个给某大客户(游戏下载类)的特殊需求设计，因为文件大小差距很大——估计是大版本和补丁的区别——又走的是同一个域名，而squid在响应比较大的文件时，尤其是初次下载的时候，性能比较差，所以拆成两组服务器，squid服务于较小的文件，通过pull方式从peer层获取，nginx服务于较大的文件，通过push方式由peer层分发同步。外部发布</div> </li> <li><a href="/article/1979.htm" title="java-67-扑克牌的顺子.从扑克牌中随机抽5张牌，判断是不是一个顺子，即这5张牌是不是连续的.2-10为数字本身，A为1，J为11，Q为12，K为13，而大" target="_blank">java-67-扑克牌的顺子.从扑克牌中随机抽5张牌，判断是不是一个顺子，即这5张牌是不是连续的.2-10为数字本身，A为1，J为11，Q为12，K为13，而大</a> bylijinnan <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>package com.ljn.base; import java.util.Arrays; import java.util.Random; public class ContinuousPoker { /** * Q67 扑克牌的顺子从扑克牌中随机抽5张牌，判断是不是一个顺子，即这5张牌是不是连续的。 * 2-10为数字本身，A为1，J为1</div> </li> <li><a href="/article/2106.htm" title="翟鸿燊老师语录" target="_blank">翟鸿燊老师语录</a> ccii <a class="tag" taget="_blank" href="/search/%E7%BF%9F%E9%B8%BF%E7%87%8A/1.htm">翟鸿燊</a> <div>一、国学应用智慧TAT之亮剑精神A 1. 角色就是人格就像你一回家的时候，你一进屋里面，你已经是儿子，是姑娘啦，给老爸老妈倒怀水吧，你还觉得你是老总呢？还拿派呢？就像今天一样，你们往这儿一坐，你们之间是什么，同学，是朋友。还有下属最忌讳的就是领导向他询问情况的时候，什么我不知道，我不清楚，该你知道的你凭什么不知道</div> </li> <li><a href="/article/2233.htm" title="[光速与宇宙]进行光速飞行的一些问题" target="_blank">[光速与宇宙]进行光速飞行的一些问题</a> comsci <a class="tag" taget="_blank" href="/search/%E9%97%AE%E9%A2%98/1.htm">问题</a> <div> 在人类整体进入宇宙时代，即将开展深空宇宙探索之前，我有几个猜想想告诉大家仅仅是猜想。。。未经官方证实 1：要在宇宙中进行光速飞行，必须首先获得宇宙中的航行通行证，而这个航行通行证并不是我们平常认为的那种带钢印的证书，是什么呢？下面我来告诉</div> </li> <li><a href="/article/2360.htm" title="oracle undo解析" target="_blank">oracle undo解析</a> cwqcwqmax9 <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>oracle undo解析2012-09-24 09:02:01 我来说两句作者：虫师收藏我要投稿 Undo是干嘛用的？ &nb</div> </li> <li><a href="/article/2487.htm" title="java中各种集合的详细介绍" target="_blank">java中各种集合的详细介绍</a> dashuaifu <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E9%9B%86%E5%90%88/1.htm">集合</a> <div>一，java中各种集合的关系图 Collection 接口的接口对象的集合 ├ List 子接口 &n</div> </li> <li><a href="/article/2614.htm" title="卸载windows服务的方法" target="_blank">卸载windows服务的方法</a> dcj3sjt126com <a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/service/1.htm">service</a> <div>卸载Windows服务的方法在Windows中，有一类程序称为服务，在操作系统内核加载完成后就开始加载。这里程序往往运行在操作系统的底层，因此资源占用比较大、执行效率比较高，比较有代表性的就是杀毒软件。但是一旦因为特殊原因不能正确卸载这些程序了，其加载在Windows内的服务就不容易删除了。即便是删除注册表中的相应项目，虽然不启动了，但是系统中仍然存在此项服务，只是没有加载而已。如果安装其他</div> </li> <li><a href="/article/2741.htm" title="Warning: The Copy Bundle Resources build phase contains this target's Info.plist" target="_blank">Warning: The Copy Bundle Resources build phase contains this target's Info.plist</a> dcj3sjt126com <a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a><a class="tag" taget="_blank" href="/search/xcode/1.htm">xcode</a> <div> http://developer.apple.com/iphone/library/qa/qa2009/qa1649.html Excerpt: You are getting this warning because you probably added your Info.plist file to your Copy Bundle </div> </li> <li><a href="/article/2868.htm" title="2014之C++学习笔记（一）" target="_blank">2014之C++学习笔记（一）</a> Etwo <a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/Etwo/1.htm">Etwo</a><a class="tag" taget="_blank" href="/search/Etwo/1.htm">Etwo</a><a class="tag" taget="_blank" href="/search/iterator/1.htm">iterator</a><a class="tag" taget="_blank" href="/search/%E8%BF%AD%E4%BB%A3%E5%99%A8/1.htm">迭代器</a> <div> 已经有很长一段时间没有写博客了，可能大家已经淡忘了Etwo这个人的存在，这一年多以来，本人从事了AS的相关开发工作，但最近一段时间，AS在天朝的没落，相信有很多码农也都清楚，现在的页游基本上达到饱和，手机上的游戏基本被unity3D与cocos占据，AS基本没有容身之处。so。。。最近我并不打算直接转型</div> </li> <li><a href="/article/2995.htm" title="js跨越获取数据问题记录" target="_blank">js跨越获取数据问题记录</a> haifengwuch <a class="tag" taget="_blank" href="/search/jsonp/1.htm">jsonp</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a> <div>js的跨越问题，普通的ajax无法获取服务器返回的值。第一种解决方案，通过getson，后台配合方式，实现。 Java后台代码： protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { String ca</div> </li> <li><a href="/article/3122.htm" title="蓝色jQuery导航条" target="_blank">蓝色jQuery导航条</a> ini <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div>效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/39.htmHTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery鼠标悬停上下滑动导航条 - 柯乐义<</div> </li> <li><a href="/article/3249.htm" title="linux部署jdk,tomcat,mysql" target="_blank">linux部署jdk,tomcat,mysql</a> kerryg <a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>1、安装java环境jdk: 一般系统都会默认自带的JDK,但是不太好用，都会卸载了，然后重新安装。 1.1）、卸载：（rpm -qa :查询已经安装哪些软件包； rmp -q 软件包：查询指定包是否已</div> </li> <li><a href="/article/3376.htm" title="DOMContentLoaded VS onload VS onreadystatechange" target="_blank">DOMContentLoaded VS onload VS onreadystatechange</a> mutongwu <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/js/1.htm">js</a> <div>1. DOMContentLoaded 在页面html、script、style加载完毕即可触发，无需等待所有资源（image/iframe）加载完毕。（IE9+） 2. onload是最早支持的事件，要求所有资源加载完毕触发。 3. onreadystatechange 开始在IE引入，后来其它浏览器也有一定的实现。涉及以下 document , applet, embed, fra</div> </li> <li><a href="/article/3503.htm" title="sql批量插入数据" target="_blank">sql批量插入数据</a> qifeifei <a class="tag" taget="_blank" href="/search/%E6%89%B9%E9%87%8F%E6%8F%92%E5%85%A5/1.htm">批量插入</a> <div>hi，自己在做工程的时候，遇到批量插入数据的数据修复场景。我的思路是在插入前准备一个临时表，临时表的整理就看当时的选择条件了，临时表就是要插入的数据集，最后再批量插入到数据库中。 WITH tempT AS ( SELECT item_id AS combo_id, item_id, now() AS create_date FROM a</div> </li> <li><a href="/article/3630.htm" title="log4j打印日志文件如何实现相对路径到项目工程下" target="_blank">log4j打印日志文件如何实现相对路径到项目工程下</a> thinkfreer <a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/log4j/1.htm">log4j</a><a class="tag" taget="_blank" href="/search/%E5%BA%94%E7%94%A8%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">应用服务器</a><a class="tag" taget="_blank" href="/search/%E6%97%A5%E5%BF%97/1.htm">日志</a> <div>最近为了实现统计一个网站的访问量，记录用户的登录信息，以方便站长实时了解自己网站的访问情况，选择了Apache 的log4j,但是在选择相对路径那块卡主了，X度了好多方法(其实大多都是一样的内用，还一个字都不差的)，都没有能解决问题，无奈搞了2天终于解决了，与大家分享一下需求：用户登录该网站时，把用户的登录名,ip,时间。统计到一个txt文档里，以方便其他系统调用此txt。项目名</div> </li> <li><a href="/article/3757.htm" title="linux下mysql-5.6.23.tar.gz安装与配置" target="_blank">linux下mysql-5.6.23.tar.gz安装与配置</a> 笑我痴狂 <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/unix/1.htm">unix</a> <div>1.卸载系统默认的mysql [root@localhost ~]# rpm -qa | grep mysql mysql-libs-5.1.66-2.el6_3.x86_64 mysql-devel-5.1.66-2.el6_3.x86_64 mysql-5.1.66-2.el6_3.x86_64 [root@localhost ~]# rpm -e mysql-libs-5.1</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> 按字母分类： <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.  </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>