HTML基础标签用法

最近,特殊时期不能去学校,在家上网课看视频自学,做点笔记,防止学了就忘(●’◡’●)。

HTML基本格式

HTML文档的基本格式主要包含:

  • 文档类型声明,
    用于向浏览器说明文档使用哪种(HTML或XHTML)标准规范。
  • 根标记,
    HTML5中标记都是成对出现的,标志着HTML文档的开始,标志着HTML文档的结束。
  • 头部标记,
    紧跟在后面,用于封装位于其他文档头部的标记,

(1)</code>标题 ,显示在浏览器的标题栏中<br> (2)<code><meta></code>提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。</p> <table> <thead> <tr> <th>属性</th> <th>值</th> <th>描述</th> </tr> </thead> <tbody> <tr> <td>content(必需)</td> <td>some_text</td> <td>定义与 http-equiv 或 name 属性相关的元信息</td> </tr> <tr> <td>http-eqiuv(可选)</td> <td>content-type<br>expires<br>refresh<br>set-cookie</td> <td>把content属性关联到http头部<br>当服务器向浏览器发送文档时,会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对,但是所有服务器都至少要发送一个:content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。</td> </tr> <tr> <td>name(可选)</td> <td>author<br>description<br>keywords<br>generator<br>revised<br>others</td> <td>把content关联到一个名称。例如,“keywords” 是一个经常被用到的名称,它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类。<br>类似这样的 meta 标签可能对于进入搜索引擎的索引有帮助:<br><code><meta name="keywords" content="HTML,ASP,PHP,SQL"></code></td> </tr> <tr> <td>scheme(可选)</td> <td>some_text</td> <td>定义用于翻译 content 属性值的格式</td> </tr> </tbody> </table> <p><strong>例子</strong>:</p> <pre><code class="prism language-css"><!-- 设置字符集 --> <meta http-equiv=<span class="token string">"Content-Type"</span> content=<span class="token string">"text/html; charset=utf-8"</span> /> <!-- 设置页面自动刷新与跳转 --> <meta http-equiv=<span class="token string">"refresh"</span> content=<span class="token string">"10;url=http://www.itcast.cn"</span>/> </code></pre> <p>(3)<code><link></code>链接一个外部样式表,即引用外部文件:</p> <pre><code class="prism language-css"><head> <link rel=<span class="token string">"stylesheet"</span> type=<span class="token string">"text/css"</span> href=<span class="token string">"theme.css"</span> /> </head> </code></pre> <p>常用属性如下表:</p> <table> <thead> <tr> <th>属性名</th> <th>常用属性值</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>href</td> <td>URL</td> <td>指定引用外部文档的地址</td> </tr> <tr> <td>rel</td> <td>stylesheet</td> <td>指定当前文档与引用外部文档的关系,<br>该属性值通常为stylesheet,表示定义一个外部样式表</td> </tr> <tr> <td>type</td> <td>text/css <hr>text/javascript</td> <td>引用外部文档的类型为CSS样式表 <hr>引用外部文档的类型为javascript脚本</td> </tr> </tbody> </table> <p>(4)<code><style></code>用于为 HTML 文档定义样式信息。<br> 在 style 中,可以规定在浏览器中如何呈现 HTML 文档。type 属性是必需的,定义 style 元素的内容,唯一可能的值是 “text/css”。</p> <pre><code class="prism language-css"><span class="token selector"><style type="text/css"> h1</span> <span class="token punctuation">{</span><span class="token property">color</span><span class="token punctuation">:</span>red<span class="token punctuation">}</span> <span class="token selector">p</span> <span class="token punctuation">{</span><span class="token property">color</span><span class="token punctuation">:</span>blue<span class="token punctuation">}</span> </style> </code></pre> <ul> <li><code><body></code>主体标记,用于定义HTML文档要显示的内容。<br> 浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<code><body></code>标记内,<code><body></code>标记中的信息才是最终展示给用户看的。<br> 一个HTML文档只能含有一对<code><body></code>标记,且<code><body></code>标记必须在<code><html></code>记内,位于<code><head></code>头部标记之后,与<code><head></code>标记是并列关系。</li> </ul> <h1>基础语法:</h1> <p>1、HTML5中标签<strong>不区分大小写</strong>。<br> 2、允许属性值不使用引号“ ”。<br> 3、双标记,<code><html></html></code>;单标记,<code><html /></code><br> 4、注释:<code><!-- 注释语句 --></code><br> 5、div标签的属性<code>class</code> VS <code>id</code><br> class(类),在样式中用点号.来命名,在同一个html网页页面可以无数次的调用相同的class类,如<code>.css5{属性:属性值;}</code>;<br> id表示标签的身份,在样式中用#来命名,如<code>#css5{属性:属性值;}</code>。</p> <h1>文本控制标记</h1> <h3>1、标题和段落</h3> <ul> <li>标题:HTML提供了6个等级的标题,即<code><h1></code>、<code><h2></code>、<code><h3></code>、<code><h4></code>、<code><h5></code>和<code><h6></code>,从<code><h1></code>到<code><h6></code>重要性递减。其基本语法格式如下:</li> </ul> <pre><code class="prism language-css"><hn align="对齐方式“>标题文本</hn> </code></pre> <ul> <li>段落:<code><p></code></li> <li>分隔线:<code><hr /></code></li> <li>换行:<code><br /></code></li> </ul> <h3>2、文本格式化标记</h3> <p>字体变化:<code><font></code>有以下几种属性:<br> (1)字体大小<code><font size=#>...….</font></code>,#=1-7;数字越大字越大;<br> (2)指定字形<code><font face="字形名称”>..…</font></code><br> (3)文字颜色<code><font color=#rrggbb>.....…</font></code>,其中rr:表示红色;gg:表示绿色;bb:表示蓝色(bb、rr、gg均表示色码)。color值有三种,直接颜色的英文名(比如 “red”);十六进制值的文本颜色(比如 “#ff0000”);rgb 代码的文本颜色(比如 “rgb(255,0,0)”)。</p> <table> <thead> <tr> <th>标记</th> <th>显示效果</th> </tr> </thead> <tbody> <tr> <td><code><b></b></code>和<code><strong></strong></code></td> <td>文字以粗体方式显示(b定义文本粗体,strong定义强调文本。)</td> </tr> <tr> <td><code><i></i></code>和<code><em></em></code></td> <td>文字以斜体方式显示(i定义斜体字,em定义强调文本。)</td> </tr> <tr> <td><code><s></s></code>和<code><del></del></code></td> <td>文字以加删除线方式显示(HTML5不赞成使用s)</td> </tr> <tr> <td><code><u></u></code>和<code><ins></ins></code></td> <td>文字以加下划线方式显示(HTML5不赞成使用u)</td> </tr> <tr> <td><code><small></small></code>和<code><big></big></code></td> <td>小字体和大字体(貌似不常用)</td> </tr> <tr> <td><code><tt></tt></code></td> <td>打字机字体</td> </tr> <tr> <td><code><u></u></code></td> <td>底线</td> </tr> <tr> <td><code><strike></strike></code></td> <td>删除线</td> </tr> <tr> <td><code><sub></sub></code></td> <td>下标字</td> </tr> <tr> <td><code><sup></sup></code></td> <td>上标字</td> </tr> </tbody> </table> <h3>3、特殊字符标记</h3> <p><a href="http://img.e-com-net.com/image/info8/2a88220b662049469f02c078dcb1f73e.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/2a88220b662049469f02c078dcb1f73e.jpg" alt="HTML基础标签用法_第1张图片" width="559" height="273" style="border:1px solid black;"></a></p> <h3>4、区段标记</h3> <p><code><section></code> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。</p> <p><code><span></code> 标签被用来组合文档中的行内元素。</p> <h1>图像标记</h1> <pre><code class="prism language-css"><img src=<span class="token string">"图像路径"</span> /> </code></pre> <p>一些比较简单的属性嘛,不会再百度吧,不写了。。。</p> <ul> <li>下面列举一些作网页时遇到的特殊属性:</li> </ul> <h3>设置背景图自适应屏幕大小代码:</h3> <pre><code class="prism language-css"><span class="token selector"><STYLE TYPE="text/css"> BODY</span> <span class="token punctuation">{</span> <span class="token property">background-image</span><span class="token punctuation">:</span> <span class="token url">URL(../../ui/loading/loading_page.png)</span><span class="token punctuation">;</span> <span class="token property">background-position</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span> <span class="token comment">/*背景图的起始位置*/</span> <span class="token property">background-repeat</span><span class="token punctuation">:</span> no-repeat<span class="token punctuation">;</span> <span class="token comment">/*设置背景图的平铺模式,不允许平铺*/</span> <span class="token property">background-attachment</span><span class="token punctuation">:</span> fixed<span class="token punctuation">;</span> <span class="token comment">/*确保在Firefox 和 Opera中正常显示*/</span> <span class="token punctuation">}</span> </STYLE> </code></pre> <h3>position属性(定位)</h3> <table> <thead> <tr> <th>值</th> <th>属性</th> </tr> </thead> <tbody> <tr> <td>absolute</td> <td>绝对定位,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。不会随着窗口大小变化,只是固定在一个特定的坐标轴上面。</td> </tr> <tr> <td>fixed</td> <td>绝对定位,相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。</td> </tr> <tr> <td>relative</td> <td>相对定位,相对于其正常位置进行定位。因此,“left:20” 会向元素的 LEFT 位置添加 20 像素。可以随窗口大小变化。但大小仍然不会变。设置成<code>width:100%;height:100%;</code>就会随着窗口变大变小。</td> </tr> <tr> <td>static</td> <td>默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。</td> </tr> <tr> <td>inherit</td> <td>规定应该从父元素继承 position 属性的值。</td> </tr> </tbody> </table> <h3>z-index属性</h3> <p>设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。z-index 仅能在定位元素上奏效(例如 position:absolute;)!<br> 该属性设置一个定位元素沿 z 轴的位置,z 轴定义为垂直延伸到显示区的轴。<strong>如果为正数,则离用户更近,为负数则表示离用户更远。</strong></p> <h1>超链接标记</h1> <h3>1、创建超链接</h3> <p><code><a></a></code>具体语法如下:</p> <pre><code class="prism language-css"><a href=<span class="token string">"跳转目标url"</span> target=<span class="token string">"目标窗口的弹出方式"</span>>文本或图像</a> </code></pre> <p>target:用于指定链接页面的打开方式,其取值有_self和_blank两种,其中_self为默认值,意为在原窗口中打开,_blank为在新窗年打开。</p> <h3>2、锚点链接</h3> <p>如果网页内容较多,页面过长,浏览网页时就需要不断地拖动滚动条,来查看所需要的内容,这样效率较低且不方便。为了提高信息的检索速度,HTML语言提供了一种特殊的链接一一锚点链接,通过创建锚点链接,用户能够快速定位到目标内容。<br> <code><a></code>标签本身就用于链接跳转,通过将其href属性设置为页面中想要跳转到的元素的id值,就可以实现一个锚点链接。</p> <pre><code class="prism language-css">// 锚点 <a href=<span class="token string">"#section1"</span>>section1</a> // 想要跳转到的元素 <div id=<span class="token string">"section1"</span> class=<span class="token string">"section1"</span>>section1</div> </code></pre> <h3>3、导航链接</h3> <pre><code class="prism language-css"><nav>导航链接</nav> </code></pre> <p><code><nav></code>用来将具有导航性质的链接划分在一起,使代码结构在语义化方面更加准确,同时对于屏幕阅读器等设备的支持也更好。比如博客首页的各个菜单栏。</p> <p>如果文档中有“前后”按钮,则应该把它放到 <code><nav></code> 元素中。感觉类似同一个页面中的超链接。。。</p> <h1>播放音频</h1> <p><code><audio></code> 标签定义声音,比如音乐或其他音频流,HTML5 中的新属性。</p> <table> <thead> <tr> <th>属性</th> <th>值</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>autoplay</td> <td>autoplay</td> <td>音频在就绪后马上播放</td> </tr> <tr> <td>controls</td> <td>controls</td> <td>向用户显示控件,比如播放按钮。</td> </tr> <tr> <td>loop</td> <td>loop</td> <td>循环播放</td> </tr> <tr> <td>muted</td> <td>muted</td> <td>规定视频输出应该被静音</td> </tr> <tr> <td>preload</td> <td>preload</td> <td>音频在页面加载时进行加载,并预备播放。如果使用 “autoplay”,则忽略该属性。</td> </tr> <tr> <td>src</td> <td>url</td> <td>音频的url</td> </tr> </tbody> </table> <h1>列表</h1> <h2>有序列表</h2> <p><code><li></li></code>标签</p> <p>在li中有多个a标签,想要鼠标移上去后li背景颜色改变且里面所有的a标签字体颜色也改变,代码如下:</p> <pre><code class="prism language-css"><ul> <li> <a href=<span class="token string">"#"</span>>炸鸡</a> <a href=<span class="token string">"#"</span>>汉堡</a> <a href=<span class="token string">"#"</span>>薯条</a> </li> </ul> </code></pre> <pre><code class="prism language-css"> <span class="token selector">ul li:hover</span><span class="token punctuation">{</span> <span class="token property">background-color</span><span class="token punctuation">:</span> #ffeee5<span class="token punctuation">;</span> <span class="token comment">/*改变li的背景颜色*/</span> <span class="token property">color</span><span class="token punctuation">:</span> #ffa000<span class="token punctuation">;</span> <span class="token comment">/*改变字体颜色*/</span> <span class="token punctuation">}</span> </code></pre> <h2>无序列表</h2> <p><code><ul></ul></code>标签</p> <h2>表格</h2> <p><code><table></code> 标签定义 HTML 表格。简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。</p> <pre><code class="prism language-css"><table border=<span class="token string">"1"</span>> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table> </code></pre> <p>注:td只能设置背景色,不能设置表格中字体颜色。</p> <h1><code><main></code>标记</h1> <p><code><main></code> 标签规定文档的主要内容。<code><main></code> 元素中的内容对于文档来说应当是唯一的。它不应包含在文档中重复出现的内容,比如侧栏、导航栏、版权信息、站点标志或搜索表单。</p> <p>注:在一个文档中,不能出现一个以上的 <code><main></code> 元素。<code><main></code> 元素不能是以下元素的后代:<code><article></code>、<code><aside></code>、<code><footer></code>、<code><header></code> 或 <code><nav></code>。</p> <hr> <p>基础标签知识暂时先学到这里了,后续遇到新的标签再补更吧(●’◡’●)</p> <p>放上可以自学更多HTML标签和其他知识的网站:<br> https://www.w3school.com.cn/h.asp</p> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1297752409128378368"></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"> <!-- 文章页-右侧1 动态广告位 --> <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> <!-- 文章页-右侧2 动态广告位 --> <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> <!-- 文章页-右侧3 动态广告位 --> <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/1950227023859347456.htm" title="Linux系统配置(应用程序)" target="_blank">Linux系统配置(应用程序)</a> <span class="text-muted">1风天云月</span> <a class="tag" taget="_blank" href="/search/Linux/1.htm">Linux</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%BA%94%E7%94%A8%E7%A8%8B%E5%BA%8F/1.htm">应用程序</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E8%AF%91%E5%AE%89%E8%A3%85/1.htm">编译安装</a><a class="tag" taget="_blank" href="/search/rpm/1.htm">rpm</a><a class="tag" taget="_blank" href="/search/http/1.htm">http</a> <div>目录前言一、应用程序概述1、命令与程序的关系2、程序的组成3、软件包封装类型二、RPM1、RPM概述2、RPM用法三、编译安装1、解包2、配置3、编译4、安装5、启用httpd服务结语前言在Linux中的应用程序被视为将软件包安装到系统中后产生的各种文档,其中包括可执行文件、配置文件、用户手册等内容,这些文档被组织为一个有机的整体,为用户提供特定的功能,因此对于“安装软件包”与“安装应用程序”这两</div> </li> <li><a href="/article/1950222725712769024.htm" title="900 万人次都在用!打印机驱动大师:兄弟 驱动安装一步到位" target="_blank">900 万人次都在用!打印机驱动大师:兄弟 驱动安装一步到位</a> <span class="text-muted">文哥工具箱2</span> <a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E5%B7%A5%E7%A8%8B/1.htm">软件工程</a><a class="tag" taget="_blank" href="/search/%E7%94%B5%E8%84%91/1.htm">电脑</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90%E8%BD%AF%E4%BB%B6/1.htm">开源软件</a> <div>各位打印界的老铁们,你们知道吗?我就是那个传说中服务PT-18R标签打印机的“最佳损友”小助手!当你想把电脑里那些花里胡哨的标签设计变成能摸得着的实物时,嘿嘿,软件下载地址本助手就闪亮登场啦!插上USB线的瞬间,我立马在你电脑里“安营扎寨”,悄悄给你和打印机搭起一座“鹊桥”,让你们无障碍沟通,那叫一个丝滑!你在编辑软件里鼓捣的文字、条形码,甚至那些可可爱爱的小图标,全靠我这个“翻译官”精准转换成打</div> </li> <li><a href="/article/1950208989954371584.htm" title="Selenium 特殊控件操作与 ActionChains 实践详解" target="_blank">Selenium 特殊控件操作与 ActionChains 实践详解</a> <span class="text-muted">小馋喵知识杂货铺</span> <a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95%E5%B7%A5%E5%85%B7/1.htm">测试工具</a> <div>1.下拉框单选操作(a)使用SeleniumSelect类(标准HTML标签)Selenium提供了内置的Select类用于操作标准下拉框,这种方式简单且直观。fromselenium.webdriver.support.uiimportSelect#定位下拉框dropdown=Select(driver.find_element("id","dropdown_id"))#通过以下三种方式选择单个</div> </li> <li><a href="/article/1950190326673108992.htm" title="Spark SQL架构及高级用法" target="_blank">Spark SQL架构及高级用法</a> <span class="text-muted">Aurora_NeAr</span> <a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a> <div>SparkSQL架构概述架构核心组件API层(用户接口)输入方式:SQL查询;DataFrame/DatasetAPI。统一性:所有接口最终转换为逻辑计划树(LogicalPlan),进入优化流程。编译器层(Catalyst优化器)核心引擎:基于规则的优化器(Rule-BasedOptimizer,RBO)与成本优化器(Cost-BasedOptimizer,CBO)。处理流程:阶段输入输出关键动</div> </li> <li><a href="/article/1950185789447008256.htm" title="Python 程序设计讲义(26):字符串的用法——字符的编码" target="_blank">Python 程序设计讲义(26):字符串的用法——字符的编码</a> <span class="text-muted">睿思达DBA_WGX</span> <a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/%E8%AE%B2%E4%B9%89/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> <div>Python程序设计讲义(26):字符串的用法——字符的编码目录Python程序设计讲义(26):字符串的用法——字符的编码一、字符的编码二、`ASCII`编码三、`Unicode`编码四、使用`ord()`函数查询一个字符对应的`Unicode`编码五、使用`chr()`函数查询一个`Unicode`编码对应的字符六、`Python`字符串的特征一、字符的编码计算机默认只能处理二进制数,而不能处</div> </li> <li><a href="/article/1950183898780594176.htm" title="【Python】pypinyin-汉字拼音转换工具" target="_blank">【Python】pypinyin-汉字拼音转换工具</a> <span class="text-muted">鸟哥大大</span> <a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</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> <div>文章目录1.主要功能2.安装3.常用API3.1拼音风格3.2核心API3.2.1pypinyin.pinyin()3.2.2pypinyin.lazy_pinyin()3.2.3pypinyin.load_single_dict()3.2.4pypinyin.load_phrases_dict()3.2.5pypinyin.slug()3.3注册新的拼音风格4.基本用法4.1库导入4.2基本汉字</div> </li> <li><a href="/article/1950178814076186624.htm" title="剽悍老铁:从1到6,在危机中成功迭代的他做对了什么?" target="_blank">剽悍老铁:从1到6,在危机中成功迭代的他做对了什么?</a> <span class="text-muted">洛柒姑娘</span> <div>作者:江湖姐姐、刘亚每一个当下的决定与行动,都是一个人未来的方向盘。剽悍财富行动营老铁刘亚做过几次大的决定与行动,这些行动让他在变局驾到的时候,成功躲过危机,甚至在行业退潮的时候,还迎来自己事业小的增长。92年的他曾在毕业后几年内创办了6所培训机构,拥有省劳动局的创业讲师证、樊登翻转师证,并获得过颍州区人才创业三等奖,但他最喜欢的标签还是奶爸。在他看来,创业也好,当奶爸也好,都是生命维度的延伸,都</div> </li> <li><a href="/article/1950178477592342528.htm" title="前端数据库:IndexedDB从基础到高级使用指南" target="_blank">前端数据库:IndexedDB从基础到高级使用指南</a> <span class="text-muted"></span> <div>文章目录前端数据库:IndexedDB从基础到高级使用指南引言一、IndexedDB概述1.1什么是IndexedDB1.2与其他存储方案的比较二、基础使用2.1打开/创建数据库2.2基本CRUD操作添加数据读取数据更新数据删除数据三、高级特性3.1复杂查询与游标3.2事务高级用法3.3性能优化技巧四、实战案例:构建离线优先的待办事项应用4.1数据库设计4.2同步策略实现五、常见问题与解决方案5.</div> </li> <li><a href="/article/1950164102068367360.htm" title="Makefile if语句用法" target="_blank">Makefile if语句用法</a> <span class="text-muted">java叶新东老师</span> <a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/makefile/1.htm">makefile</a> <div>文章目录语法1.BasicExpressions:2.LogicOperators:3.ExistenceChecks4.FileOperations5.Comparisons示例1、判断两个字符串是否相等2、判断文件路径是否目录完语法CMake中的if命令用于有条件地执行一组命令,其格式如下:if()elseif()#optionalblock,canberepeatedelse()#optio</div> </li> <li><a href="/article/1950139769560297472.htm" title="Java 笔记 transient 用法" target="_blank">Java 笔记 transient 用法</a> <span class="text-muted"></span> <div>transient关键字用于标记不希望被序列化(Serialization)的字段。序列化是指将对象的状态保存到字节流中,以便将其传输或存储。当使用如ObjectOutputStream进行序列化时,transient修饰的字段将不会被序列化。✅1.使用场景避免序列化敏感信息privatetransientStringpassword;某些字段不需要持久化(如缓存、临时数据)privatetran</div> </li> <li><a href="/article/1950138508161118208.htm" title="如何学好图像处理——从小白到大神?" target="_blank">如何学好图像处理——从小白到大神?</a> <span class="text-muted">chentengkui</span> <a class="tag" taget="_blank" href="/search/%E5%9B%BE%E5%83%8F%E5%A4%84%E7%90%86/1.htm">图像处理</a> <div>如何学好图像处理——从小白到大神?标签:图像处理学习方法2016-02-2617:4818439人阅读评论(25)收藏举报分类:学习方法与方法论(13)版权声明:本文为博主原创文章,未经博主允许不得转载。什么是数字图像处理?历史、以及它所研究的内容。说起图像处理,你会想到什么?你是否真的了解这个领域所研究的内容。纵向来说,数字图像处理研究的历史相当悠久;横向来说,数字图像处理研究的话题相当广泛。数</div> </li> <li><a href="/article/1950127794931429376.htm" title="redis反弹shell时kali无法接收回弹的解决方法" target="_blank">redis反弹shell时kali无法接收回弹的解决方法</a> <span class="text-muted">显哥无敌</span> <a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a><a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a> <div>无法接受回谈大概率是bash命令写的不对,那个crontab中间的星号个数是有意义的,不是随便加的,下面贴一下crontab的基本用法https://www.cnblogs.com/zhoading/p/11572630.html{minute}{hour}{day-of-month}{month}{day-of-week}{full-path-to-shell-script}如果是要cronta</div> </li> <li><a href="/article/1950122628761055232.htm" title="使用Python操作Excel,删重复数据及keep参数用法并保存的例子" target="_blank">使用Python操作Excel,删重复数据及keep参数用法并保存的例子</a> <span class="text-muted">白帽黑客艾登</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/excel/1.htm">excel</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/Python%E7%BC%96%E7%A8%8B/1.htm">Python编程</a><a class="tag" taget="_blank" href="/search/Python%E5%AD%A6%E4%B9%A0/1.htm">Python学习</a><a class="tag" taget="_blank" href="/search/%E6%8A%80%E8%83%BD%E5%88%86%E4%BA%AB/1.htm">技能分享</a> <div>01Ex按列标题删重复的数据解析:我们使用了pandas库读取Excel文件,并使用drop_duplicates()函数删除重复数据。其中,subset参数指定了删除重复数据的列(列名),keep参数指定了保留哪个重复记录(默认为第一个记录)。inplace=True参数表示在原始数据上进行操作。最后,我们使用to_excel()函数将处理后的数据,保存到一个新的Excel文件中,其中index</div> </li> <li><a href="/article/1950121289456873472.htm" title="native.js设置可缩放的webview并隐藏缩放控件" target="_blank">native.js设置可缩放的webview并隐藏缩放控件</a> <span class="text-muted">Nanayai</span> <div>需求明确:webview页面可以手指缩放,并且不要那个原生控件;实现思路:1.使用h5+封装好的方法:设置scalable属性,并在html中设置meta标签:user-scalable=yes或不设置,minimum-scale和maximum-scale需要注意不要都设为1:mui.openWindow({url:"someThing",id:"someThing",styles:{scala</div> </li> <li><a href="/article/1950116196418383872.htm" title="B 站关键词排名提高避坑:这些操作反降权" target="_blank">B 站关键词排名提高避坑:这些操作反降权</a> <span class="text-muted">zhuzhuyaolai</span> <a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%85%AC%E4%BC%97%E5%B9%B3%E5%8F%B0/1.htm">微信公众平台</a><a class="tag" taget="_blank" href="/search/%E7%94%9F%E6%B4%BB/1.htm">生活</a><a class="tag" taget="_blank" href="/search/%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E/1.htm">搜索引擎</a> <div>在B站,关键词排名对视频曝光和账号发展极为关键。不少UP主绞尽脑汁提升排名,却因一些错误操作不仅没达到目的,反而让账号权重降低。今天,就为大家盘点那些导致降权的“坑”,助大家在B站运营路上少走弯路。一、关键词堆砌,自毁前程有些UP主认为,在标题、简介、标签中大量堆砌关键词,就能提升搜索排名,实则大错特错。首先,严重影响用户体验,生硬的关键词堆砌让标题和简介晦涩难懂,用户看到这样的内容,很难产生点击</div> </li> <li><a href="/article/1950100184717389824.htm" title="11. HTML 中 DOCTYPE 的作用" target="_blank">11. HTML 中 DOCTYPE 的作用</a> <span class="text-muted">yqcoder</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95-CSS/1.htm">前端面试-CSS</a><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>总结H5的声明HTML5的DOCTYPE声明HTML5中的声明用于告诉浏览器当前文档使用的是HTML5的文档类型。它必须是文档中的第一行内容(在任何HTML标签之前),以确保浏览器能够正确地解析和渲染页面。DOCTYPE的作用触发标准模式:DOCTYPE声明的主要作用是让浏览器以标准模式(StandardsMode)来解析和渲染页面,而不是以兼容模式(QuirksMode)。兼容性:在没有DOCT</div> </li> <li><a href="/article/1950094764498022400.htm" title="Coze Studio 架构拆解:AI Agent 开发平台项目结构全分析" target="_blank">Coze Studio 架构拆解:AI Agent 开发平台项目结构全分析</a> <span class="text-muted">代码简单说</span> <a class="tag" taget="_blank" href="/search/2025%E5%BC%80%E5%8F%91%E5%BF%85%E5%A4%87%28%E9%99%90%E6%97%B6%E7%89%B9%E6%83%A0%29/1.htm">2025开发必备(限时特惠)</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/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/Coze/1.htm">Coze</a><a class="tag" taget="_blank" href="/search/Studio/1.htm">Studio</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/AI/1.htm">AI</a><a class="tag" taget="_blank" href="/search/Agent/1.htm">Agent</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E5%B9%B3%E5%8F%B0/1.htm">开发平台</a><a class="tag" taget="_blank" href="/search/%E5%85%A8%E6%A0%88/1.htm">全栈</a><a class="tag" taget="_blank" href="/search/AI/1.htm">AI</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E7%A8%8B%E5%8C%96/1.htm">工程化</a><a class="tag" taget="_blank" href="/search/%E5%9B%BE%E8%A7%A3%E6%9E%B6%E6%9E%84/1.htm">图解架构</a> <div>CozeStudio架构拆解:AIAgent开发平台项目结构全分析标签:CozeStudio项目架构、领域驱动设计DDD、全栈开发规范、Hertz框架、前后端协作、云原生容器、前端测试、IDL接口设计、微服务解耦、AI开发平台源码分析在最近研究AIAgent开发平台的过程中,我深入分析了刚刚开源的CozeStudio项目。这套系统是国内少有的开源全栈AI工程化项目,代码整洁、架构先进,特别是它基于</div> </li> <li><a href="/article/1950089974804180992.htm" title="9、Docker Compose 实战" target="_blank">9、Docker Compose 实战</a> <span class="text-muted">小醉你真好</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E9%83%A8%E7%BD%B2%E4%B8%8D%E6%B1%82%E4%BA%BA/1.htm">部署不求人</a><a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a><a class="tag" taget="_blank" href="/search/%E5%AE%B9%E5%99%A8/1.htm">容器</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>DockerCompose实战教程(含完整Nginx案例+配置项详解)适合读者:开发者、后端工程师、运维工程师、初学者环境要求:CentOS9+Docker已安装教程亮点:实战驱动、配置项详解、挂载说明、可直接复制使用标签:#Docker#DockerCompose#运维实战#Nginx部署一、什么是DockerCompose?DockerCompose是Docker官方推出的多容器应用编排工具,</div> </li> <li><a href="/article/1950060480118714368.htm" title="【Linux内核模块】调试技巧" target="_blank">【Linux内核模块】调试技巧</a> <span class="text-muted">byte轻骑兵</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8FLinux%E9%A9%B1%E5%8A%A8%E5%BC%80%E5%8F%91%E5%AE%9E%E6%88%98/1.htm">嵌入式Linux驱动开发实战</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>内核模块开发最让人头疼的不是写代码,而是调试——代码编译通过了,加载后却要么没反应,要么直接让系统崩溃。这就像在黑屋子里修机器,看不见摸不着。其实内核调试有一套成熟的工具箱,掌握这些工具和技巧,就能给内核装个监控监控仪,让问题无所遁形。目录一、调试前的安全须知:别让系统崩溃二、最基础也最常用:printk打印日志2.1printk的基本用法2.2控制日志输出2.3printk的高级技巧三、内核Oo</div> </li> <li><a href="/article/1950057957823672320.htm" title="DNF 与 YUM 的区别详解:从 CentOS 7 到 CentOS 9 的演进" target="_blank">DNF 与 YUM 的区别详解:从 CentOS 7 到 CentOS 9 的演进</a> <span class="text-muted"></span> <div>DNF与YUM的区别详解:从CentOS7到CentOS9的演进标签:CentOS、YUM、DNF、Linux包管理、系统升级、兼容性适用版本:CentOS7、CentOS8、CentOS9一、背景介绍CentOS中使用的包管理工具是RedHat系列系统的重要组成部分。随着系统版本升级,包管理器从yum(CentOS7)逐渐过渡到dnf(CentOS8及之后版本)。二、YUM与DNF对比表对比项Y</div> </li> <li><a href="/article/1950052911954325504.htm" title="万字解析:从 C 语言到初阶数据结构" target="_blank">万字解析:从 C 语言到初阶数据结构</a> <span class="text-muted">Aurora-silas</span> <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%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/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>目录万字解析:从C语言到初阶数据结构前言第一章:C语言初识与环境搭建C语言的历史与影响开发工具介绍第一个程序HelloWorld第二章:变量、数据类型与运算符基本数据类型常量与变量命名规范运算符与表达式趣味小练习:BMI计算器第三章:输入输出与格式化printf输出格式详解scanf输入用法与常见问题小项目:自我介绍程序第四章:流程控制if/else条件判断switch语句循环结构小练习:乘法口诀</div> </li> <li><a href="/article/1950045222088011776.htm" title="moviepy用法大全" target="_blank">moviepy用法大全</a> <span class="text-muted"></span> <div>1.引用frommoviepy.editorimport*2.载入2.1载入视频video=VideoFileClip(filePath)2.2载入音频audio=AudioFileClip(filePath)2.3载入图片img=(ImageClip(videopath+videofengpi)#水印持续时间.set_duration(start_video_clip_begin.duratio</div> </li> <li><a href="/article/1950037805077950464.htm" title="随记:去耕与去学,无忧与不忧" target="_blank">随记:去耕与去学,无忧与不忧</a> <span class="text-muted">们那们那个们那那</span> <div>标签:论语私享版子曰:“君子谋道不谋食。耕也,馁在其中矣;学也,禄在其中矣。君子忧道不忧贫。”先生的翻译是:孔子说:君子追求的是人生理想,而不是衣食无缺。认真耕田,自然得到了食物;认真学习,自然得到了俸禄。君子挂念的是人生理想,而不是贫困生活。其实可以把‘耕也,馁在其中矣;学也,禄在其中矣。’去掉,更便于理解。这样想是因为我们知道:即使认真耕田,也还是靠天吃饭,气候不好,认真耕田也不见得就不闹饥荒</div> </li> <li><a href="/article/1950032072529735680.htm" title="《浮图缘》:肖铎的圆滑和心机不为权力,四集透露两个假身份" target="_blank">《浮图缘》:肖铎的圆滑和心机不为权力,四集透露两个假身份</a> <span class="text-muted">入骨影评</span> <div>由王鹤棣和陈钰琪合作主演的《浮图缘》播出中,观众对于这部剧已经期待已久了,王鹤棣自从通过《苍兰诀》走红之后,大家都希望能够早日看到他后续的作品能够早日开播,而且《浮图缘》这部剧中王鹤棣的人设有很大的反差,对于以往的角色也有很大的突破。走红之后王鹤棣已经被贴上了新晋流量的标签,所以后续作品的播出效果还是至关重要的,新剧开播之后一口气更新的四集,四集的内容让很多观众都觉得过瘾,节奏非常快,而且王鹤棣的</div> </li> <li><a href="/article/1950004999174025216.htm" title="Thymeleaf th:object核心用法精解" target="_blank">Thymeleaf th:object核心用法精解</a> <span class="text-muted">bemyrunningdog</span> <a class="tag" taget="_blank" href="/search/thymeleaf/1.htm">thymeleaf</a><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/java/1.htm">java</a> <div>一、核心功能作用机制创建局部上下文:th:object="${user}"绑定对象到当前元素及其子元素替代重复写法:*{field}≡${user.field}语法对比场景传统写法th:object写法显示属性${user.name}*{name}表单绑定th:field="${user.email}"th:field="*{email}"嵌套对象${user.address.city}*{add</div> </li> <li><a href="/article/1950004872845783040.htm" title="[JAVAEE] Thymeleaf 基本语法: form相关标签" target="_blank">[JAVAEE] Thymeleaf 基本语法: form相关标签</a> <span class="text-muted">CN-Dust</span> <a class="tag" taget="_blank" href="/search/JAVA/1.htm">JAVA</a><a class="tag" taget="_blank" href="/search/EE/1.htm">EE</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/java-ee/1.htm">java-ee</a> <div>th:action指定表单提交地址th:value给value属性赋值th:field能自动生成id、name和value属性form表单示例运行结果更改数据点击保存控制器代码:TestController.javapackagecom.example.demo.controller;importcom.example.demo.bean.Student;importorg.springframe</div> </li> <li><a href="/article/1950004368426201088.htm" title="redux 中的 hooks" target="_blank">redux 中的 hooks</a> <span class="text-muted">改了一个昵称</span> <a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a> <div>文章目录redux中的hooksuseSelector基础使用第二个参数shallowEqualReselectReselect的核心API:`createSelector`结合`shallowEqual`高级用法:组合选择器多层选择器带参数的选择器深入解析:Reselect的工作原理(1)输入选择器的顺序(2)缓存的生命周期(3)深层嵌套状态的处理总结useDispatch获取dispatch函</div> </li> <li><a href="/article/1950000711718727680.htm" title="彻底理清楚指针数组与数组指针的区别" target="_blank">彻底理清楚指针数组与数组指针的区别</a> <span class="text-muted"></span> <div>指针数组与数组指针:揭秘C语言中的迷宫在探索C语言的深奥世界时,我们经常会遇到两个让人困惑的概念:指针数组与数组指针。这两者听起来非常相似,但它们的本质和用法却大相径庭。就像是一把锁和一串钥匙,虽然都和开锁有关,但一个是用来被开的,一个是用来开锁的。让我们一步步揭开它们神秘的面纱。指针数组:藏宝图中的X标记想象一下,你手里有一张藏宝图,上面有许多"X"标记,每个"X"都代表着一个宝藏的位置。在C语</div> </li> <li><a href="/article/1949993395036418048.htm" title="python中的解包操作" target="_blank">python中的解包操作</a> <span class="text-muted">Stronger划水高手</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a> <div>在Python中,解包(unpacking)是一种将可迭代对象(如列表、元组、集合等)中的元素分解为单独变量的技巧。这个功能在多个场景下都非常有用,比如函数参数传递、迭代循环等。以下是一些常见的解包用法:1.元组解包如果你有一个元组,你可以将其元素解包到多个变量中:a,b,c=(1,2,3)print(a)#输出:1print(b)#输出:2print(c)#输出:32.列表解包同样的方法也适用于</div> </li> <li><a href="/article/1949987092104802304.htm" title="python的reduce方法" target="_blank">python的reduce方法</a> <span class="text-muted">追逐此刻</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/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>在Python中,reduce是一个用于对序列中的元素进行累积操作的函数。它位于functools模块中,因此在使用之前需要先导入该模块。1.reduce的基本用法fromfunctoolsimportreducereduce(function,sequence[,initial])function:一个接受两个参数的函数,用于对序列中的元素进行累积操作。sequence:一个可迭代对象(如列表、</div> </li> <li><a href="/article/40.htm" title="java线程Thread和Runnable区别和联系" target="_blank">java线程Thread和Runnable区别和联系</a> <span class="text-muted">zx_code</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</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/Runnable/1.htm">Runnable</a> <div>我们都晓得java实现线程2种方式,一个是继承Thread,另一个是实现Runnable。 模拟窗口买票,第一例子继承thread,代码如下 package thread; public class ThreadTest { public static void main(String[] args) { Thread1 t1 = new Thread1(</div> </li> <li><a href="/article/167.htm" title="【转】JSON与XML的区别比较" target="_blank">【转】JSON与XML的区别比较</a> <span class="text-muted">丁_新</span> <a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a> <div>1.定义介绍 (1).XML定义 扩展标记语言 (Extensible Markup Language, XML) ,用于标记电子文件使其具有结构性的标记语言,可以用来标记数据、定义数据类型,是一种允许用户对自己的标记语言进行定义的源语言。 XML使用DTD(document type definition)文档类型定义来组织数据;格式统一,跨平台和语言,早已成为业界公认的标准。 XML是标</div> </li> <li><a href="/article/294.htm" title="c++ 实现五种基础的排序算法" target="_blank">c++ 实现五种基础的排序算法</a> <span class="text-muted">CrazyMizzz</span> <a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><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<iostream> using namespace std; //辅助函数,交换两数之值 template<class T> void mySwap(T &x, T &y){ T temp = x; x = y; y = temp; } const int size = 10; //一、用直接插入排</div> </li> <li><a href="/article/421.htm" title="我的软件" target="_blank">我的软件</a> <span class="text-muted">麦田的设计者</span> <a class="tag" taget="_blank" href="/search/%E6%88%91%E7%9A%84%E8%BD%AF%E4%BB%B6/1.htm">我的软件</a><a class="tag" taget="_blank" href="/search/%E9%9F%B3%E4%B9%90%E7%B1%BB/1.htm">音乐类</a><a class="tag" taget="_blank" href="/search/%E5%A8%B1%E4%B9%90/1.htm">娱乐</a><a class="tag" taget="_blank" href="/search/%E6%94%BE%E6%9D%BE/1.htm">放松</a> <div>     这是我写的一款app软件,耗时三个月,是一个根据央视节目开门大吉改变的,提供音调,猜歌曲名。1、手机拥有者在android手机市场下载本APP,同意权限,安装到手机上。2、游客初次进入时会有引导页面提醒用户注册。(同时软件自动播放背景音乐)。3、用户登录到主页后,会有五个模块。a、点击不胫而走,用户得到开门大吉首页部分新闻,点击进入有新闻详情。b、</div> </li> <li><a href="/article/548.htm" title="linux awk命令详解" target="_blank">linux awk命令详解</a> <span class="text-muted">被触发</span> <a class="tag" taget="_blank" href="/search/linux+awk/1.htm">linux awk</a> <div>awk是行处理器: 相比较屏幕处理的优点,在处理庞大文件时不会出现内存溢出或是处理缓慢的问题,通常用来格式化文本信息 awk处理过程: 依次对每一行进行处理,然后输出 awk命令形式: awk [-F|-f|-v] ‘BEGIN{} //{command1; command2} END{}’ file [-F|-f|-v]大参数,-F指定分隔符,-f调用脚本,-v定义变量 var=val</div> </li> <li><a href="/article/675.htm" title="各种语言比较" target="_blank">各种语言比较</a> <span class="text-muted">_wy_</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80/1.htm">编程语言</a> <div>                    Java Ruby PHP 擅长领域                  </div> </li> <li><a href="/article/802.htm" title="oracle 中数据类型为clob的编辑" target="_blank">oracle 中数据类型为clob的编辑</a> <span class="text-muted">知了ing</span> <a class="tag" taget="_blank" href="/search/oracle+clob/1.htm">oracle clob</a> <div>public void updateKpiStatus(String kpiStatus,String taskId){ Connection dbc=null; Statement stmt=null; PreparedStatement ps=null; try { dbc = new DBConn().getNewConnection(); //stmt = db</div> </li> <li><a href="/article/929.htm" title="分布式服务框架 Zookeeper -- 管理分布式环境中的数据" target="_blank">分布式服务框架 Zookeeper -- 管理分布式环境中的数据</a> <span class="text-muted">矮蛋蛋</span> <a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a> <div>原文地址: http://www.ibm.com/developerworks/cn/opensource/os-cn-zookeeper/ 安装和配置详解 本文介绍的 Zookeeper 是以 3.2.2 这个稳定版本为基础,最新的版本可以通过官网 http://hadoop.apache.org/zookeeper/来获取,Zookeeper 的安装非常简单,下面将从单机模式和集群模式两</div> </li> <li><a href="/article/1056.htm" title="tomcat数据源" target="_blank">tomcat数据源</a> <span class="text-muted">alafqq</span> <a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a> <div>数据库 JNDI(Java Naming and Directory Interface,Java命名和目录接口)是一组在Java应用中访问命名和目录服务的API。 没有使用JNDI时我用要这样连接数据库: 03.  Class.forName("com.mysql.jdbc.Driver");  04.  conn</div> </li> <li><a href="/article/1183.htm" title="遍历的方法" target="_blank">遍历的方法</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/%E9%81%8D%E5%8E%86/1.htm">遍历</a> <div>                                                      遍历 在java的泛</div> </li> <li><a href="/article/1310.htm" title="linux查看硬件信息的命令" target="_blank">linux查看硬件信息的命令</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>linux查看硬件信息的命令 一.查看CPU: cat /proc/cpuinfo   二.查看内存: free   三.查看硬盘: df   linux下查看硬件信息 1、lspci 列出所有PCI 设备; lspci - list all PCI devices:列出机器中的PCI设备(声卡、显卡、Modem、网卡、USB、主板集成设备也能</div> </li> <li><a href="/article/1437.htm" title="java常见的ClassNotFoundException" target="_blank">java常见的ClassNotFoundException</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>1.java.lang.ClassNotFoundException: org.apache.commons.logging.LogFactory   添加包common-logging.jar2.java.lang.ClassNotFoundException: javax.transaction.Synchronization    </div> </li> <li><a href="/article/1564.htm" title="【Gson五】日期对象的序列化和反序列化" target="_blank">【Gson五】日期对象的序列化和反序列化</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/%E5%8F%8D%E5%BA%8F%E5%88%97%E5%8C%96/1.htm">反序列化</a> <div>对日期类型的数据进行序列化和反序列化时,需要考虑如下问题:   1. 序列化时,Date对象序列化的字符串日期格式如何 2. 反序列化时,把日期字符串序列化为Date对象,也需要考虑日期格式问题 3. Date A -> str -> Date B,A和B对象是否equals   默认序列化和反序列化     import com</div> </li> <li><a href="/article/1691.htm" title="【Spark八十六】Spark Streaming之DStream vs. InputDStream" target="_blank">【Spark八十六】Spark Streaming之DStream vs. InputDStream</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/Stream/1.htm">Stream</a> <div>  1. DStream的类说明文档:   /** * A Discretized Stream (DStream), the basic abstraction in Spark Streaming, is a continuous * sequence of RDDs (of the same type) representing a continuous st</div> </li> <li><a href="/article/1818.htm" title="通过nginx获取header信息" target="_blank">通过nginx获取header信息</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/nginx+header/1.htm">nginx header</a> <div>1. 提取整个的Cookies内容到一个变量,然后可以在需要时引用,比如记录到日志里面, if ( $http_cookie ~* "(.*)$") {         set $all_cookie $1; }     变量$all_cookie就获得了cookie的值,可以用于运算了 </div> </li> <li><a href="/article/1945.htm" title="java-65.输入数字n,按顺序输出从1最大的n位10进制数。比如输入3,则输出1、2、3一直到最大的3位数即999" target="_blank">java-65.输入数字n,按顺序输出从1最大的n位10进制数。比如输入3,则输出1、2、3一直到最大的3位数即999</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>参考了网上的http://blog.csdn.net/peasking_dd/article/details/6342984 写了个java版的: public class Print_1_To_NDigit { /** * Q65.输入数字n,按顺序输出从1最大的n位10进制数。比如输入3,则输出1、2、3一直到最大的3位数即999 * 1.使用字符串</div> </li> <li><a href="/article/2072.htm" title="Netty源码学习-ReplayingDecoder" target="_blank">Netty源码学习-ReplayingDecoder</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/netty/1.htm">netty</a> <div>ReplayingDecoder是FrameDecoder的子类,不熟悉FrameDecoder的,可以先看看 http://bylijinnan.iteye.com/blog/1982618 API说,ReplayingDecoder简化了操作,比如: FrameDecoder在decode时,需要判断数据是否接收完全: public class IntegerH</div> </li> <li><a href="/article/2199.htm" title="js特殊字符过滤" target="_blank">js特殊字符过滤</a> <span class="text-muted">cngolon</span> <a class="tag" taget="_blank" href="/search/js%E7%89%B9%E6%AE%8A%E5%AD%97%E7%AC%A6/1.htm">js特殊字符</a><a class="tag" taget="_blank" href="/search/js%E7%89%B9%E6%AE%8A%E5%AD%97%E7%AC%A6%E8%BF%87%E6%BB%A4/1.htm">js特殊字符过滤</a> <div>1.js中用正则表达式 过滤特殊字符, 校验所有输入域是否含有特殊符号function stripscript(s) {    var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~!@#¥……&*()&mdash;—|{}【】‘;:”“'。,、?]"</div> </li> <li><a href="/article/2326.htm" title="hibernate使用sql查询" target="_blank">hibernate使用sql查询</a> <span class="text-muted">ctrain</span> <a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a> <div> import java.util.Iterator; import java.util.List; import java.util.Map; import org.hibernate.Hibernate; import org.hibernate.SQLQuery; import org.hibernate.Session; import org.hibernate.Transa</div> </li> <li><a href="/article/2453.htm" title="linux shell脚本中切换用户执行命令方法" target="_blank">linux shell脚本中切换用户执行命令方法</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a><a class="tag" taget="_blank" href="/search/%E5%91%BD%E4%BB%A4/1.htm">命令</a><a class="tag" taget="_blank" href="/search/%E5%88%87%E6%8D%A2%E7%94%A8%E6%88%B7/1.htm">切换用户</a> <div>经常在写shell脚本时,会碰到要以另外一个用户来执行相关命令,其方法简单记下:   1、执行单个命令:su - user -c "command" 如:下面命令是以test用户在/data目录下创建test123目录 [root@slave19 /data]# su - test -c "mkdir /data/test123" </div> </li> <li><a href="/article/2580.htm" title="好的代码里只要一个 return 语句" target="_blank">好的代码里只要一个 return 语句</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/return/1.htm">return</a> <div>别再这样写了:public boolean foo() {    if (true) {         return true;     } else {          return false;    </div> </li> <li><a href="/article/2707.htm" title="Android动画效果学习" target="_blank">Android动画效果学习</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>1、透明动画效果 方法一:代码实现 public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View rootView = inflater.inflate(R.layout.fragment_main, container, fals</div> </li> <li><a href="/article/2834.htm" title="linux复习笔记之bash shell (4)管道命令" target="_blank">linux复习笔记之bash shell (4)管道命令</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/linux%E7%AE%A1%E9%81%93%E5%91%BD%E4%BB%A4%E6%B1%87%E6%80%BB/1.htm">linux管道命令汇总</a><a class="tag" taget="_blank" href="/search/linux%E7%AE%A1%E9%81%93%E5%91%BD%E4%BB%A4/1.htm">linux管道命令</a><a class="tag" taget="_blank" href="/search/linux%E5%B8%B8%E7%94%A8%E7%AE%A1%E9%81%93%E5%91%BD%E4%BB%A4/1.htm">linux常用管道命令</a> <div>转载请出自出处: http://eksliang.iteye.com/blog/2105461     bash命令执行的完毕以后,通常这个命令都会有返回结果,怎么对这个返回的结果做一些操作呢?那就得用管道命令‘|’。     上面那段话,简单说了下管道命令的作用,那什么事管道命令呢?     答:非常的经典的一句话,记住了,何为管</div> </li> <li><a href="/article/2961.htm" title="Android系统中自定义按键的短按、双击、长按事件" target="_blank">Android系统中自定义按键的短按、双击、长按事件</a> <span class="text-muted">gqdy365</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>在项目中碰到这样的问题: 由于系统中的按键在底层做了重新定义或者新增了按键,此时需要在APP层对按键事件(keyevent)做分解处理,模拟Android系统做法,把keyevent分解成: 1、单击事件:就是普通key的单击; 2、双击事件:500ms内同一按键单击两次; 3、长按事件:同一按键长按超过1000ms(系统中长按事件为500ms); 4、组合按键:两个以上按键同时按住; </div> </li> <li><a href="/article/3088.htm" title="asp.net获取站点根目录下子目录的名称" target="_blank">asp.net获取站点根目录下子目录的名称</a> <span class="text-muted">hvt</span> <a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a><a class="tag" taget="_blank" href="/search/asp.net/1.htm">asp.net</a><a class="tag" taget="_blank" href="/search/hovertree/1.htm">hovertree</a><a class="tag" taget="_blank" href="/search/Web+Forms/1.htm">Web Forms</a> <div>使用Visual Studio建立一个.aspx文件(Web Forms),例如hovertree.aspx,在页面上加入一个ListBox代码如下: <asp:ListBox runat="server" ID="lbKeleyiFolder" />   那么在页面上显示根目录子文件夹的代码如下: string[] m_sub</div> </li> <li><a href="/article/3215.htm" title="Eclipse程序员要掌握的常用快捷键" target="_blank">Eclipse程序员要掌握的常用快捷键</a> <span class="text-muted">justjavac</span> <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/%E5%BF%AB%E6%8D%B7%E9%94%AE/1.htm">快捷键</a><a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a> <div>  判断一个人的编程水平,就看他用键盘多,还是鼠标多。用键盘一是为了输入代码(当然了,也包括注释),再有就是熟练使用快捷键。   曾有人在豆瓣评 《卓有成效的程序员》:“人有多大懒,才有多大闲”。之前我整理了一个 程序员图书列表,目的也就是通过读书,让程序员变懒。  写道 程序员作为特殊的群体,有的人可以这么懒,懒到事情都交给机器去做,而有的人又可</div> </li> <li><a href="/article/3342.htm" title="c++编程随记" target="_blank">c++编程随记</a> <span class="text-muted">lx.asymmetric</span> <a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div> 为了字体更好看,改变了格式……   &&运算符:   #include<iostream> using namespace std; int main(){      int a=-1,b=4,k;      k=(++a<0)&&!(b--</div> </li> <li><a href="/article/3469.htm" title="linux标准IO缓冲机制研究" target="_blank">linux标准IO缓冲机制研究</a> <span class="text-muted">音频数据</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>一、什么是缓存I/O(Buffered I/O)缓存I/O又被称作标准I/O,大多数文件系统默认I/O操作都是缓存I/O。在Linux的缓存I/O机制中,操作系统会将I/O的数据缓存在文件系统的页缓存(page cache)中,也就是说,数据会先被拷贝到操作系统内核的缓冲区中,然后才会从操作系统内核的缓冲区拷贝到应用程序的地址空间。1.缓存I/O有以下优点:A.缓存I/O使用了操作系统内核缓冲区,</div> </li> <li><a href="/article/3596.htm" title="随想 生活" target="_blank">随想 生活</a> <span class="text-muted">暗黑小菠萝</span> <a class="tag" taget="_blank" href="/search/%E7%94%9F%E6%B4%BB/1.htm">生活</a> <div>其实账户之前就申请了,但是决定要自己更新一些东西看也是最近。从毕业到现在已经一年了。没有进步是假的,但是有多大的进步可能只有我自己知道。   毕业的时候班里12个女生,真正最后做到软件开发的只要两个包括我,PS:我不是说测试不好。当时因为考研完全放弃找工作,考研失败,我想这只是我的借口。那个时候才想到为什么大学的时候不能好好的学习技术,增强自己的实战能力,以至于后来找工作比较费劲。我</div> </li> <li><a href="/article/3723.htm" title="我认为POJO是一个错误的概念" target="_blank">我认为POJO是一个错误的概念</a> <span class="text-muted">windshome</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/POJO/1.htm">POJO</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/J2EE/1.htm">J2EE</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1/1.htm">设计</a> <div>              这篇内容其实没有经过太多的深思熟虑,只是个人一时的感觉。从个人风格上来讲,我倾向简单质朴的设计开发理念;从方法论上,我更加倾向自顶向下的设计;从做事情的目标上来看,我追求质量优先,更愿意使用较为保守和稳妥的理念和方法。    &</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. <!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>--> </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>