码农麒麟

JS中DOM模型简介以及实现HTML元素的增删改查

一、DOM模型概述

在了解JS的DOM模型之前，首先要先清除什么是树模型，这一点在数据结构中讲述的非常清楚，不知道的读者可以先去看一下数据结构中有关树的概念。

了解了什么是树之后，我们再来说说DOM模型，DOM模型其实就是把你所有已经写入前端文件(.html/.jsp/..)中的所有标签，形成一个树的结构。话不多说，直接上代码和图。


我的DOM树

    My name is BeryAllen,
    and I'm the fastest man alive.

如上的代码会生成一个DOM树，其中html为树的根节点，和为它的两个子节点，而下还会有

和

两个子节点，该树形结构如下图所示：

DOM为常用的HTML元素提供了一套完整的继承体系。从页面的document对象到每个常用的HTML元素，DOM模型都提供了对应的类，每个类都提供了相应的方法来操作DOM元素本身、属性及其子元素。DOM模型允许以树的方式操作HTML文档中的每个元素。

虽然JS不是一门纯粹的面向对象语言，但DOM还是为HTML元素提供了一种简单的继承关系。关于HTML中元素的继承关系，具体的可以查看以下链接：https://blog.csdn.net/ppwwp/article/details/88169145。

二、访问HTML元素

为了动态地修改HTML元素，必须能访问HTML元素，DOM提供了三种方式来访问HTML元素：

根据ID访问HTML元素
利用节点关系访问HTML元素

前一种方式通过document.getElementById("")可以通元素的ID获取该对象，与之类似的，也可以通过class获得元素对象，如：document.getElementsByClassName("");后一种方式可以通过节点之间的父子、兄弟关系来访问。

除了这两种访问方式之外，还可以通过CSS选择器来访问HTML元素。


    




    疯狂Java讲义
    轻量级Java EE企业应用到实战

通过父子节点获取元素：


	


	
	
		疯狂Java讲义
	
		轻量级Java EE企业应用到实战
		疯狂Ajax讲义
		疯狂XML讲义
		经典Java EE企业应用到实战
		经典Java EE企业应用到实战

三、修改HTML元素

访问到指定的HTML元素之后，还可以对该元素进行修改，可以通过以下属性进行修改：

