「HTML 」简介

1.认识网页
2.常见浏览器介绍
3.Web 标准
4.HTML 简介
5.文档类型
6.字符集
7.实体字符

1.认识网页

网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。

网页是如何形成的呢?
网页是由多元素构成,比如文字、图像和超链接等,
我们前端并不能把这些直接放到网页中,
而是通过代码的格式
经过浏览器的渲染
才能展示给客户丰富多彩的网页

2.常见浏览器介绍

浏览器是网页运行的平台，常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。我们平时称为五大浏览器。

浏览器内核
- 渲染引擎(layout engineer 或者 Rendering Engine)
  它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入 CSS 等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。
- JS 引擎
  解析 Javascript 语言，执行 javascript语言来实现网页的动态效果。

最开始渲染引擎和 JS 引擎并没有区分的很明确，后来 JS 引擎越来越独立，内核就倾向于只指渲染引擎。有一个网页标准计划小组制作了一个 ACID 来测试引擎的兼容性和性能。内核的种类很多，如加上没什么人使用的非商业的免费内核，可能会有10多种，但是常见的浏览器内核可以分这四种：Trident、Gecko、Blink、Webkit。

(1) Trident(IE内核)
- 国内很多的双核浏览器的其中一核便是 Trident，美其名曰 "兼容模式"。
- 代表： IE、傲游、世界之窗浏览器、Avant、腾讯TT、猎豹安全浏览器、360极速浏览器、百度浏览器等。
- Window10 发布后，IE 将其内置浏览器命名为 Edge，Edge 最显著的特点就是新内核 EdgeHTML。
(2) Gecko(Firefox 内核)

Mozilla FireFox(火狐浏览器) 采用该内核，Gecko 的特点是代码完全公开，因此，其可开发程度很高，全世界的程序员都可以为其编写代码，增加功能。可惜这几年已经没落了，比如打开速度慢、升级频繁、猪一样的队友flash、神一样的对手chrome。
(3) webkit(Safari)
- Safari 是苹果公司开发的浏览器，所用浏览器内核的名称是大名鼎鼎的 WebKit。
- 现在很多人错误地把 webkit 叫做 chrome内核（即使 chrome内核已经是 blink 了），苹果感觉像被别人抢了媳妇，都哭晕再厕所里面了。
- 代表浏览器：傲游浏览器3、 Apple Safari (Win/Mac/iPhone/iPad)、Symbian手机浏览器、Android 默认浏览器，
(4) Bink(chrome/Opera)
- 在 Chromium 项目中研发 Blink 渲染引擎（即浏览器核心），内置于 Chrome 浏览器之中。Blink 其实是 WebKit 的分支。
- 大部分国产浏览器最新版都采用Blink内核。
移动端的浏览器内核主要说的是系统内置浏览器的内核。
- 目前移动设备浏览器上常用的内核有 Webkit，Blink，Trident，Gecko 等，
  - 其中 iPhone 和 iPad 等苹果 iOS 平台主要是 WebKit，
  - Android 4.4 之前的 Android 系统浏览器内核是 WebKit，
  - Android4.4 系统浏览器切换到了Chromium，内核是 Webkit 的分支 Blink，
  - Windows Phone 8 系统浏览器内核是 Trident。
浏览器兼容
主流浏览器都兼容 HTML5 的新标签，对于 IE8 及以下版本不认识 HTML5的新元素，可以使用 JavaScript 创建一个没用的元素来解决，例如：
也可以使用 shiv 来解决兼容性问题，详情可参考 HTML5 Shiv

3.Web标准

通过以上浏览器的内核不同，我们知道他们工作原理、解析肯定不同，显示就会有差别。

由于不同的浏览器解析出来的效果可能不一样，开发者常常需要为多版本的开发为艰苦工作。

Web 标准的好处
1、让Web的发展前景更广阔
2、内容能被更广泛的设备访问
3、更容易被搜寻引擎搜索
4、降低网站流量费用
5、使网站更易于维护
6、提高页面浏览速度
Web 标准构成
- Web标准不是某一个标准，而是由W3C和其他标准化组织制定的一系列标准的集合。
  主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。
  - 结构标准：结构用于对网页元素进行整理和分类，主要包括XML和XHTML两个部分。
  - 样式标准：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS。
  - 行为标准：行为是指网页模型的定义及交互的编写，主要包括DOM和ECMAScript两个部分。

gx.png

4.HTML 简介

HTML（英文Hyper Text Markup Language的缩写）中文译为“超文本标签语言”，主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。

HTML 历史

html-history.png

HTML语法骨架格式

html-overview.png

html标签：作用所有html中标签的一个根节点。
head标签：作用：用于存放： title,meta,base,style,script,link 注意在head标签中我们必须要设置的标签是title
title标签：作用：让页面拥有一个属于自己的标题。
body标签：作用：页面在的主体部分，用于存放所有的html标签： p,h,a,b,u,i,s,em,del,ins,strong,img

注意事项：
- 必须首行定格
- </code> 为文档标题</li> <li> <code><meta charset="utf-8"></code> 文档解码格式</li> <li> <code><meta name="keywords" content="..."></code> 和 <code><meta name="description" content="..."></code> 提供给搜索引擎使用</li> <li> <code><meta name="viewport" content="width=device-width, initial-scale=1.0"></code> 移动端浏览器的宽高与缩放</li> <li> <code><link></code> 标签可以引入 favicon 和样式表 CSS 文件</li> </ul> </li> </ul> <h3>5.文档类型<!DOCTYPE></h3> <p><!DOCTYPE> 标签位于文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范，必需在开头处使用</p> <p><!DOCTYPE>标签为所有的XHTML文档指定XHTML版本和类型，只有这样浏览器才能将该网页作为有效的XHTML文档，并按指定的文档类型(Document Type Definition 或 DTD)进行解析。</p> <ul> <li> <strong>tips:</strong> <ul> <li> <code>DOCTYPE</code>并不是<code>HTML标签</code>,而是一个<code>声明</code> </li> <li> <code>DOCTYPE</code>的作用是:告诉浏览器按照哪个规则去解析页面</li> </ul> </li> </ul> <blockquote> <p>一个标准的<code>HTML</code>文档,开头第一句都应该是<code><!DOCTYPE></code>,根据<code>HTML</code>版本的不同,写法上会有所差别.</p> </blockquote> <p><strong>DOCTYPE写法</strong></p> <table> <thead> <tr> <th style="text-align:left">版本</th> <th style="text-align:left">Emmet语法</th> <th style="text-align:left">DOCTYPE 声明</th> </tr> </thead> <tbody> <tr> <td style="text-align:left">HTML 5</td> <td style="text-align:left"> <code>html:5</code>+<code>tab</code>或者<code>!</code>+<code>tab</code> </td> <td style="text-align:left"><!DOCTYPE html></td> </tr> <tr> <td style="text-align:left">HTML 4.01 Strict</td> <td style="text-align:left"> <code>html:4s</code>+<code>tab</code> </td> <td style="text-align:left"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"></td> </tr> <tr> <td style="text-align:left">HTML 4.01 Transitional</td> <td style="text-align:left"> <code>html:4t</code>+ <code>tab</code> </td> <td style="text-align:left"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"></td> </tr> <tr> <td style="text-align:left">HTML 4.01 Frameset</td> <td style="text-align:left"></td> <td style="text-align:left"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"></td> </tr> <tr> <td style="text-align:left">XHTML 1.0 Strict</td> <td style="text-align:left"> <code>html:xs</code>+<code>tab</code> </td> <td style="text-align:left"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></td> </tr> <tr> <td style="text-align:left">XHTML 1.0 Transitional</td> <td style="text-align:left"> <code>html:xt</code>+<code>tab</code> </td> <td style="text-align:left"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></td> </tr> </tbody> </table> <div class="image-package"> <div class="image-container" style="max-width: 600px; max-height: 300px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/f500ea433acd4b53b6298cd21935f4b1.gif" target="_blank"><img src="http://img.e-com-net.com/image/info10/f500ea433acd4b53b6298cd21935f4b1.gif" width="600" height="300" alt="「HTML 」简介_第4张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> element-dtd.gif </div> </div> <h3>6.字符集</h3> <ul> <li>utf-8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312。</li> <li>gb2312 简单中文包括6763个汉字</li> <li>BIG5 繁体中文港澳台等用</li> <li>GBK包含全部中文字符是GB2312的扩展，加入对繁体字的支持，兼容GB2312</li> <li>UTF-8则包含全世界所有国家需要用到的字符</li> </ul> <blockquote> <p>记住一点，以后我们统统使用UTF-8 字符集</p> </blockquote> <h3>7.实体字符</h3> <p>实体字符（ASCII Encoding Reference）是用来在代码中以实体代替与HTML语法相同的字符，避免浏览解析错误。它的两种表示方式，第一种为 <code>&</code> 外加实体字符名称，例如 <code> </code>，第二种为 <code>&</code> 加实体字符序号，例如 <code> </code>。</p> <p><strong>常用HTML字符实体（建议使用实体）：</strong></p> <table> <thead> <tr> <th style="text-align:left">字符</th> <th style="text-align:left">名称</th> <th style="text-align:left">实体名</th> <th style="text-align:left">实体数</th> </tr> </thead> <tbody> <tr> <td style="text-align:left">"</td> <td style="text-align:left">双引号</td> <td style="text-align:left"><code>"</code></td> <td style="text-align:left"><code>"</code></td> </tr> <tr> <td style="text-align:left">&</td> <td style="text-align:left">&符</td> <td style="text-align:left"><code>&</code></td> <td style="text-align:left"><code>&</code></td> </tr> <tr> <td style="text-align:left"><</td> <td style="text-align:left">左尖括号（小于号）</td> <td style="text-align:left"><code><</code></td> <td style="text-align:left"><code><</code></td> </tr> <tr> <td style="text-align:left">></td> <td style="text-align:left">右尖括号（大于号）</td> <td style="text-align:left"><code>></code></td> <td style="text-align:left"><code>></code></td> </tr> <tr> <td style="text-align:left"></td> <td style="text-align:left">空格</td> <td style="text-align:left"><code> </code></td> <td style="text-align:left"><code> </code></td> </tr> <tr> <td style="text-align:left"></td> <td style="text-align:left">中文全角空格</td> <td style="text-align:left"><code>&</code></td> <td style="text-align:left"><code>　</code></td> </tr> </tbody> </table> <p><strong>常用特殊字符实体（不建议使用实体）：</strong></p> <table> <thead> <tr> <th style="text-align:left">字符</th> <th style="text-align:left">名称</th> <th style="text-align:left">实体名</th> <th style="text-align:left">实体数</th> </tr> </thead> <tbody> <tr> <td style="text-align:left">¥</td> <td style="text-align:left">元</td> <td style="text-align:left"><code>¥</code></td> <td style="text-align:left"><code>¥</code></td> </tr> <tr> <td style="text-align:left">¦</td> <td style="text-align:left">断竖线</td> <td style="text-align:left"><code>¦</code></td> <td style="text-align:left"><code>¦</code></td> </tr> <tr> <td style="text-align:left">©</td> <td style="text-align:left">版权</td> <td style="text-align:left"><code>©</code></td> <td style="text-align:left"><code>©</code></td> </tr> <tr> <td style="text-align:left">®</td> <td style="text-align:left">注册商标R</td> <td style="text-align:left"><code>®</code></td> <td style="text-align:left"><code>®</code></td> </tr> <tr> <td style="text-align:left">™</td> <td style="text-align:left">商标TM</td> <td style="text-align:left"><code>™</code></td> <td style="text-align:left"><code>™</code></td> </tr> <tr> <td style="text-align:left">·</td> <td style="text-align:left">间隔符</td> <td style="text-align:left"><code>·</code></td> <td style="text-align:left"><code>·</code></td> </tr> <tr> <td style="text-align:left">«</td> <td style="text-align:left">左双尖括号</td> <td style="text-align:left"><code>«</code></td> <td style="text-align:left"><code>«</code></td> </tr> <tr> <td style="text-align:left">»</td> <td style="text-align:left">右双尖括号</td> <td style="text-align:left"><code>»</code></td> <td style="text-align:left"><code>»</code></td> </tr> <tr> <td style="text-align:left">°</td> <td style="text-align:left">度</td> <td style="text-align:left"><code>°</code></td> <td style="text-align:left"><code>°</code></td> </tr> <tr> <td style="text-align:left">×</td> <td style="text-align:left">乘</td> <td style="text-align:left"><code>×</code></td> <td style="text-align:left"><code>×</code></td> </tr> <tr> <td style="text-align:left">÷</td> <td style="text-align:left">除</td> <td style="text-align:left"><code>÷</code></td> <td style="text-align:left"><code>÷</code></td> </tr> <tr> <td style="text-align:left">‰</td> <td style="text-align:left">千分比</td> <td style="text-align:left"><code>‰</code></td> <td style="text-align:left"><code>‰</code></td> </tr> <tr> <td style="text-align:left">±</td> <td style="text-align:left">plus-or-minus</td> <td style="text-align:left"><code>±</code></td> <td style="text-align:left"><code>±</code></td> </tr> <tr> <td style="text-align:left">²</td> <td style="text-align:left">平方2（上标2）</td> <td style="text-align:left"><code>²</code></td> <td style="text-align:left"><code>²</code></td> </tr> <tr> <td style="text-align:left">³</td> <td style="text-align:left">平方3（上标3）</td> <td style="text-align:left"><code>³</code></td> <td style="text-align:left"><code>³</code></td> </tr> </tbody> </table> <p><strong>tips：</strong>具体所需可在使用时查询，无需记忆。</p> </article> </div> </div> </div>  <div id="SOHUCS" sid="1236218217093984256"></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 」简介)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1883336640567504896.htm" title="AI学习指南Ollama篇-Ollama简介" target="_blank">AI学习指南Ollama篇-Ollama简介</a> <span class="text-muted">俞兆鹏</span> <a class="tag" taget="_blank" href="/search/AI%E5%AD%A6%E4%B9%A0%E6%8C%87%E5%8D%97/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/ollama/1.htm">ollama</a> <div>一、定义大语言模型（LLM）是一种基于深度学习的自然语言处理模型，能够生成文本、回答问题、翻译语言、撰写代码等。这些模型通过海量的文本数据进行训练，学习语言的模式和结构，从而能够生成自然流畅的文本内容。随着技术的不断进步，大语言模型在各个领域都展现出了巨大的潜力。二、应用场景大语言模型的应用场景非常广泛，以下是一些常见的例子：聊天机器人：通过自然语言理解与生成，为用户提供智能对话服务。内容创作：帮</div> </li> <li><a href="/article/1883334873180073984.htm" title="【window批处理文件快速入门学习--这份文档就够了】" target="_blank">【window批处理文件快速入门学习--这份文档就够了】</a> <span class="text-muted">少年近视</span> <a class="tag" taget="_blank" href="/search/%E6%89%B9%E5%A4%84%E7%90%86/1.htm">批处理</a><a class="tag" taget="_blank" href="/search/adb/1.htm">adb</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/batch/1.htm">batch</a> <div>一、简介1.1什么是批处理文件？批处理文件（BatchFile）是一种包含一系列DOS命令的文本文件，通常用于自动化重复性任务。文件的扩展名为.bat或.cmd，当在命令提示符下运行时，操作系统会按顺序执行文件中的命令。批处理文件的创建和使用为用户提供了高效的命令行操作方式。示例：创建一个简单的批处理文件，文件名为example.bat，内容如下：@echooffecho这是一个简单的批处理文件。</div> </li> <li><a href="/article/1883327558909489152.htm" title="node.js使用commander包构建命令行应用" target="_blank">node.js使用commander包构建命令行应用</a> <span class="text-muted">crayon-shin-chan</span> <a class="tag" taget="_blank" href="/search/surprise/1.htm">surprise</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/typescript/1.htm">typescript</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/nodejs/1.htm">nodejs</a> <div>仓库：https://github.com/tj/commander.js1.简介commander是node.js命令行接口的完整解决方案。2.安装npminstallcommander3.开始使用Commander导出一个全局对象，这对于快速程序很方便。为了简洁起见，在本自述文件的示例中使用了此方法。const{program}=require('commander');program.ver</div> </li> <li><a href="/article/1883326169999273984.htm" title="图像处理算法研究的程序框架" target="_blank">图像处理算法研究的程序框架</a> <span class="text-muted">mickey0380</span> <a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F%E8%B0%83%E7%94%A8/1.htm">系统调用</a><a class="tag" taget="_blank" href="/search/%E5%9B%BE%E5%83%8F%E5%A4%84%E7%90%86/1.htm">图像处理</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E6%A1%86%E6%9E%B6/1.htm">程序框架</a><a class="tag" taget="_blank" href="/search/Windows/1.htm">Windows</a> <div>目录1程序框架简介2C#图像读取、显示、保存模块3C动态库图像算法模块4C#调用C动态库5演示Demo5.1开发环境5.2功能介绍5.3下载地址参考1程序框架简介一个图像处理算法研究的常用程序逻辑框架，如下图所示在该框架中，将图像处理算法产品分为上层模块和底层模块两个部分。底层模块使用C/C++实现算法API，提供给上层模块调用；上层模块执行调用API和一些界面功能的实现，最后得到不同平台的软件产</div> </li> <li><a href="/article/1883326171043655680.htm" title="从零基础开始实现一个Spring Boot + Vue 项目的详细步骤指南" target="_blank">从零基础开始实现一个Spring Boot + Vue 项目的详细步骤指南</a> <span class="text-muted">软件职业规划</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</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><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>一、准备工作1.开发环境搭建安装JDK（JavaDevelopmentKit）：前往Oracle官网（https://www.oracle.com/java/technologies/javase-jdk11-downloads.html，以JDK11为例）下载适合你操作系统的JDK安装包，按照安装向导完成安装。安装完成后，配置系统环境变量，确保在命令行中能通过java-version命令查看到正</div> </li> <li><a href="/article/1883320878247243776.htm" title="spring security配置详解" target="_blank">spring security配置详解</a> <span class="text-muted">anzai561156</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>1.IS_AUTHENTICATED_ANONYMOUSLY表示的是匿名用户也可以访问。转载于:https://www.cnblogs.com/Aaronqcd/p/4848517.html</div> </li> <li><a href="/article/1883320247616860160.htm" title="基于ARM的智能灯光控制系统（1）项目介绍" target="_blank">基于ARM的智能灯光控制系统（1）项目介绍</a> <span class="text-muted">国产化创客</span> <a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F%E9%A1%B9%E7%9B%AE/1.htm">嵌入式项目</a><a class="tag" taget="_blank" href="/search/Linux%E5%BA%94%E7%94%A8/1.htm">Linux应用</a><a class="tag" taget="_blank" href="/search/Linux%E9%A9%B1%E5%8A%A8/1.htm">Linux驱动</a><a class="tag" taget="_blank" href="/search/arm/1.htm">arm</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</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/linux%E9%A9%B1%E5%8A%A8/1.htm">linux驱动</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E7%BC%96%E7%A8%8B/1.htm">网络编程</a> <div>基于ARM的智能灯光控制系统（1）项目介绍项目实践说明：本实践项目是嵌入式开发培训（阶段2）底层系统开发视频课程的综合实践项目。项目开发使用的技术知识点包括：C语言编程，文件编程，串口编程，网络编程，多线程编程，进程间通信，嵌入式交叉开发，嵌入式Web服务器开发，HTML编程，Linux驱动程序开发。嵌入式开发培训（阶段2）底层系统开发视频地址智能灯光控制系统视频地址系统功能智能灯光系统是对灯光进</div> </li> <li><a href="/article/1883319742844956672.htm" title="JS在HTML页面内动态创建SVG元素" target="_blank">JS在HTML页面内动态创建SVG元素</a> <span class="text-muted">一粒马豆</span> <a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%8F%AF%E8%A7%86%E5%8C%96/1.htm">数据可视化</a><a class="tag" taget="_blank" href="/search/SVG/1.htm">SVG</a><a class="tag" taget="_blank" href="/search/JS/1.htm">JS</a><a class="tag" taget="_blank" href="/search/D3/1.htm">D3</a><a class="tag" taget="_blank" href="/search/WEB/1.htm">WEB</a> <div>最近在学习数据可视化，深入了解了如何在网页上实现数据的动态可视化。比如D3.JS主要应用JS在HTML页面内动态生成SVG元素并绑定数据。以下是我的例程：//通过createElementNS创建svg元素并设置属性varsvg=document.createElementNS('http://www.w3.org/2000/svg','svg');svg.setAttribute("style"</div> </li> <li><a href="/article/1883317977982496768.htm" title="C++设计模式——Strategy策略模式" target="_blank">C++设计模式——Strategy策略模式</a> <span class="text-muted">程序员与背包客_CoderZ</span> <a class="tag" taget="_blank" href="/search/C%2FC%2B%2B%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">C/C++设计模式</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</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/%E7%AD%96%E7%95%A5%E6%A8%A1%E5%BC%8F/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>一，策略模式简介策略模式是一种行为型设计模式，策略模式在软件开发场景中定义了一系列的算法，并将每个算法单独封装在可替换的对象中，使应用程序在运行时可以根据具体的上下文来动态地选择和切换算法，同时保持原有的代码架构不被修改。策略模式的设计使得算法的实现与调用被分离，让算法可以独立于外部客户端进行开发和改动，使用独立的类来封装特定的算法，也避免了不同算法策略之间的互相影响。策略模式能适应多种应用场景，</div> </li> <li><a href="/article/1883315452403314688.htm" title="Spring Security 详解：涵盖架构原理、多种认证授权方式、集成运用及安全配置要点汇总" target="_blank">Spring Security 详解：涵盖架构原理、多种认证授权方式、集成运用及安全配置要点汇总</a> <span class="text-muted">软件职业规划</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a> <div>一、SpringSecurity概述（一）简介SpringSecurity是一个功能强大且高度可定制的身份验证和访问控制框架，用于在Java应用程序中提供安全机制。它构建在Spring框架之上，能够轻松地集成到基于Spring的应用程序中，包括SpringBoot应用。（二）核心功能认证（Authentication）这是确认用户身份的过程。SpringSecurity支持多种认证方式，如基于表单</div> </li> <li><a href="/article/1883307501470937088.htm" title="支持向量机图像分类matlab,基于支持向量机的图像分类.MATLAB" target="_blank">支持向量机图像分类matlab,基于支持向量机的图像分类.MATLAB</a> <span class="text-muted">流光微言</span> <a class="tag" taget="_blank" href="/search/%E6%94%AF%E6%8C%81%E5%90%91%E9%87%8F%E6%9C%BA%E5%9B%BE%E5%83%8F%E5%88%86%E7%B1%BBmatlab/1.htm">支持向量机图像分类matlab</a> <div>【实例简介】基于支持向量机的图像分类.MATLAB【实例截图】【核心代码】基于支持向量机的图像分类├──code.zip├──pictures│├──car││├──car10.jpg││├──car11.jpg││├──car12.jpg││├──car13.jpg││├──car14.jpg││├──car15.jpg││├──car16.jpg││├──car17.jpg││├──car18</div> </li> <li><a href="/article/1883304598442143744.htm" title="基于AT32(STM32)单片机的模块化代码之——按键代码模块化" target="_blank">基于AT32(STM32)单片机的模块化代码之——按键代码模块化</a> <span class="text-muted">大白哦</span> <a class="tag" taget="_blank" href="/search/%E5%8D%95%E7%89%87%E6%9C%BA/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/%E6%A1%88%E4%BE%8B/1.htm">案例</a><a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE%E5%BC%80%E5%8F%91/1.htm">项目开发</a> <div>基于AT32(STM32)单片机的模块化代码之按键模块化1.环境介绍平台：AT32F415单片机，雅特力公司的AT32系列单片机其实跟STM32系列单片机大同小异，包括库函数等基本都是一样的，所以这款代码无论是AT32还是STM32都是适用的。开发环境：MDKV5forarm简介：最近做项目经常用得到按键模块，包括按键扫描，按键长按，短按，组合按的判定，所以特地把按键模块做了整理，让其模块化更加好</div> </li> <li><a href="/article/1883302960490934272.htm" title="初识内嵌iframe" target="_blank">初识内嵌iframe</a> <span class="text-muted">家里有只小肥猫</span> <a class="tag" taget="_blank" href="/search/iframe/1.htm">iframe</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>iframe的基本介绍与使用介绍iframe（内嵌框架）是HTML中一种用于将一个网页嵌入到另一个网页中的标签，它可以在一个页面中显示来自其他页面的内容。在网页中，使用标签可以将一个网页嵌套在另一个网页中，实现网页间的互联互通。基础使用标签的基本用法如下：例如：属性除了src属性，还可以使用其他属性来设置iframe的行为和样式，如allow、allowfullscreen、class、frame</div> </li> <li><a href="/article/1883300058540077056.htm" title="openbmc简介" target="_blank">openbmc简介</a> <span class="text-muted">天地元黄</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>openbmc简介OpenBMCIPMI简介OpenBMC软件架构OpenBMC在说OpenBMC之前，先说一下BMC（BaseboardManagerController，简称BMC），BMC应用了IPMI架构的智能性，是嵌入在计算机（通常是服务器）主板上的专用的微控制器。它是负责管理系统和管理软件与服务器平台硬件之间的一个接口。根据IPMI规范，BMC需要满足如下条件：具有IMPI命令;提供B</div> </li> <li><a href="/article/1883295143449128960.htm" title="ASP.NET Core MVC" target="_blank">ASP.NET Core MVC</a> <span class="text-muted">AAA猪饲料批发李师傅</span> <a class="tag" taget="_blank" href="/search/.NET/1.htm">.NET</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a><a class="tag" taget="_blank" href="/search/.netcore/1.htm">.netcore</a><a class="tag" taget="_blank" href="/search/c%23/1.htm">c#</a> <div>项目结构控制器由Controller类实现，视图一般是扩展名为cshtml的文件，而模型则是只有属性的普通C#类。控制器类的名字一般以Controller结尾，并且被放到Controllers文件夹下。控制器的名字为控制器的类名去掉Controller。视图一般被放到Views文件夹下的控制器名字的文件夹下。视图→浏览器端提交的请求→模型→控制器→处理→模型→视图。渲染：Render。案例演示一个</div> </li> <li><a href="/article/1883294890700369920.htm" title="CSS快速入门" target="_blank">CSS快速入门</a> <span class="text-muted">Annaday</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>CSS引入方式CSS样式文件有两种引入方式，既可以写在HTML文件内，也可以作为独立的以.css结尾的文件存在方式一：使用独立的CSS文件引入当CSS样式作为单独的文件时，需要在HTML文件的标签中使用link标签来引入该CSS文件。例如，假设有一个名为styles.css的CSS文件，要将其引入到HTML文件中，需按以下方式在标签内添加link标签：在上述代码中：rel="stylesheet"</div> </li> <li><a href="/article/1883292746945458176.htm" title="如何找回丢失的智能合约（SimpleToken ）地址并清理合约" target="_blank">如何找回丢失的智能合约（SimpleToken ）地址并清理合约</a> <span class="text-muted">纸鸢666</span> <a class="tag" taget="_blank" href="/search/%E5%90%88%E7%BA%A6%E7%A0%B4%E8%A7%A3%E6%A1%88%E4%BE%8B/1.htm">合约破解案例</a><a class="tag" taget="_blank" href="/search/%E5%8C%BA%E5%9D%97%E9%93%BE/1.htm">区块链</a> <div>简介在以太坊和其他区块链平台上，智能合约的部署和交互非常重要。然而，在实际应用中，开发者有时会遇到一些问题，比如丢失了已经部署的合约地址。在本文中，我们将探讨一个简单的智能合约示例，说明如何找回丢失的合约地址，并清理这些合约以避免资源浪费。1.问题背景假设有一个非常简单的代币工厂合约，任何人都可以通过它轻松创建新的代币合约。这个代币合约会接收以太币并根据以太币数量发行代币。在合约创建后，代币合约部</div> </li> <li><a href="/article/1883286693814005760.htm" title="桌面应用程序开发：跨平台方案方案有什么？" target="_blank">桌面应用程序开发：跨平台方案方案有什么？</a> <span class="text-muted">柚米汇</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>目前市面上最流行的桌面开发程序框架和工具包括以下几种：1.Electron简介：使用Web技术（HTML、CSS、JavaScript）开发跨平台桌面应用，结合Node.js和Chromium。优点：广泛使用的Web技术，开发门槛低。丰富的插件和生态系统支持。许多成功的应用案例（如VisualStudioCode、Slack、Discord）。工具：VisualStudioCode、Atom。2.</div> </li> <li><a href="/article/1883285934477209600.htm" title="数据采集与存储——Elasticsearch实战详解" target="_blank">数据采集与存储——Elasticsearch实战详解</a> <span class="text-muted">AI天才研究院</span> <a class="tag" taget="_blank" href="/search/Python%E5%AE%9E%E6%88%98/1.htm">Python实战</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0%E5%AE%9E%E6%88%98/1.htm">深度学习实战</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80%E5%A4%84%E7%90%86/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/%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%8B/1.htm">语言模型</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E5%AE%9E%E8%B7%B5/1.htm">编程实践</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1/1.htm">架构设计</a> <div>作者：禅与计算机程序设计艺术1.简介Elasticsearch是一个基于Lucene构建的开源分布式搜索引擎，主要用于大规模数据的存储、检索、分析等功能。Elasticsearch非常适合处理结构化和非结构化的数据，并且提供完整的RESTfulAPI接口，可以与多种语言的客户端进行交互。本文将从以下几个方面对Elasticsearch进行详细介绍：⒈Elasticsearch的历史及特性介绍；⒉E</div> </li> <li><a href="/article/1883281144363937792.htm" title="PHP htmlspecialchars()函数详解" target="_blank">PHP htmlspecialchars()函数详解</a> <span class="text-muted">小彭爱学习</span> <a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a> <div>PHPhtmlspecialchars()函数详解htmlspecialchars函数多常用于防止xss攻击，htmlspecialchars函数要转义单引号需要设置第二个参数为ENT_QUOTES，转义双引号需要设置第二个参数为ENT_NOQUOTES一、定义和用法htmlspecialchars()函数把一些预定义的字符转换为HTML实体。预定义的字符是：&(&符号)=============</div> </li> <li><a href="/article/1883280640460255232.htm" title="简介：编译、链接、静态库那点事儿" target="_blank">简介：编译、链接、静态库那点事儿</a> <span class="text-muted">liulun</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a> <div>编译一个C程序文件非常简单，如果你用MSVC编译器，那命令行是：>clhello.c//同目录下生成hello.execl.exe是你安装VisualStudio自带的，一般你在"x64NativeToolsCommandPromptforVS2022"环境下就能直接用它。编译多个C程序文件也可以用同样的方式，如下指令所示：>clhello.callen.c//同目录下生成hello.exe当然，</div> </li> <li><a href="/article/1883276603572678656.htm" title="编译器概述" target="_blank">编译器概述</a> <span class="text-muted">Tiantangbujimo7</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E8%AF%91%E5%8E%9F%E7%90%86%E5%AD%A6%E4%B9%A0/1.htm">编译原理学习</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80/1.htm">编程语言</a> <div>什么是编译器：编译器是一个程序，核心功能是把源代码翻译成目标代码。源代码：c/c++,Java,c#,html,sql,…目标代码:x86,IA64,ARM,MIPS,…编译器的核心功能：源代码经过编译器的翻译，生成了目标代码，这里的静态计算意思是编译器在对目标程序进行编译的过程中并不去执行这个代码，而是尝试以静态的方式对目标程序进行理解，理解的原因是编译器所生成的目标程序和源程序必须语义相同。生</div> </li> <li><a href="/article/1883274963507539968.htm" title="【学习笔记】昇思25天学习打卡(D14)CV05-SSD目标检测.ipynb" target="_blank">【学习笔记】昇思25天学习打卡(D14)CV05-SSD目标检测.ipynb</a> <span class="text-muted">UnseenMe</span> <a class="tag" taget="_blank" href="/search/%E6%98%87%E6%80%9D/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/%E7%9B%AE%E6%A0%87%E6%A3%80%E6%B5%8B/1.htm">目标检测</a> <div>SSD目标检测模型简介SSD，全称SingleShotMultiBoxDetector，是WeiLiu在ECCV2016上提出的一种目标检测算法。使用NvidiaTitanX在VOC2007测试集上，SSD对于输入尺寸300x300的网络，达到74.3%mAP(meanAveragePrecision)以及59FPS；对于512x512的网络，达到了76.9%mAP，超越当时最强的FasterRC</div> </li> <li><a href="/article/1883268535082348544.htm" title="快速入门使用Redis缓存" target="_blank">快速入门使用Redis缓存</a> <span class="text-muted">阳光宅男dh</span> <a class="tag" taget="_blank" href="/search/%E8%BF%9B%E9%98%B6%E5%AD%A6%E4%B9%A0/1.htm">进阶学习</a><a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a><a class="tag" taget="_blank" href="/search/%E7%BC%93%E5%AD%98/1.htm">缓存</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>Redis简介Redis是一个高性能的内存数据库，以key-value方式存储数据，可以作为缓存使用。为什么使用缓存？高并发MySQL的连接数存在瓶颈，连接过大可能导致MySQL宕机解决方法：部署多个MySQL服务，主从复制部署缓存，承担一部分的并发高性能基于内存，内存IO效率远远高于磁盘Redis的特点：性能高（读的速度是110000次/s,写的速度是81000次/s，单机redis支撑万级并发</div> </li> <li><a href="/article/1883267653229932544.htm" title="视频系统网络架构和相关计算" target="_blank">视频系统网络架构和相关计算</a> <span class="text-muted">乌鹊月</span> <a class="tag" taget="_blank" href="/search/%E5%BC%B1%E7%94%B5%E8%AE%BE%E8%AE%A1/1.htm">弱电设计</a><a class="tag" taget="_blank" href="/search/%E9%9F%B3%E8%A7%86%E9%A2%91/1.htm">音视频</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a> <div>目录内容简介一、视频系统的经典架构1.1不同交换机1.2推荐（仅参考）二、摄像机编码方式2.1摄像机码流值三、交换机带宽选择3.1接入层交换机3.2汇聚层交换机3.3核心层交换机四、存储容量的计算4.1带宽、网速、流量区分4.2视频存储容量五、上传宽带5.1双码流技术5.2用户读取数目5.3计算参考内容简介这里只关注视频系统的网络架构和存储。关于经典三层架构的网络交换机的选择，不同摄像机的码流是多</div> </li> <li><a href="/article/1883258437752647680.htm" title="【Matlab高端绘图SCI绘图模板】第05期绘制高阶折线图" target="_blank">【Matlab高端绘图SCI绘图模板】第05期绘制高阶折线图</a> <span class="text-muted">小熊科研路（同名GZH）</span> <a class="tag" taget="_blank" href="/search/%E5%8F%AF%E8%A7%86%E5%8C%96/1.htm">可视化</a><a class="tag" taget="_blank" href="/search/matlab/1.htm">matlab</a><a class="tag" taget="_blank" href="/search/%E4%BF%A1%E6%81%AF%E5%8F%AF%E8%A7%86%E5%8C%96/1.htm">信息可视化</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.折线图简介折线图是一个由点和线组成的统计图表，常用来表示数值随连续时间间隔或有序类别的变化。在折线图中，x轴通常用作连续时间间隔或有序类别（比如阶段1，阶段2，阶段3）。y轴用于量化的数据，如果为负值则绘制于y轴下方。连线用于连接两个相邻的数据点。折线图用于分析事物随时间或有序类别而变化的趋势。如果有多组数据，则用于分析多组数据随时间变化或有序类别的相互作用和影响。折线的方向表示正/负变化。折</div> </li> <li><a href="/article/1883254149550764032.htm" title="【Pytest】基础到高级功能的理解使用" target="_blank">【Pytest】基础到高级功能的理解使用</a> <span class="text-muted">卜及中</span> <a class="tag" taget="_blank" href="/search/Python%E5%9F%BA%E7%A1%80/1.htm">Python基础</a><a class="tag" taget="_blank" href="/search/pytest/1.htm">pytest</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/python3.11/1.htm">python3.11</a> <div>文章目录第一部分：Pytest简介1.1什么是Pytest？1.2Pytest的历史1.3Pytest的核心概念1.4Pytest的特点1.5为什么选择Pytest？第二部分：Pytest的基本使用2.1安装Pytest2.2编写第一个测试用例2.2.1创建一个简单的测试函数2.2.2运行测试2.3测试报告和输出2.3.1简单输出2.3.2显示详细的失败信息2.3.3生成HTML报告2.4组织和运</div> </li> <li><a href="/article/1883248098596155392.htm" title="gRPC协议简介" target="_blank">gRPC协议简介</a> <span class="text-muted">xidianhuihui</span> <a class="tag" taget="_blank" href="/search/golang/1.htm">golang</a> <div>gRPC是谷歌开源的一套RPC协议框架。主要做两件事情：一是数据编码，二是请求映射。数据编码数据编码顾名思义就是在将请求的内存对像转化成可以传输的字节流发给服务端，并将收到的字节流再转化成内存对像。方法有很多，常见的有XML、JSON、Protobuf。XML已经日薄西山，JSON风头正盛，Protobuf则方兴未艾。gRPC默认选用Protobuf，早期貌似只支持Protobuf，现在号称也支持</div> </li> <li><a href="/article/1883242540220608512.htm" title="转帖-在Eclipse中开发JSF" target="_blank">转帖-在Eclipse中开发JSF</a> <span class="text-muted">ren_z_q</span> <a class="tag" taget="_blank" href="/search/JSF/1.htm">JSF</a><a class="tag" taget="_blank" href="/search/Eclipse/1.htm">Eclipse</a><a class="tag" taget="_blank" href="/search/Bean/1.htm">Bean</a><a class="tag" taget="_blank" href="/search/JSP/1.htm">JSP</a><a class="tag" taget="_blank" href="/search/Oracle/1.htm">Oracle</a> <div>(转自http://www.blogjava.net/gaofeng/articles/127842.html作者:Java.net)Eclipse3.3刚刚发布,正在学习JSF,于是使用Eclipse3.3做了一个JSF的Demo,很简单,主要是页面的跳转、组件和Bean的绑定等基础...1、工具准备:Eclipse3.3WTP2.0(最好下载一个all-in-one的版本..省的麻烦)...依</div> </li> <li><a href="/article/1883242412600520704.htm" title="Mybatis plus的基本使用" target="_blank">Mybatis plus的基本使用</a> <span class="text-muted">厂里英才</span> <a class="tag" taget="_blank" href="/search/Mybatis/1.htm">Mybatis</a><a class="tag" taget="_blank" href="/search/plus/1.htm">plus</a><a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/plus/1.htm">plus</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><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>目录1Mybatisplus的简介(来自官网)2基本使用步骤2.1引入依赖坐标2.2定义Mapper并继承BaseMapper接口3直接使用一部分自动生成的方法4基本规则5常用注解(都用于实体类)5.1@TableName5.2@TableId5.3@TableField6常见配置1Mybatisplus的简介(来自官网)Mybatisplus（简称MP）是一个Mybatis的增强工具，在MyBa</div> </li> <li><a href="/article/106.htm" title="书其实只有三类" target="_blank">书其实只有三类</a> <span class="text-muted">西蜀石兰</span> <a class="tag" taget="_blank" href="/search/%E7%B1%BB/1.htm">类</a> <div>一个人一辈子其实只读三种书，知识类、技能类、修心类。知识类的书可以让我们活得更明白。类似十万个为什么这种书籍，我一直不太乐意去读，因为单纯的知识是没法做事的，就像知道地球转速是多少一样（我肯定不知道），这种所谓的知识，除非用到，普通人掌握了完全是一种负担，维基百科能找到的东西，为什么去记忆？知识类的书，每个方面都涉及些，让自己显得不那么没文化，仅此而已。社会认为的学识渊博，肯定不是站在</div> </li> <li><a href="/article/233.htm" title="《TCP/IP 详解，卷1：协议》学习笔记、吐槽及其他" target="_blank">《TCP/IP 详解，卷1：协议》学习笔记、吐槽及其他</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/tcp/1.htm">tcp</a> <div>《TCP/IP 详解，卷1：协议》是经典，但不适合初学者。它更像是一本字典，适合学过网络的人温习和查阅一些记不清的概念。这本书，我看的版本是机械工业出版社、范建华等译的。这本书在我看来，翻译得一般，甚至有明显的错误。如果英文熟练，看原版更好： http://pcvr.nl/tcpip/ 下面是我的一些笔记，包括我看书时有疑问的地方，也有对该书的吐槽，有不对的地方请指正： 1.</div> </li> <li><a href="/article/360.htm" title="Linux—— 静态IP跟动态IP设置" target="_blank">Linux—— 静态IP跟动态IP设置</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/IP/1.htm">IP</a> <div>一.在终端输入 vi /etc/sysconfig/network-scripts/ifcfg-eth0 静态ip模板如下： DEVICE="eth0" #网卡名称 BOOTPROTO="static" #静态IP（必须） HWADDR="00:0C:29:B5:65:CA" #网卡mac地址 IPV6INIT=&q</div> </li> <li><a href="/article/487.htm" title="Informatica update strategy transformation" target="_blank">Informatica update strategy transformation</a> <span class="text-muted">18289753290</span> <div>更新策略组件：标记你的数据进入target里面做什么操作，一般会和lookup配合使用，有时候用0,1,1代表 forward rejected rows被选中，rejected row是输出在错误文件里，不想看到reject输出，将错误输出到文件，因为有时候数据库原因导致某些column不能update，reject就会output到错误文件里面供查看，在workflow的</div> </li> <li><a href="/article/614.htm" title="使用Scrapy时出现虽然队列里有很多Request但是却不下载，造成假死状态" target="_blank">使用Scrapy时出现虽然队列里有很多Request但是却不下载，造成假死状态</a> <span class="text-muted">酷的飞上天空</span> <a class="tag" taget="_blank" href="/search/request/1.htm">request</a> <div>现象就是：程序运行一段时间，可能是几十分钟或者几个小时，然后后台日志里面就不出现下载页面的信息，一直显示上一分钟抓取了0个网页的信息。刚开始已经猜到是某些下载线程没有正常执行回调方法引起程序一直以为线程还未下载完成，但是水平有限研究源码未果。经过不停的google终于发现一个有价值的信息，是给twisted提出的一个bugfix 连接地址如下http://twistedmatrix.</div> </li> <li><a href="/article/741.htm" title="利用预测分析技术来进行辅助医疗" target="_blank">利用预测分析技术来进行辅助医疗</a> <span class="text-muted">蓝儿唯美</span> <a class="tag" taget="_blank" href="/search/%E5%8C%BB%E7%96%97/1.htm">医疗</a> <div>2014年，克利夫兰诊所（Cleveland Clinic）想要更有效地控制其手术中心做膝关节置换手术的费用。整个系统每年大约进行2600例此类手术，所以，即使降低很少一部分成本，都可以为诊所和病人节约大量的资金。为了找到适合的解决方案，供应商将视野投向了预测分析技术和工具，但其分析团队还必须花时间向医生解释基于数据的治疗方案意味着什么。克利夫兰诊所负责企业信息管理和分析的医疗</div> </li> <li><a href="/article/868.htm" title="java 线程(一)：基础篇" target="_blank">java 线程(一)：基础篇</a> <span class="text-muted">DavidIsOK</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/%E7%BA%BF%E7%A8%8B/1.htm">线程</a> <div> &nbs</div> </li> <li><a href="/article/995.htm" title="Tomcat服务器框架之Servlet开发分析" target="_blank">Tomcat服务器框架之Servlet开发分析</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a> <div>最近使用Tomcat做web服务器，使用Servlet技术做开发时，对Tomcat的框架的简易分析：疑问：为什么我们在继承HttpServlet类之后，覆盖doGet(HttpServletRequest req, HttpServetResponse rep)方法后，该方法会自动被Tomcat服务器调用，doGet方法的参数有谁传递过来？怎样传递？分析之我见： doGet方法的</div> </li> <li><a href="/article/1122.htm" title="揭秘玖富的粉丝营销之谜与小米粉丝社区类似" target="_blank">揭秘玖富的粉丝营销之谜与小米粉丝社区类似</a> <span class="text-muted">aoyouzi</span> <a class="tag" taget="_blank" href="/search/%E6%8F%AD%E7%A7%98%E7%8E%96%E5%AF%8C%E7%9A%84%E7%B2%89%E4%B8%9D%E8%90%A5%E9%94%80%E4%B9%8B%E8%B0%9C/1.htm">揭秘玖富的粉丝营销之谜</a> <div>玖富旗下悟空理财凭借着一个微信公众号上线当天成交量即破百万，第七天成交量单日破了1000万;第23天时，累计成交量超1个亿……至今成立不到10个月，粉丝已经超过500万，月交易额突破10亿，而玖富平台目前的总用户数也已经超过了1800万，位居P2P平台第一位。很多互联网金融创业者慕名前来学习效仿，但是却鲜有成功者，玖富的粉丝营销对外至今仍然是个谜。　　近日，一直坚持微信粉丝营销</div> </li> <li><a href="/article/1249.htm" title="Java web的会话跟踪技术" target="_blank">Java web的会话跟踪技术</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/url%E4%BC%9A%E8%AF%9D/1.htm">url会话</a><a class="tag" taget="_blank" href="/search/Cookie%E4%BC%9A%E8%AF%9D/1.htm">Cookie会话</a><a class="tag" taget="_blank" href="/search/Seession%E4%BC%9A%E8%AF%9D/1.htm">Seession会话</a><a class="tag" taget="_blank" href="/search/Java+Web/1.htm">Java Web</a><a class="tag" taget="_blank" href="/search/%E9%9A%90%E8%97%8F%E5%9F%9F%E4%BC%9A%E8%AF%9D/1.htm">隐藏域会话</a> <div>会话跟踪主要是用在用户页面点击不同的页面时,需要用到的技术点会话:多次请求与响应的过程 1,url地址传递参数,实现页面跟踪技术格式:传一个参数的 url?名=值传两个参数的 url?名=值 &名=值关键代码</div> </li> <li><a href="/article/1376.htm" title="web.xml之Servlet配置" target="_blank">web.xml之Servlet配置</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/web.xml/1.htm">web.xml</a><a class="tag" taget="_blank" href="/search/Servlet%E9%85%8D%E7%BD%AE/1.htm">Servlet配置</a> <div>定义： <servlet> <servlet-name>myservlet</servlet-name> <servlet-class>com.myapp.controller.MyFirstServlet</servlet-class> <init-param> <param-name></div> </li> <li><a href="/article/1503.htm" title="利用svnsync实现SVN同步备份" target="_blank">利用svnsync实现SVN同步备份</a> <span class="text-muted">sunjing</span> <a class="tag" taget="_blank" href="/search/SVN/1.htm">SVN</a><a class="tag" taget="_blank" href="/search/%E5%90%8C%E6%AD%A5/1.htm">同步</a><a class="tag" taget="_blank" href="/search/E000022/1.htm">E000022</a><a class="tag" taget="_blank" href="/search/svnsync/1.htm">svnsync</a><a class="tag" taget="_blank" href="/search/%E9%95%9C%E5%83%8F/1.htm">镜像</a> <div>1. 在备份SVN服务器上建立版本库 svnadmin create test 2. 创建pre-revprop-change文件 cd test/hooks/ cp pre-revprop-change.tmpl pre-revprop-change 3. 修改pre-revprop-</div> </li> <li><a href="/article/1630.htm" title="【分布式数据一致性三】MongoDB读写一致性" target="_blank">【分布式数据一致性三】MongoDB读写一致性</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a> <div>本系列文章结合MongoDB，探讨分布式数据库的数据一致性，这个系列文章包括：数据一致性概述与CAP 最终一致性(Eventually Consistency) 网络分裂(Network Partition)问题多数据中心(Multi Data Center) 多个写者(Multi Writer)最终一致性一致性图表(Consistency Chart) 数据</div> </li> <li><a href="/article/1757.htm" title="Anychart图表组件-Flash图转IMG普通图的方法" target="_blank">Anychart图表组件-Flash图转IMG普通图的方法</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/Flash/1.htm">Flash</a> <div>问题背景：项目使用的是Anychart图表组件，渲染出来的图是Flash的，往往一个页面有时候会有多个flash图，而需求是让我们做一个打印预览和打印功能，让多个Flash图在一个页面上打印出来。那么我们打印预览的思路是获取页面的body元素，然后在打印预览界面通过$("body").append(html)的形式显示预览效果，结果让人大跌眼镜：Flash是</div> </li> <li><a href="/article/1884.htm" title="Window 80端口被占用 WHY?" target="_blank">Window 80端口被占用 WHY?</a> <span class="text-muted">bozch</span> <a class="tag" taget="_blank" href="/search/%E7%AB%AF%E5%8F%A3%E5%8D%A0%E7%94%A8/1.htm">端口占用</a><a class="tag" taget="_blank" href="/search/window/1.htm">window</a> <div>平时在启动一些可能使用80端口软件的时候，会提示80端口已经被其他软件占用，那一般又会有那些软件占用这些端口呢？下面坐下总结： 1、web服务器是最经常见的占用80端口的，例如：tomcat , apache , IIS , Php等等； 2</div> </li> <li><a href="/article/2011.htm" title="编程之美-数组的最大值和最小值-分治法（两种形式）" target="_blank">编程之美-数组的最大值和最小值-分治法（两种形式）</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E4%B9%8B%E7%BE%8E/1.htm">编程之美</a> <div> import java.util.Arrays; public class MinMaxInArray { /** * 编程之美数组的最大值和最小值分治法 * 两种形式 */ public static void main(String[] args) { int[] t={11,23,34,4,6,7,8,1,2,23}; int[] </div> </li> <li><a href="/article/2138.htm" title="Perl正则表达式" target="_blank">Perl正则表达式</a> <span class="text-muted">chenbowen00</span> <a class="tag" taget="_blank" href="/search/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">正则表达式</a><a class="tag" taget="_blank" href="/search/perl/1.htm">perl</a> <div>首先我们应该知道 Perl 程序中，正则表达式有三种存在形式，他们分别是：匹配：m/<regexp>;/ （还可以简写为 /<regexp>;/ ，略去 m）替换：s/<pattern>;/<replacement>;/ 转化：tr/<pattern>;/<replacemnt>;</div> </li> <li><a href="/article/2265.htm" title="[宇宙与天文]行星议会是否具有本行星大气层以外的权力呢?" target="_blank">[宇宙与天文]行星议会是否具有本行星大气层以外的权力呢?</a> <span class="text-muted">comsci</span> <div> 举个例子: 地球,地球上由200多个国家选举出一个代表地球联合体的议会,那么现在地球联合体遇到一个问题,地球这颗星球上面的矿产资源快要采掘完了....那么地球议会全体投票,一致通过一项带有法律性质的议案,既批准地球上的国家用各种技术手段在地球以外开采矿产资源和其它资源........ &</div> </li> <li><a href="/article/2392.htm" title="Oracle Profile 使用详解" target="_blank">Oracle Profile 使用详解</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/profile/1.htm">profile</a><a class="tag" taget="_blank" href="/search/%E8%B5%84%E6%BA%90%E9%99%90%E5%88%B6/1.htm">资源限制</a> <div>Oracle Profile 使用详解转一、目的： Oracle系统中的profile可以用来对用户所能使用的数据库资源进行限制，使用Create Profile命令创建一个Profile，用它来实现对数据库资源的限制使用，如果把该profile分配给用户，则该用户所能使用的数据库资源都在该profile的限制之内。二、条件：创建profile必须要有CREATE PROFIL</div> </li> <li><a href="/article/2519.htm" title="How HipChat Stores And Indexes Billions Of Messages Using ElasticSearch & Redis" target="_blank">How HipChat Stores And Indexes Billions Of Messages Using ElasticSearch & Redis</a> <span class="text-muted">dengkane</span> <a class="tag" taget="_blank" href="/search/elasticsearch/1.htm">elasticsearch</a><a class="tag" taget="_blank" href="/search/Lucene/1.htm">Lucene</a> <div>This article is from an interview with Zuhaib Siddique, a production engineer at HipChat, makers of group chat and IM for teams. HipChat started in an unusual space, one you might not </div> </li> <li><a href="/article/2646.htm" title="循环小示例，菲波拉契序列，循环解一元二次方程以及switch示例程序" target="_blank">循环小示例，菲波拉契序列，循环解一元二次方程以及switch示例程序</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div># include <stdio.h> int main(void) { int n; int i; int f1, f2, f3; f1 = 1; f2 = 1; printf("请输入您需要求的想的序列："); scanf("%d", &n); for (i=3; i<n; i</div> </li> <li><a href="/article/2773.htm" title="macbook的lamp环境" target="_blank">macbook的lamp环境</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/lamp/1.htm">lamp</a> <div> sudo vim /etc/apache2/httpd.conf /Library/WebServer/Documents 是默认的网站根目录重启Mac上的Apache服务这个命令很早以前就查过了，但是每次使用的时候还是要在网上查：停止服务：sudo /usr/sbin/apachectl stop 开启服务：s</div> </li> <li><a href="/article/2900.htm" title="java ArrayList源码下" target="_blank">java ArrayList源码下</a> <span class="text-muted">shuizhaosi888</span> <a class="tag" taget="_blank" href="/search/ArrayList%E6%BA%90%E7%A0%81/1.htm">ArrayList源码</a> <div>版本 jdk-7u71-windows-x64 JavaSE7 ArrayList源码上：http://flyouwith.iteye.com/blog/2166890 /** * 从这个列表中移除所有c中包含元素 */ public boolean removeAll(Collection<?> c) {</div> </li> <li><a href="/article/3027.htm" title="Spring Security（08）——intercept-url配置" target="_blank">Spring Security（08）——intercept-url配置</a> <span class="text-muted">234390216</span> <a class="tag" taget="_blank" href="/search/Spring+Security/1.htm">Spring Security</a><a class="tag" taget="_blank" href="/search/intercept-url/1.htm">intercept-url</a><a class="tag" taget="_blank" href="/search/%E8%AE%BF%E9%97%AE%E6%9D%83%E9%99%90/1.htm">访问权限</a><a class="tag" taget="_blank" href="/search/%E8%AE%BF%E9%97%AE%E5%8D%8F%E8%AE%AE/1.htm">访问协议</a><a class="tag" taget="_blank" href="/search/%E8%AF%B7%E6%B1%82%E6%96%B9%E6%B3%95/1.htm">请求方法</a> <div>intercept-url配置目录 1.1 指定拦截的url 1.2 指定访问权限 1.3 指定访问协议 1.4 指定请求方法 1.1 &n</div> </li> <li><a href="/article/3154.htm" title="Linux环境下的oracle安装" target="_blank">Linux环境下的oracle安装</a> <span class="text-muted">jayung</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>linux系统下的oracle安装本文档是Linux(redhat6.x、centos6.x、redhat7.x) 64位操作系统安装Oracle 11g(Oracle Database 11g Enterprise Edition Release 11.2.0.4.0 - 64bit Production)，本文基于各种网络资料精心整理而成，共享给有需要的朋友。如有问题可联系：QQ：52-7</div> </li> <li><a href="/article/3281.htm" title="hotspot虚拟机" target="_blank">hotspot虚拟机</a> <span class="text-muted">leichenlei</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/HotSpot/1.htm">HotSpot</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/%E8%99%9A%E6%8B%9F%E6%9C%BA/1.htm">虚拟机</a><a class="tag" taget="_blank" href="/search/%E6%96%87%E6%A1%A3/1.htm">文档</a> <div>JVM参数 http://docs.oracle.com/javase/6/docs/technotes/guides/vm/index.html JVM工具 http://docs.oracle.com/javase/6/docs/technotes/tools/index.html JVM垃圾回收 http://www.oracle.com</div> </li> <li><a href="/article/3408.htm" title="读《Node.js项目实践：构建可扩展的Web应用》 ——引编程慢慢变成系统化的“砌砖活”" target="_blank">读《Node.js项目实践：构建可扩展的Web应用》 ——引编程慢慢变成系统化的“砌砖活”</a> <span class="text-muted">noaighost</span> <a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a> <div>读《Node.js项目实践：构建可扩展的Web应用》 ——引编程慢慢变成系统化的“砌砖活” 眼里的Node.JS 初初接触node是一年前的事，那时候年少不更事。还在纠结什么语言可以编写出牛逼的程序，想必每个码农都会经历这个月经性的问题：微信用什么语言写的？facebook为什么推荐系统这么智能，用什么语言写的？dota2的外挂这么牛逼，用什么语言写的？……用什么语言写这句话，困扰人也是阻碍</div> </li> <li><a href="/article/3535.htm" title="快速开发Android应用" target="_blank">快速开发Android应用</a> <span class="text-muted">rensanning</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>Android应用开发过程中，经常会遇到很多常见的类似问题，解决这些问题需要花时间，其实很多问题已经有了成熟的解决方案，比如很多第三方的开源lib，参考 Android Libraries 和 Android UI/UX Libraries。编码越少，Bug越少，效率自然会高。但可能由于根本没听说过、听说过但没用过、特殊原因不能用、自己已经有了解决方案等等原因，这些成熟的解决</div> </li> <li><a href="/article/3662.htm" title="理解Java中的弱引用" target="_blank">理解Java中的弱引用</a> <span class="text-muted">tomcat_oracle</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>　不久之前，我面试了一些求职Java高级开发工程师的应聘者。我常常会面试他们说，“你能给我介绍一些Java中得弱引用吗？”，如果面试者这样说，“嗯，是不是垃圾回收有关的？”，我就会基本满意了，我并不期待回答是一篇诘究本末的论文描述。　　然而事与愿违，我很吃惊的发现，在将近20多个有着平均5年开发经验和高学历背景的应聘者中，居然只有两个人知道弱引用的存在，但是在这两个人之中只有一个人真正了</div> </li> <li><a href="/article/3789.htm" title="关于<c:out value=""/>标签输出html标签" target="_blank">关于<c:out value=""/>标签输出html标签</a> <span class="text-muted">xshdch</span> <a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a> <div>http://back-888888.iteye.com/blog/1181202 关于<c:out value=""/>标签的使用，其中有一个属性是escapeXml默认是true(将html标签当做转移字符，直接显示不在浏览器上面进行解析)，当设置escapeXml属性值为false的时候就是不过滤xml，这样就能在浏览器上解析html标签， &nb</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类：</strong> <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>