innerHTML：大部分HTML页面元素如
、的呈现内容由该属性控制。
value：表单控件如、的呈现内容由该属性控制</li> <li style="text-indent:0px;">className:修改HTML元素的CSS样式，该属性的合法值是一个class选择器名</li> <li style="text-indent:0px;">style：修改HTML元素的CSS样式</li> <li style="text-indent:0px;">options[index]：直接对<select/>元素的指定列表项赋值，可改变列表框、下拉菜单的指定列表项。</li> </ul> <pre class="has"><code class="language-html"><head> <title>BeryAllen</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <style type="text/css"> </style> </head> <body> 改变第<input id="row" type="text" size="2"/>行, 第<input id="cel" type="text" size="2" />列的值为: <input id="celVal" type="text" size="16"/> <input id="chg" type="button" value="改变" onclick="change();"/><br /> <table id="d" border="1" style="width:580px;border-collapse:collapse;"> <tr> <td>疯狂Java讲义</td> <td>轻量级Java EE企业应用到实战</td> </tr> <tr> <td>疯狂Ajax讲义</td> <td>轻量级Java EE企业应用到实战</td> </tr> <tr> <td>疯狂XML讲义</td> <td>疯狂Android讲义</td> </tr> </table> <script type="text/javascript"> var change = function(){ var tb = document.getElementById("d"); var row = document.getElementById("row").value; row = parseInt(row); if(isNaN(row)){ alert("您要修改的行必须是整数"); return false; } var cel = document.getElementById("cel").value; cel = parseInt(cel); if(isNaN(cel)){ alert("您要修改的列必须是整数"); return false; } if(row > tb.rows.length || cel > tb.rows.item(0).cells.length){ alert("要修改的单元格不在该表格内"); return false; } tb.rows.item(row - 1).cells.item(cel - 1).innerHTML = document.getElementById("celVal").value; } </script> </body></code></pre> <p>如上的代码在获取了table对象d后，通过<strong>tb.rows.item(row - 1 ).cells.item(cel - 1).innerHTML<br> = document.getElementById("celVal").value;</strong>将输入的第row行，cel列的数据变为input框中的数据。</p> <h2>四、增加HTML元素</h2> <p style="text-indent:50px;">JavaScript脚本可以通过DOM动态增加节点，程序为DOM树增加节点时，页面会动态的地增加HTML元素。当需要为页面增加HTML元素时，可以进行如下的操作：</p> <p style="text-indent:50px;">1、创建或复制节点</p> <p style="text-indent:50px;">2、添加节点</p> <pre class="has"><code class="language-html"><body id="test"> <script type="text/javascript"> var a = document.createElement("select"); for(var i = 0;i<10;i++){ var op = document.createElement("option"); op.innerHTML = '新增的选项' + i; a.add(op,null); a.size = 5; document.getElementById("test").appendChild(a); } </script> </body></code></pre> <p><a href="http://img.e-com-net.com/image/info8/6749ad5d8db7449c9414f19467751f30.png" target="_blank"><img alt="" class="has" height="95" src="http://img.e-com-net.com/image/info8/6749ad5d8db7449c9414f19467751f30.png" width="99"></a> 从运行结果可以看出，该自选框以及框内的内容都是由JavaScript动态生成的，不需要静态的定义。</p> <p style="text-indent:50px;">javascript这样动态生成的特点，可以减少JS对HTML的依赖性，这样极大的增加了代码的可重用性。</p> <h2 style="text-indent:0px;">五、删除HTML元素</h2> <p style="text-indent:50px;">删除HTML元素也是通过删除节点来完成的。对于普通的HTML元素，可以通过方法来删除节点，而列表框、下拉菜单、表格则有额外的方法来删除HTML元素。</p> <pre class="has"><code class="language-html"><body id="test"> <input id="add" type="button" value="增加" disabled onclick="add();"/> <input id="del" type="button" value="删除" onclick="del();"/> <div id="target" style="width:240px;height:50px;border:1px solid black;"></div> <script type="text/javascript"> var body = document.getElementById("test"); var target = document.getElementById("target"); var add = function(){ body.appendChild(target); document.getElementById("add").disabled = "disabled"; document.getElementById("del").disabled = ""; } var del = function(){ body.removeChild(target); document.getElementById("del").disabled = "disabled"; document.getElementById("add").disabled = ""; } </script> </body></code></pre> <p><a href="http://img.e-com-net.com/image/info8/e9a7cbb19a154d98a9322fbd220585f8.png" target="_blank"><img alt="" class="has" height="93" src="http://img.e-com-net.com/image/info8/e9a7cbb19a154d98a9322fbd220585f8.png" width="271"></a><a href="http://img.e-com-net.com/image/info8/3102a3b98b27474da9551482126d99df.png" target="_blank"><img alt="" class="has" height="83" src="http://img.e-com-net.com/image/info8/3102a3b98b27474da9551482126d99df.png" width="276"></a>通过点击删除来将id为target的div移除，点击删除之后删除按钮不可点击，增加按钮变得可以点击。</p> <p>我们再来看看表格中删除某行某列的做法：</p> <pre class="has"><code class="language-html"><body> 第<input type="text" id="row"/>行,第<input type="text" id="col"/>列 <input type="button" onclick="del();" value="删除第i列第j行"/><br /> <table id="test" border="1px solid black;" style="width:500px;"> <caption>疯狂Java体系</caption> <tr> <td>疯狂Java讲义</td> <td>轻量级Java EE企业应用实战</td> </tr> <tr> <td>疯狂Java讲义</td> <td>轻量级Java EE企业应用实战</td> </tr> <tr> <td>疯狂Java讲义</td> <td>轻量级Java EE企业应用实战</td> </tr> </table> <script type="text/javascript"> var tab = document.getElementById("test"); var del = function(){ var row = document.getElementById("row").value; var col = document.getElementById("col").value; var rowList = tab.rows; if(row==""||col==""){ alert("不可为空"); } if(isNaN(row)){ alert("行输入不规范"); return false; } if(isNaN(col)){ alert("列输入不规范"); return false; } if(row > rowList.length||row<0){ alert("不存在该行"); return false; } let delrow = rowList.item( row - 1); let cols = tab.rows[row-1].cells.length; if(col > cols || col<0){ alert("不存在该列"); return false; } delrow.deleteCell(col-1); } </script> </body></code></pre> <p>在表格的删除中，通过用户输入数字来指定要删除的某行某列，其中要注意的是，table.rows能够获得一个数组对象，所以索引值由0开始，故而和用户的输入之间要相差1；其次，为了规避用户的不规则输出，我通过isNaN()函数判断获得到的input框的value是否可以转为数字，借此判断用户输入的规范性；得到行和列之后还要对行和列进行数量上的判断，用户输入为负数或者输入的大于总行数或列数大于总列数，都要停止删除行为，用return false强行结束del()函数。</p> <p>在对该代码进行测试的过程中，我们还能够发现有趣的事情，那就是，在把某一行完全删除后，该行不会消失，但列都已经不存在了，这个时候我们就可以通过一个判断来判定该行是否还有列元素。</p> <pre class="has"><code class="language-javascript">if(cols==1){ //如果被删除之前只有一列，则在删除该列之后该行为空，故要删除该行 tab.deleteRow(row-1); }</code></pre> <p>把上面的代码放在删除操作之后就可以完成你想要的效果啦。</p> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1493142312505597952"></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">你可能感兴趣的:(JavaScript,JS入门,增删改查HTML元素)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1900622404586106880.htm" title="java语言开源协议_Language Server Protocol" target="_blank">java语言开源协议_Language Server Protocol</a> <span class="text-muted">weixin_39709674</span> <a class="tag" taget="_blank" href="/search/java%E8%AF%AD%E8%A8%80%E5%BC%80%E6%BA%90%E5%8D%8F%E8%AE%AE/1.htm">java语言开源协议</a> <div>软件简介LSP(LanguageServerProtocol)开源的语言服务器协定。由红帽、微软和Codenvy联合推出，可以让不同的程序编辑器与集成开发环境(IDE)方便嵌入各种程序语言，允许开发人员在最喜爱的工具中使用各种语言来撰写程序。唯一基于JSON的语言服务器数据交换协定，目前由GitHub代管，并采用CC及MIT授权。该协定主要用来促进编辑器及语言服务器之间的互动，允许开发人员在各种编</div> </li> <li><a href="/article/1900617612631535616.htm" title="《算法笔记》8.1小节——搜索专题-＞深度优先搜索（DFS）问题 C: 【递归入门】组合+判断素数" target="_blank">《算法笔记》8.1小节——搜索专题-＞深度优先搜索（DFS）问题 C: 【递归入门】组合+判断素数</a> <span class="text-muted">圣保罗的大教堂</span> <a class="tag" taget="_blank" href="/search/%E3%80%8A%E7%AE%97%E6%B3%95%E7%AC%94%E8%AE%B0%E3%80%8B/1.htm">《算法笔记》</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>题目描述已知n个整数b1,b2,…,bn以及一个整数k（k＜n）。从n个整数中任选k个整数相加，可分别得到一系列的和。例如当n=4，k＝3，4个整数分别为3，7，12，19时，可得全部的组合与它们的和为：3＋7＋12=223＋7＋19＝297＋12＋19＝383＋12＋19＝34。现在，要求你计算出和为素数共有多少种。例如上例，只有一种的和为素数：3＋7＋19＝29。输入第一行两个整数：n,k（1</div> </li> <li><a href="/article/1900617609229955072.htm" title="202年充电计划——自学手册网络安全（黑客技术）" target="_blank">202年充电计划——自学手册网络安全（黑客技术）</a> <span class="text-muted">网安康sir</span> <a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/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/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>基于入门网络安全/黑客打造的：黑客&网络安全入门&进阶学习资源包前言什么是网络安全网络安全可以基于攻击和防御视角来分类，我们经常听到的“红队”、“渗透测试”等就是研究攻击技术，而“蓝队”、“安全运营”、“安全运维”则研究防御技术。如何成为一名黑客很多朋友在学习安全方面都会半路转行，因为不知如何去学，在这里，我将这个整份答案分为黑客（网络安全）入门必备、黑客（网络安全）职业指南、黑客（网络安全）学习</div> </li> <li><a href="/article/1900616853105995776.htm" title="微信小程序点餐系统的设计与实现（开题报告+源码+论文）_在线点餐外卖系统设计与实现文献" target="_blank">微信小程序点餐系统的设计与实现（开题报告+源码+论文）_在线点餐外卖系统设计与实现文献</a> <span class="text-muted">2301_82243979</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/%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%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a> <div>二.技术环境jdk版本：1.8及以上ide工具：Eclipse或者IDEA，微信小程序开发工具数据库:mysql5.7（必须5.7）编程语言:Javajava框架：ssmmaven:3.6.1详细技术：HTML+CSS+JAVA+SSM+MYSQL+VUE+MAVEN+微信开发工具三.功能设计本基于微信小程序的外卖点餐系统的设计与实现有管理员，外卖员，餐厅，用户共四个角色。管理员功能有个人中心，外</div> </li> <li><a href="/article/1900614963634958336.htm" title="C++入门基础------类的介绍" target="_blank">C++入门基础------类的介绍</a> <span class="text-muted">XG丶小哥</span> <a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a> <div>本文是对C++的一些知识点总结以及自己的理解，建议是对于C有较好的理解或者是学过一些C++的同学使用，可以加深自己的理解！C++基础一、类的定义二、创建类对象三、访问类的成员四、类成员变量和成员函数五、C++类的访问权限六、类的简单封装七、类的构造函数八、C++构造函数初始化列表九、析构函数十、this指针十一、C++中的静态变量十二、静态函数十三、const成员函数一、类的定义类是创建对象的模板</div> </li> <li><a href="/article/1900611433402527744.htm" title="Caddy2使用阿里云DNS申请https证书，利用阿里云DNS境内外不同解析给Gone文档做一个同域名的国内镜像站点" target="_blank">Caddy2使用阿里云DNS申请https证书，利用阿里云DNS境内外不同解析给Gone文档做一个同域名的国内镜像站点</a> <span class="text-muted">dapeng-大鹏</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E9%B9%8F%E8%BF%90%E7%BB%B4%E8%AE%B0%E5%BD%95/1.htm">大鹏运维记录</a><a class="tag" taget="_blank" href="/search/caddy/1.htm">caddy</a><a class="tag" taget="_blank" href="/search/https/1.htm">https</a><a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a><a class="tag" taget="_blank" href="/search/docker-compose/1.htm">docker-compose</a> <div>我从头到尾实现了一个Golang的依赖注入框架，并且集成了gin、xorm、redis、cron、消息中间件等功能；自己觉得还挺好用的，并且打算长期维护！github地址：https://github.com/gone-io/gone文档原地址：https://goner.fun/zh/guide/auto-gen-priest.html请帮忙在github上点个⭐️吧，这对我很重要；万分感谢！！</div> </li> <li><a href="/article/1900610044441980928.htm" title="kubernetes-helm详细介绍及使用" target="_blank">kubernetes-helm详细介绍及使用</a> <span class="text-muted">冷漠程序员小哥哥</span> <a class="tag" taget="_blank" href="/search/kubernetes/1.htm">kubernetes</a><a class="tag" taget="_blank" href="/search/kubernetes/1.htm">kubernetes</a><a class="tag" taget="_blank" href="/search/kuberctl/1.htm">kuberctl</a><a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a> <div>致读者完整入门示例请参考：Helm完整入门实战Helm本指南介绍了使用Helm来管理Kubernetes集群上的软件包的基础知识。在这之前，假定您已经安装了Helm客户端。如果您仅对运行一些快速命令感兴趣，则不妨从快速入门指南开始。本章包含了Helm命令的详细说明，并解释如何使用Helm。三大概念Chart代表着Helm包。它包含在Kubernetes集群内部运行应用程序，工具或服务所需的所有资源</div> </li> <li><a href="/article/1900609792209121280.htm" title="[论文解读] 多机器人系统动态任务分配综述" target="_blank">[论文解读] 多机器人系统动态任务分配综述</a> <span class="text-muted">「已注销」</span> <a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>https://www.emerald.com/insight/content/doi/10.1108/IR-04-2020-0073/full/html多机器人/多智能体动态环境任务分配决策动态任务调度策略该文章主要是想对目前stateoftheart多机器人动态任务调度策略做一个全面的评价，注意定语挺多的，里面的方法也较多为近几年的智能调度那些算法。衡量方法主要考虑到了应用场景、限制、目标方程</div> </li> <li><a href="/article/1900608910172155904.htm" title="JavaScript基础-全局作用域" target="_blank">JavaScript基础-全局作用域</a> <span class="text-muted">難釋懷</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>在JavaScript编程中，理解变量的作用域是编写高效、可维护代码的关键之一。全局作用域是指变量在整个程序范围内都可访问的状态，这意味着它们可以在任何函数或代码块中被读取和修改。然而，过度使用全局变量也可能导致一些问题，如命名冲突和意外的副作用。本文将详细介绍全局作用域的概念、特性以及如何合理使用全局变量。一、什么是全局作用域？当一个变量在任何函数、代码块之外声明时，它就处于全局作用域下。这意味</div> </li> <li><a href="/article/1900608278916820992.htm" title="ClaudeAPi接入" target="_blank">ClaudeAPi接入</a> <span class="text-muted">heikeb</span> <a class="tag" taget="_blank" href="/search/chatgpt/1.htm">chatgpt</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>一，实现目标接入钉钉机器人支持群聊和私聊chatgpt体验：http://me.chat129.comchatgpt学习：http://www.chat129.com网上看了很多方案，因为Claude的api申请难度非常大，大部分都是说使用Slack，但是Slack只能免费使用一个月。作为一个完美主义怎么可能允许这样的事情发生。何如处理，抓网页。只能美，英，魔法这些都是入门小菜，这里不再赘述。自行</div> </li> <li><a href="/article/1900606893206859776.htm" title="Python API接口" target="_blank">Python API接口</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/AI/1.htm">AI</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>人工智能机器人EverydayWechat老李API图灵机器人：http://www.turingapi.com/（需求实名制认证，并每天免费数量只有100条）青云客智能聊天机器人：http://api.qingyunke.com/（无须申请，无数量限制，但有点智障，分手神器。分手神器，慎用）智能闲聊（腾讯）：https://ai.qq.com/product/nlpchat.shtml(申请使用</div> </li> <li><a href="/article/1900603113069408256.htm" title="pjsip pjsua_media_config 结构体说明" target="_blank">pjsip pjsua_media_config 结构体说明</a> <span class="text-muted">小gpt&</span> <a class="tag" taget="_blank" href="/search/Pjsip/1.htm">Pjsip</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/qt/1.htm">qt</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a> <div>clock_rate描述：设置会议桥（conferencebridge）的时钟频率（采样率）。默认值：0（使用默认值PJSUA_DEFAULT_CLOCK_RATE，通常为16kHz）。作用：影响音频的采样率，常见值有8000（8kHz）、16000（16kHz）、48000（48kHz）等。snd_clock_rate描述：设置音频设备的时钟频率（采样率）。默认值：0（使用会议桥的时钟频率）。作</div> </li> <li><a href="/article/1900602357113221120.htm" title="【JS性能优化黑魔法】从8秒到0.8秒的奇迹の逆袭（祖传代码大改造）—— 让老板跪下喊爸爸的极致优化指南" target="_blank">【JS性能优化黑魔法】从8秒到0.8秒的奇迹の逆袭（祖传代码大改造）—— 让老板跪下喊爸爸的极致优化指南</a> <span class="text-muted">vvvae1234</span> <a class="tag" taget="_blank" href="/search/github/1.htm">github</a> <div>️第一章：渲染の禁忌仪式（重绘与回流）场景：购物车动画卡成PPT//菜鸟写法（每秒60次全局地震）setInterval(()=>{cartItems.forEach(item=>{item.style.top=`${Math.sin(Date.now())*10}px`;//持续触发回流});},16);//老司机优化（GPU加速の奥义）functionsmoothAnimation(){req</div> </li> <li><a href="/article/1900599452977131520.htm" title="自动化测试：灵活书写XPATH定位路径" target="_blank">自动化测试：灵活书写XPATH定位路径</a> <span class="text-muted">ZJ_star_1220</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</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><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>进行UI自动化测试过程中XPATH定位是使用最多的定位方法，但是有时候直接复制出来的XPATH路径会比较长，所以就需要掌握一些更高级的方法，通过询问AI，最终得到了以下方法，感觉很有用，所以记录下来一、基础定位语法绝对路径与相对路径绝对路径：以/开头，从根节点逐层定位（如/html/body/div/input），路径长且易受页面结构调整影响相对路径：以//开头，直接定位目标元素（如//input</div> </li> <li><a href="/article/1900598193289228288.htm" title="Python 实现的采集诸葛灵签" target="_blank">Python 实现的采集诸葛灵签</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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>Python实现的采集诸葛灵签项目介绍这是一个基于Python开发的诸葛灵签数据采集和展示项目。通过爬虫技术获取诸葛神签的签文和解签内容，并提供数据存储和查询功能。项目结构zhuge/├──zhuge_scraper.py#爬虫主程序├──zhuge_pages/#数据存储目录│├──all_signs.json#汇总数据│└──zhuge_sign_*.json#单个签文数据└──zhuge.m</div> </li> <li><a href="/article/1900596678663139328.htm" title="C语言零基础入门：嵌入式系统开发之旅" target="_blank">C语言零基础入门：嵌入式系统开发之旅</a> <span class="text-muted">岱宗夫up</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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/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%AD%A6%E4%B9%A0/1.htm">学习</a> <div>C语言零基础入门：嵌入式系统开发之旅一、引言嵌入式系统开发是当今科技领域中一个极具魅力和挑战性的方向。从智能家居设备到汽车电子系统，从智能穿戴设备到工业自动化控制，嵌入式系统无处不在。而C语言，作为嵌入式开发中最常用的语言之一，以其高效、灵活和接近硬件的特点，成为了嵌入式开发者的首选工具。如果你对嵌入式系统开发充满兴趣，但又对C语言一窍不通，那么这篇文章将是你开启这段奇妙旅程的完美起点。二、C语言</div> </li> <li><a href="/article/1900594281949753344.htm" title="HTML星球大冒险之路线图" target="_blank">HTML星球大冒险之路线图</a> <span class="text-muted">我自纵横2023</span> <a class="tag" taget="_blank" href="/search/HTML%E6%95%99%E7%A8%8B/1.htm">HTML教程</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>第一章：欢迎来到HTML星球！1.1宇宙的基石：HTML是什么？比喻：HTML是网页世界的「乐高积木」，用标签搭建一切可见内容目标：理解HTML的作用，掌握第一个声明1.2认识HTML文档的「骨骼结构」趣味比喻：HTML文档像汉堡包是包装盒（根标签）是配料表（元信息）是汉堡本体（可见内容）示例：打印「Hello,HTML星球！」第二章：标签大狂欢：从基础到变形2.1文本标签的魔法咒语✨幽默教学：：</div> </li> <li><a href="/article/1900589619313963008.htm" title="C语言数据结构——变长数组（柔性数组）" target="_blank">C语言数据结构——变长数组（柔性数组）</a> <span class="text-muted">Iawfy22</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a><a class="tag" taget="_blank" href="/search/%E6%9F%94%E6%80%A7%E6%95%B0%E7%BB%84/1.htm">柔性数组</a> <div>前言这是一位即将大二的大学生（卷狗）在暑假预习数据结构时的一些学习笔记，供大家参考学习。水平有限，如有错误，还望多多指正。本文主要介绍了如何手动实现一个变长数组，以及实现其部分功能（如删除、查找、添加、排序等）变长数组介绍变长数组又可以叫柔性数组，与一般数组不同，它是一个动态的数组，具体表现为可以根据数组里面元素个数的多少而自动的进行扩容，以便达到变长（柔性）的特点。预备知识为了实现自动边长扩容这</div> </li> <li><a href="/article/1900586092499890176.htm" title="React 和 Vue _使用区别" target="_blank">React 和 Vue _使用区别</a> <span class="text-muted">开心小老虎</span> <a class="tag" taget="_blank" href="/search/react%E7%9F%A5%E8%AF%86%E7%82%B9%2B%E7%BB%84%E4%BB%B6/1.htm">react知识点+组件</a><a class="tag" taget="_blank" href="/search/vue3%E7%9F%A5%E8%AF%86%E7%82%B9%2B%E7%BB%84%E4%BB%B6/1.htm">vue3知识点+组件</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%9F%A5%E8%AF%86%E7%82%B9/1.htm">前端知识点</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>目录一、框架介绍1.Vue2.React二、框架结构1.创建应用2.框架结构三、使用区别1.单页面组成2.样式3.显示响应式数据4.响应式html标签属性5.控制元素显隐6.条件渲染7.渲染列表react和vue是目前前端比较流行的两大框架，前端程序员应该将两种框架都掌握，本文总结一些基本知识点的使用区别。一、框架介绍1.VueVue是一个框架，也是一个生态。其功能覆盖了大部分前端开发常见的需求。</div> </li> <li><a href="/article/1900585714379190272.htm" title="pjsip dtmf发送和接收（pjsua）" target="_blank">pjsip dtmf发送和接收（pjsua）</a> <span class="text-muted">小gpt&</span> <a class="tag" taget="_blank" href="/search/Pjsip/1.htm">Pjsip</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/qt/1.htm">qt</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a> <div>DTMF（双音多频，Dual-ToneMulti-Frequency）是一种用于电话系统的信号技术，通过组合两个不同频率的音频信号来表示数字和符号。以下是DTMF的主要使用背景和应用场景：电话拨号DTMF最常见的用途是电话拨号。当用户按下电话键盘上的数字或符号时，电话会生成两个特定频率的音调，交换机接收并解码这些信号以确定用户拨打的号码。交互式语音应答（IVR）系统DTMF广泛用于IVR系统，用户</div> </li> <li><a href="/article/1900585588025782272.htm" title="2024年Flutter从入门到精通全网最全学习路线指南" target="_blank">2024年Flutter从入门到精通全网最全学习路线指南</a> <span class="text-muted">高级技术工程师</span> <a class="tag" taget="_blank" href="/search/flutter/1.htm">flutter</a><a class="tag" taget="_blank" href="/search/flutter/1.htm">flutter</a><a class="tag" taget="_blank" href="/search/flutter%E4%B8%AD%E6%96%87%E7%BD%91/1.htm">flutter中文网</a><a class="tag" taget="_blank" href="/search/flutter%E4%B8%AD%E6%96%87%E5%AE%98%E6%96%B9%E6%96%87%E6%A1%A3/1.htm">flutter中文官方文档</a> <div>随着移动开发技术的快速发展，Flutter作为Google推出的跨平台开发框架，以其高效的热重载、统一的UI开发体验和卓越的性能表现，正逐渐成为众多开发者青睐的首选工具。为了帮助广大编程爱好者及职业开发者在2024年更好地掌握Flutter技术，本文将为您呈现一套全面且深度的Flutter学习路线图。flutter中文网flutterflutter中文官方文档第一阶段：基础入门与环境配置了解Flu</div> </li> <li><a href="/article/1900585459097071616.htm" title="html5使用本地sqlite数据库" target="_blank">html5使用本地sqlite数据库</a> <span class="text-muted">小祁爱编程</span> <a class="tag" taget="_blank" href="/search/sqlite/1.htm">sqlite</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/big/1.htm">big</a><a class="tag" taget="_blank" href="/search/data/1.htm">data</a> <div>html5使用本地sqlite数据库本地数据库概述在HTML5中，大大丰富了客户端本地可以存储的内容，添加了很多功能将原本必须要保存在服务器上的数据转为保存在客户端本地，从而大大提高了Web应用程序性能，减轻了服务器的负担，使用Web时代重新回到了“客户端为重、服务器端为轻”的时代。HTML5中内置了两种本地数据库，一种是SQLite,一种是indexedDBSQLite数据库使用操作本地数据库的</div> </li> <li><a href="/article/1900584072510500864.htm" title="vscode语言支持插件开发" target="_blank">vscode语言支持插件开发</a> <span class="text-muted">amux9527</span> <a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/vscode/1.htm">vscode</a><a class="tag" taget="_blank" href="/search/typescript/1.htm">typescript</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E8%BE%91%E5%99%A8/1.htm">编辑器</a> <div>安装脚手架npminstall-gyogenerator-code生成插件模板yocode配置语言支持我这里就自定义一种以.da结尾的语言，修改根目录下的package.json文件的contributes处的属性{"contributes":{"languages":[{"id":"da","aliases":["DA"],"extensions":[".da"],"icon":{"dark":</div> </li> <li><a href="/article/1900583567763763200.htm" title="HTML网页中添加视频的代码" target="_blank">HTML网页中添加视频的代码</a> <span class="text-muted">冬瓜生鲜</span> <a class="tag" taget="_blank" href="/search/JavaWeb/1.htm">JavaWeb</a> <div> //非原创（当时忘记保存大佬连接了，不知道是谁的了，所以没有转载链接，见谅）只需要把名字改改就行如果要实现自动播放：改下这个：controlsautoplaymuted; </div> </li> <li><a href="/article/1900583568241913856.htm" title="C++中栈的用法" target="_blank">C++中栈的用法</a> <span class="text-muted">冬瓜生鲜</span> <a class="tag" taget="_blank" href="/search/1/1.htm">1</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%AD%A6%E5%AD%A6%E4%B9%A0%E7%9A%84%E7%AE%97%E6%B3%95/1.htm">大学学习的算法</a> <div>简单记忆，具体详细见：https://blog.csdn.net/qq_20366761/article/details/70053813c++栈的方法的基本用法：push():向栈内压入一个成员；pop():从栈顶弹出一个成员；empty():如果栈为空返回true，否则返回false；top():返回栈顶，但不删除成员；size():返回栈内元素的大小；#include#includeusin</div> </li> <li><a href="/article/1900578779714088960.htm" title="C语言从入门到精通" target="_blank">C语言从入门到精通</a> <span class="text-muted">李鲶鱼</span> <a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>主要内容1.基础知识C语言概述：介绍C语言的历史、特点和发展。数据类型：讲解基本数据类型、常量、变量及其存储类别。运算符与表达达：涵盖赋值、算术、关系、逻辑等运算符和表达式。输入输出函数：介绍字符、字符串和格式化的输入输出方法。2.核心技术控制语句：包括选择结构（if、switch）和循环结构（while、for）。数组与指针：详细讲解一维数组、二维数组、字符数组和指针的使用。函数：函数的定义、声</div> </li> <li><a href="/article/1900576638895190016.htm" title="Flutter 从入门到进阶：构建跨平台应用的最佳实践" target="_blank">Flutter 从入门到进阶：构建跨平台应用的最佳实践</a> <span class="text-muted">萧鼎</span> <a class="tag" taget="_blank" href="/search/%E8%BD%AF%E7%A1%AC%E4%BB%B6%E4%B8%8E%E5%89%8D%E5%90%8E%E7%AB%AF%E8%AF%A6%E8%A7%A3/1.htm">软硬件与前后端详解</a><a class="tag" taget="_blank" href="/search/flutter/1.htm">flutter</a> <div>引言Flutter是Google推出的一款开源UI框架，能够帮助开发者使用Dart语言构建高性能、跨平台的移动、桌面和Web应用。它以“一次编写，到处运行”的特点吸引了众多开发者。Flutter采用自绘UI渲染引擎（Skia），能够提供原生级的性能体验。本文将从Flutter的基本概念入手，深入探讨其核心组件、状态管理、性能优化以及一些进阶技巧。1.Flutter的核心概念在学习Flutter之前</div> </li> <li><a href="/article/1900573738911461376.htm" title="nvm的使用汇总" target="_blank">nvm的使用汇总</a> <span class="text-muted">柒柒钏</span> <a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%9F%A5%E8%AF%86%E7%82%B9/1.htm">小知识点</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E8%A3%85%E6%95%99%E7%A8%8B/1.htm">安装教程</a><a class="tag" taget="_blank" href="/search/NVM/1.htm">NVM</a> <div>nvm的使用汇总在Linux中安装nvm使用nvm安装Node.js一些特殊用法总结在Linux中安装nvm运行以下命令,用来下载并执行nvm的安装脚本：curl-o-https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.0/install.sh|bash注意：v0.40.0是截至2023年的最新稳定版本。如果需要其他版本，请替换为对应的版本号。安装</div> </li> <li><a href="/article/1900567679102676992.htm" title="【零基础JavaScript入门 | Day1】从“消费记账“案例学编程基础 ⭐表格制作+数据类型转换全解析" target="_blank">【零基础JavaScript入门 | Day1】从“消费记账“案例学编程基础 ⭐表格制作+数据类型转换全解析</a> <span class="text-muted">helbyYoung</span> <a class="tag" taget="_blank" href="/search/JavaScrip%E5%AD%A6%E4%B9%A0/1.htm">JavaScrip学习</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>【零基础JavaScript入门|Day1】从"消费记账"案例学编程基础⭐表格制作+数据类型转换全解析今日学习重点：✅数据与现实的映射关系→网页表格如何承载生活数据✅变量容器的本质→用let管理三大消费支出✅隐式类型转换技巧→+prompt()输入处理的妙用✅模板字符串实战→动态生成消费报表案例亮点：1️⃣用户交互三部曲：通过prompt()实现饮食/交通/娱乐费用的分步输入2️⃣自动统计系统：t</div> </li> <li><a href="/article/1900567426433609728.htm" title="vscode中调试Python和C++的混合代码" target="_blank">vscode中调试Python和C++的混合代码</a> <span class="text-muted">destiny44123</span> <a class="tag" taget="_blank" href="/search/vscode/1.htm">vscode</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a> <div>文章目录使用流程参考一些差异使用流程参考ExampledebuggingmixedPythonC++inVSCode一些差异这里假设的项目是通过python调用c++的相应共享库(so)文件。首先，新建文件夹.vscode，在其中添加文件配置launch.json.示例如下：{"version":"0.2.0","configurations":[{"name":"(gdb)附加","type":</div> </li> <li><a href="/article/91.htm" title="java解析APK" target="_blank">java解析APK</a> <span class="text-muted">3213213333332132</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/apk/1.htm">apk</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E8%A7%A3%E6%9E%90APK/1.htm">解析APK</a> <div>解析apk有两种方法 1、结合安卓提供apktool工具，用java执行cmd解析命令获取apk信息 2、利用相关jar包里的集成方法解析apk 这里只给出第二种方法，因为第一种方法在linux服务器下会出现不在控制范围之内的结果。 public class ApkUtil { /** * 日志对象 */ private static Logger </div> </li> <li><a href="/article/218.htm" title="nginx自定义ip访问N种方法" target="_blank">nginx自定义ip访问N种方法</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/nginx+%E7%A6%81%E6%AD%A2ip%E8%AE%BF%E9%97%AE/1.htm">nginx 禁止ip访问</a> <div>　　　因业务需要，禁止一部分内网访问接口，　由于前端架了F5，直接用deny或allow是不行的，这是因为直接获取的前端Ｆ５的地址。　　　所以开始思考有哪些主案可以实现这样的需求，目前可实施的是三种：　　　一：把ip段放在redis里，写一段lua 二：利用geo传递变量，写一段</div> </li> <li><a href="/article/345.htm" title="mysql timestamp类型字段的CURRENT_TIMESTAMP与ON UPDATE CURRENT_TIMESTAMP属性" target="_blank">mysql timestamp类型字段的CURRENT_TIMESTAMP与ON UPDATE CURRENT_TIMESTAMP属性</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>timestamp有两个属性，分别是CURRENT_TIMESTAMP 和ON UPDATE CURRENT_TIMESTAMP两种，使用情况分别如下： 1. CURRENT_TIMESTAMP 当要向数据库执行insert操作时，如果有个timestamp字段属性设为 CURRENT_TIMESTAMP，则无论这</div> </li> <li><a href="/article/472.htm" title="struts2+spring+hibernate分页显示" target="_blank">struts2+spring+hibernate分页显示</a> <span class="text-muted">171815164</span> <a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a> <div>分页显示一直是web开发中一大烦琐的难题，传统的网页设计只在一个JSP或者ASP页面中书写所有关于数据库操作的代码，那样做分页可能简单一点，但当把网站分层开发后，分页就比较困难了，下面是我做Spring+Hibernate+Struts2项目时设计的分页代码，与大家分享交流。　　1、DAO层接口的设计，在MemberDao接口中定义了如下两个方法： public in</div> </li> <li><a href="/article/599.htm" title="构建自己的Wrapper应用" target="_blank">构建自己的Wrapper应用</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/rap/1.htm">rap</a> <div> 我们已经了解Wrapper的目录结构，下面可是正式利用Wrapper来包装我们自己的应用，这里假设Wrapper的安装目录为:/usr/local/wrapper。首先，创建项目应用 &nb</div> </li> <li><a href="/article/726.htm" title="[简单]工作记录_多线程相关" target="_blank">[简单]工作记录_多线程相关</a> <span class="text-muted">53873039oycg</span> <a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a> <div> 最近遇到多线程的问题,原来使用异步请求多个接口(n*3次请求) 方案一使用多线程一次返回数据,最开始是使用5个线程,一个线程顺序请求3个接口,超时终止返回缺点测试发现必须3个接</div> </li> <li><a href="/article/853.htm" title="调试jdk中的源码，查看jdk局部变量" target="_blank">调试jdk中的源码，查看jdk局部变量</a> <span class="text-muted">程序员是怎么炼成的</span> <a class="tag" taget="_blank" href="/search/jdk+%E6%BA%90%E7%A0%81/1.htm">jdk 源码</a> <div>转自：http://www.douban.com/note/211369821/ 学习jdk源码时使用-- 学习java最好的办法就是看jdk源代码，面对浩瀚的jdk（光源码就有40M多，比一个大型网站的源码都多）从何入手呢，要是能单步调试跟进到jdk源码里并且能查看其中的局部变量最好了。可惜的是sun提供的jdk并不能查看运行中的局部变量</div> </li> <li><a href="/article/980.htm" title="Oracle RAC Failover 详解" target="_blank">Oracle RAC Failover 详解</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>Oracle RAC 同时具备HA(High Availiablity) 和LB(LoadBalance). 而其高可用性的基础就是Failover(故障转移). 它指集群中任何一个节点的故障都不会影响用户的使用，连接到故障节点的用户会被自动转移到健康节点，从用户感受而言，是感觉不到这种切换。 Oracle 10g RAC 的Failover 可以分为3种： 1. Client-Si</div> </li> <li><a href="/article/1107.htm" title="form表单提交数据编码方式及tomcat的接受编码方式" target="_blank">form表单提交数据编码方式及tomcat的接受编码方式</a> <span class="text-muted">antonyup_2006</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">浏览器</a><a class="tag" taget="_blank" href="/search/%E4%BA%92%E8%81%94%E7%BD%91/1.htm">互联网</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a> <div>原帖地址：http://www.iteye.com/topic/266705 form有2中方法把数据提交给服务器，get和post,分别说下吧。（一）get提交 1.首先说下客户端（浏览器）的form表单用get方法是如何将数据编码后提交给服务器端的吧。对于get方法来说，都是把数据串联在请求的url后面作为参数，如：http://localhost:</div> </li> <li><a href="/article/1234.htm" title="JS初学者必知的基础" target="_blank">JS初学者必知的基础</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/js%E5%87%BD%E6%95%B0/1.htm">js函数</a><a class="tag" taget="_blank" href="/search/js%E5%85%A5%E9%97%A8%E5%9F%BA%E7%A1%80/1.htm">js入门基础</a> <div>JavaScript是网页的交互语言,实现网页的各种效果, JavaScript 是世界上最流行的脚本语言。 JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。 JavaScript 被设计为向 HTML 页面增加交互性。许多 HTML 开发者都不是程序员，但是 JavaScript 却拥有非常简单的语法。几乎每个人都有能力将小的 </div> </li> <li><a href="/article/1361.htm" title="iBatis的分页分析与详解" target="_blank">iBatis的分页分析与详解</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/ibatis/1.htm">ibatis</a> <div> 分页是操作数据库型系统常遇到的问题。分页实现方法很多，但效率的差异就很大了。iBatis是通过什么方式来实现这个分页的了。查看它的实现部分，发现返回的PaginatedList实际上是个接口，实现这个接口的是PaginatedDataList类的对象，查看PaginatedDataList类发现，每次翻页的时候最</div> </li> <li><a href="/article/1488.htm" title="精通Oracle10编程SQL(15)使用对象类型" target="_blank">精通Oracle10编程SQL(15)使用对象类型</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><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/plsql/1.htm">plsql</a> <div>/* *使用对象类型 */ --建立和使用简单对象类型 --对象类型包括对象类型规范和对象类型体两部分。 --建立和使用不包含任何方法的对象类型 CREATE OR REPLACE TYPE person_typ1 as OBJECT( name varchar2(10),gender varchar2(4),birthdate date ); drop type p</div> </li> <li><a href="/article/1615.htm" title="【Linux命令二】文本处理命令awk" target="_blank">【Linux命令二】文本处理命令awk</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/linux%E5%91%BD%E4%BB%A4/1.htm">linux命令</a> <div>awk是Linux用来进行文本处理的命令，在日常工作中，广泛应用于日志分析。awk是一门解释型编程语言，包含变量，数组，循环控制结构，条件控制结构等。它的语法采用类C语言的语法。 awk命令用来做什么？ 1.awk适用于具有一定结构的文本行，对其中的列进行提取信息 2.awk可以把当前正在处理的文本行提交给Linux的其它命令处理，然后把直接结构返回给awk 3.awk实际工</div> </li> <li><a href="/article/1742.htm" title="JAVA(ssh2框架)+Flex实现权限控制方案分析" target="_blank">JAVA(ssh2框架)+Flex实现权限控制方案分析</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> 目前项目使用的是Struts2+Hibernate+Spring的架构模式，目前已经有一套针对SSH2的权限系统，运行良好。但是项目有了新需求：在目前系统的基础上使用Flex逐步取代JSP，在取代JSP过程中可能存在Flex与JSP并存的情况，所以权限系统需要进行修改。【SSH2权限系统的实现机制】权限控制分为页面和后台两块：不同类型用户的帐号分配的访问权限是不同的，用户使</div> </li> <li><a href="/article/1869.htm" title="angular.forEach" target="_blank">angular.forEach</a> <span class="text-muted">boyitech</span> <a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/AngularJS+API/1.htm">AngularJS API</a><a class="tag" taget="_blank" href="/search/angular.forEach/1.htm">angular.forEach</a> <div>angular.forEach 描述: 循环对obj对象的每个元素调用iterator, obj对象可以是一个Object或一个Array. Iterator函数调用方法: iterator(value, key, obj), 其中obj是被迭代对象，key是obj的property key或者是数组的index，value就是相应的值啦. (此函数不能够迭代继承的属性.) </div> </li> <li><a href="/article/1996.htm" title="java-谷歌面试题-给定一个排序数组，如何构造一个二叉排序树" target="_blank">java-谷歌面试题-给定一个排序数组，如何构造一个二叉排序树</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/%E4%BA%8C%E5%8F%89%E6%8E%92%E5%BA%8F%E6%A0%91/1.htm">二叉排序树</a> <div> import java.util.LinkedList; public class CreateBSTfromSortedArray { /** * 题目:给定一个排序数组，如何构造一个二叉排序树 * 递归 */ public static void main(String[] args) { int[] data = { 1, 2, 3, 4, </div> </li> <li><a href="/article/2123.htm" title="action执行2次" target="_blank">action执行2次</a> <span class="text-muted">Chen.H</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/XHTML/1.htm">XHTML</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/Webwork/1.htm">Webwork</a> <div>xwork 写道 <action name="userTypeAction" class="com.ekangcount.website.system.view.action.UserTypeAction"> <result name="ssss" type="dispatcher"> </div> </li> <li><a href="/article/2250.htm" title="[时空与能量]逆转时空需要消耗大量能源" target="_blank">[时空与能量]逆转时空需要消耗大量能源</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E8%83%BD%E6%BA%90/1.htm">能源</a> <div> 无论如何,人类始终都想摆脱时间和空间的限制....但是受到质量与能量关系的限制,我们人类在目前和今后很长一段时间内,都无法获得大量廉价的能源来进行时空跨越..... 在进行时空穿梭的实验中,消耗超大规模的能源是必然</div> </li> <li><a href="/article/2377.htm" title="oracle的正则表达式(regular expression)详细介绍" target="_blank">oracle的正则表达式(regular expression)详细介绍</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/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">正则表达式</a> <div> 正则表达式是很多编程语言中都有的。可惜oracle8i、oracle9i中一直迟迟不肯加入，好在oracle10g中终于增加了期盼已久的正则表达式功能。你可以在oracle10g中使用正则表达式肆意地匹配你想匹配的任何字符串了。正则表达式中常用到的元数据(metacharacter)如下： ^ 匹配字符串的开头位置。 $ 匹配支付传的结尾位置。 * </div> </li> <li><a href="/article/2504.htm" title="报表工具与报表性能的关系" target="_blank">报表工具与报表性能的关系</a> <span class="text-muted">datamachine</span> <a class="tag" taget="_blank" href="/search/%E6%8A%A5%E8%A1%A8%E5%B7%A5%E5%85%B7/1.htm">报表工具</a><a class="tag" taget="_blank" href="/search/birt/1.htm">birt</a><a class="tag" taget="_blank" href="/search/%E6%8A%A5%E8%A1%A8%E6%80%A7%E8%83%BD/1.htm">报表性能</a><a class="tag" taget="_blank" href="/search/%E6%B6%A6%E4%B9%BE%E6%8A%A5%E8%A1%A8/1.htm">润乾报表</a> <div>在选择报表工具时，性能一直是用户关心的指标，但是，报表工具的性能和整个报表系统的性能有多大关系呢？要回答这个问题，首先要分析一下报表的处理过程包含哪些环节，哪些环节容易出现性能瓶颈，如何优化这些环节。一、报表处理的一般过程分析 1、用户选择报表输入参数后，报表引擎会根据报表模板和输入参数来解析报表，并将数据计算和读取请求以SQL的方式发送给数据库。 2、</div> </li> <li><a href="/article/2631.htm" title="初一上学期难记忆单词背诵第一课" target="_blank">初一上学期难记忆单词背诵第一课</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/word/1.htm">word</a><a class="tag" taget="_blank" href="/search/english/1.htm">english</a> <div>what 什么 your 你 name 名字 my 我的 am 是 one 一 two 二 three 三 four 四 five 五 class 班级，课 six 六 seven 七 eight 八 nince 九 ten 十 zero 零 how 怎样 old 老的 eleven 十一 twelve 十二 thirteen </div> </li> <li><a href="/article/2758.htm" title="我学过和准备学的各种技术" target="_blank">我学过和准备学的各种技术</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/%E6%8A%80%E6%9C%AF/1.htm">技术</a> <div>语言VB https://msdn.microsoft.com/zh-cn/library/2x7h1hfk.aspxJava http://docs.oracle.com/javase/8/C# https://msdn.microsoft.com/library/vstudioPHP http://php.net/manual/en/Html </div> </li> <li><a href="/article/2885.htm" title="struts2中token防止重复提交表单" target="_blank">struts2中token防止重复提交表单</a> <span class="text-muted">蕃薯耀</span> <a class="tag" taget="_blank" href="/search/%E9%87%8D%E5%A4%8D%E6%8F%90%E4%BA%A4%E8%A1%A8%E5%8D%95/1.htm">重复提交表单</a><a class="tag" taget="_blank" href="/search/struts2%E4%B8%ADtoken/1.htm">struts2中token</a> <div>struts2中token防止重复提交表单 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年7月12日 11:52:32 星期日 ht</div> </li> <li><a href="/article/3012.htm" title="线性查找二维数组" target="_blank">线性查找二维数组</a> <span class="text-muted">hao3100590</span> <a class="tag" taget="_blank" href="/search/%E4%BA%8C%E7%BB%B4%E6%95%B0%E7%BB%84/1.htm">二维数组</a> <div>1.算法描述有序（行有序，列有序，且每行从左至右递增，列从上至下递增）二维数组查找，要求复杂度O(n) 2.使用到的相关知识：结构体定义和使用，二维数组传递（http://blog.csdn.net/yzhhmhm/article/details/2045816） 3.使用数组名传递这个的不便之处很明显，一旦确定就是不能设置列值 //使</div> </li> <li><a href="/article/3139.htm" title="spring security 3中推荐使用BCrypt算法加密密码" target="_blank">spring security 3中推荐使用BCrypt算法加密密码</a> <span class="text-muted">jackyrong</span> <a class="tag" taget="_blank" href="/search/Spring+Security/1.htm">Spring Security</a> <div>spring security 3中推荐使用BCrypt算法加密密码了，以前使用的是md5， Md5PasswordEncoder 和 ShaPasswordEncoder，现在不推荐了，推荐用bcrpt Bcrpt中的salt可以是随机的，比如： int i = 0; while (i < 10) { String password = "1234</div> </li> <li><a href="/article/3266.htm" title="学习编程并不难,做到以下几点即可!" target="_blank">学习编程并不难,做到以下几点即可!</a> <span class="text-muted">lampcy</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80/1.htm">编程语言</a> <div>不论你是想自己设计游戏，还是开发iPhone或安卓手机上的应用，还是仅仅为了娱乐，学习编程语言都是一条必经之路。编程语言种类繁多，用途各异，然而一旦掌握其中之一，其他的也就迎刃而解。作为初学者，你可能要先从Java或HTML开始学，一旦掌握了一门编程语言，你就发挥无穷的想象，开发各种神奇的软件啦。 1、确定目标学习编程语言既充满乐趣，又充满挑战。有些花费多年时间学习一门编程语言的大学生到</div> </li> <li><a href="/article/3393.htm" title="架构师之mysql----------------用group+inner join,left join ,right join 查重复数据（替代in)" target="_blank">架构师之mysql----------------用group+inner join,left join ,right join 查重复数据（替代in)</a> <span class="text-muted">nannan408</span> <a class="tag" taget="_blank" href="/search/right+join/1.htm">right join</a> <div>1.前言。如题。 2.代码 (1)单表查重复数据,根据a分组 SELECT m.a,m.b, INNER JOIN （select a,b,COUNT(*) AS rank FROM test.`A` A GROUP BY a HAVING rank>1 )k ON m.a=k.a （2）多表查询，使用改为le</div> </li> <li><a href="/article/3520.htm" title="jQuery选择器小结 VS 节点查找（附css的一些东西）" target="_blank">jQuery选择器小结 VS 节点查找（附css的一些东西）</a> <span class="text-muted">Everyday都不同</span> <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/name%E9%80%89%E6%8B%A9%E5%99%A8/1.htm">name选择器</a><a class="tag" taget="_blank" href="/search/%E8%BF%BD%E5%8A%A0%E5%85%83%E7%B4%A0/1.htm">追加元素</a><a class="tag" taget="_blank" href="/search/%E6%9F%A5%E6%89%BE%E8%8A%82%E7%82%B9/1.htm">查找节点</a> <div>最近做前端页面，频繁用到一些jQuery的选择器，所以特意来总结一下：测试页面： <html> <head> <script src="jquery-1.7.2.min.js"></script> <script> /*$(function() { $(documen</div> </li> <li><a href="/article/3647.htm" title="关于EXT" target="_blank">关于EXT</a> <span class="text-muted">tntxia</span> <a class="tag" taget="_blank" href="/search/ext/1.htm">ext</a> <div> ExtJS是一个很不错的Ajax框架，可以用来开发带有华丽外观的富客户端应用，使得我们的b/s应用更加具有活力及生命力。ExtJS是一个用 javascript编写，与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。 ExtJs最开始基于YUI技术，由开发人员Jack </div> </li> <li><a href="/article/3774.htm" title="一个MIT计算机博士对数学的思考" target="_blank">一个MIT计算机博士对数学的思考</a> <span class="text-muted">xjnine</span> <a class="tag" taget="_blank" href="/search/Math/1.htm">Math</a> <div> 在过去的一年中，我一直在数学的海洋中游荡，research进展不多，对于数学世界的阅历算是有了一些长进。为什么要深入数学的世界？作为计算机的学生，我没有任何企图要成为一个数学家。我学习数学的目的，是要想爬上巨人的肩膀，希望站在更高的高度，能把我自己研究的东西看得更深广一些。说起来，我在刚来这个学校的时候，并没有预料到我将会有一个深入数学的旅程。我的导师最初希望我去做的题目，是对appe</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>