初学HTML

HTML:
编码方式:
规定元素的工具提示文本(tooltip text)

标题


段落


网页链接:
这是一个链接
图片链接:

注:在HTML中标签没有结束标签,但在XHTML 中需要作为结束标签。


换行标签:

注:

是段落不是换行
HTML 水平线:

粗体:  斜体:


计算机/编程代码标签:
计算机输出
键盘输入
打字机文本
计算机代码样本
计算机变量

定义文档或文章的作者/拥有者的联系信息

删除标签:
下划线:

Html上标:上浮内容
Html下标:下浮内容

target标签:改变链接显示位置

target属性:http://www.w3school.com.cn/tags/att_a_target.asp

实例:连接在新窗口打开
_blank -- 在新窗口中打开链接
_parent -- 在父窗体中打开链接
_self -- 在当前窗体打开链接,此为默认值
_top -- 在当前窗体打开链接,并替换当前的整个窗体(框架页)
一个对应的框架页的名称 -- 在对应框架页中打开

HTML中name跟id 的区别:https://blog.csdn.net/fw0124/article/details/49886121

插入id:
有用的提示部分

在CSS中直接“#tips”代替
在HTML文档中创建一个链接到"有用的提示部分(id="tips")
访问有用的提示部分

标签:定义了不同文档的标题</p> <p><title> 元素:</p> <ul> <li>定义了浏览器工具栏的标题</li> <li>当网页添加到收藏夹时,显示在收藏夹中的标题</li> <li>显示在搜索引擎结果页面的标题</li> </ul> <p>base标签:<base> 标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接:</p> <p>实例:</p> <pre><code class="language-html hljs"><head> <base href="http://www.runoob.com/images/" target="_blank"> </head></code></pre> <p>link:定义了文档与外部资源之间的关系,常用于链接到样式表:<br> <link rel(指定当前文档与被链接文档的关系)="stylesheet" type="text/css" href="mystyle.css"></p> <p><style> 标签:定义了HTML文档的样式文件引用地址,直接添加样式来渲染 HTML 文档:</p> <pre><code class="language-html hljs"><style type="text/css"></code></pre> <p><meta>标签:描述了一些基本的元数据,META 元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。</p> <p><meta> 标签- 使用实例:</p> <p>为搜索引擎定义关键词:</p> <pre><code class="language-html hljs"><meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript"></code></pre> <p>为网页定义描述内容:</p> <pre><code class="language-html hljs"><meta name="description" content="免费 Web & 编程 教程"></code></pre> <p>定义网页作者:</p> <pre><code class="language-html hljs"><meta name="author" content="Runoob"></code></pre> <p>每30秒钟刷新当前页面:</p> <pre><code class="language-html hljs"><meta http-equiv="refresh" content="30"></code></pre> <p><script>标签:用于加载脚本文件,如: JavaScript。</p> <p>src:"URL"<br> URL:分为相对路径跟绝对路径<br> 相对路径:相对 URL - 指向站点内的文件(比如 src="/i/image.gif")<br> 绝对路径:绝对 URL - 指向其他站点(比如 src="http://www.example.com/")<br>  alt:"alt 属性是一个必需的属性,它规定在图像无法显示时的替代文本"<br> alt属性值:text       </p> <p>规定图像的替代文本</p> <p>alt 文本的使用原则:</p> <p>    如果图像包含信息 - 使用 alt 描述图像<br>     如果图像在 a 元素中 - 使用 alt 描述目标链接<br>     如果图像仅供装饰 - 使用 alt=" "</p> <p>area:定义图像地图中的可点击区域<br> <area>标签在<map>标签里面<br> <map><area></area></map><br> 1、矩形:(左上角顶点坐标为(x1,y1),右下角顶点坐标为(x2,y2))</p> <p><area  shape="rect"  coords="x1,y1,x2,y2"   href=“url”></p> <p>2、圆形:(圆心坐标为(X1,y1),半径为r)</p> <p><area shape="circle" coords="x1,y1,r" href=url></p> <p>3、多边形:(各顶点坐标依次为(x1,y1)、(x2,y2)、(x3,y3) ......)</p> <p><area shape="poly" coords="x1,y1,x2,y2 ......" href=url></p> <p>该段代码中的shape指的是点击区域的形状,coords指的应该是链接区域在图片中的坐标(像素为单位)<br> <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm"></p> <p><table>标签:<br> <table><tr><td></td></tr></table><br> <table style="WIDTH: 830px;line-height: 23px;  table-layout: fixed;  border-collapse: collapse;" cellSpacing="0"<br>            cellPadding="0" align="center"   border="1" colspan="3"><div align="center"><span class="style1"></span></div><br> <style> 标签用于为 HTML 文档定义样式信息<br> line-height:设置行间的距离(行高)[不允许使用负值]<br> tableLayout:属性用来显示表格单元格、行、列的算法规则<br> border-collapse:表格设置合并边框模型<br> separate     默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。<br> collapse     如果可能,边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。<br> inherit     规定应该从父元素继承 border-collapse 属性的值。<br> cellSpacing:规定单元之间的空间<br> cellPadding:规定单元边沿与其内容之间的空白</p> <p>   align:规定 div 元素中的内容的水平对齐方式</p> <ul> <li>left     左对齐内容。</li> <li>right     右对齐内容。</li> <li>center     居中对齐内容。</li> <li>justify     对行进行伸展,这样每行都可以有相等的长度(就像在报纸和杂志中)。</li> </ul> <p>border: 属性规定规定围绕表格的边框的宽度。(提示:设置 border="0",可以显示没有边框的表格)<br> colspan:规定单元格可横跨的列数(注释:colspan="0" 指示浏览器横跨到列组的最后一列。)</p> <p>span:用来组合文档中的行内元素。提示:请使用 <span> 来组合行内元素,以便通过样式来格式化它们。注释:span 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化<br> div: <div> 可定义文档中的分区或节(division/section)。</p> <p><div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。</p> <p>如果用 id 或 class 来标记 <div>,那么该标签的作用会变得更加有效。</p> <p><th>表单表头</th>:分为水平标题跟垂直标题。</p> <p>HTML里面顺序列表:http://www.runoob.com/try/try.php?filename=tryhtml_lists_ordered</p> <p>HTML 排序<br> <ul start="100">或<ol start="10"> 从...开始</p> <p><ul/ol  type=" ">:<br> none    无标记。    <br> disc    默认。标记是实心圆。    <br> circle    标记是空心圆。    <br> square    标记是实心方块。    <br> decimal    标记是数字。    <br> decimal-leading-zero    0开头的数字标记。(01, 02, 03, 等。)    <br> lower-roman    小写罗马数字(i, ii, iii, iv, v, 等。)    <br> upper-roman    大写罗马数字(I, II, III, IV, V, 等。)    <br> lower-alpha    小写英文字母The marker is lower-alpha (a, b, c, d, e, 等。)    <br> upper-alpha    大写英文字母The marker is upper-alpha (A, B, C, D, E, 等。)    <br> lower-greek    小写希腊字母(alpha, beta, gamma, 等。)    <br> lower-latin    小写拉丁字母(a, b, c, d, e, 等。)    <br> upper-latin    大写拉丁字母(A, B, C, D, E, 等。)    <br> hebrew    传统的希伯来编号方式    <br> armenian    传统的亚美尼亚编号方式    <br> georgian    传统的乔治亚编号方式(an, ban, gan, 等。)    <br> cjk-ideographic    简单的表意数字    <br> hiragana    标记是:a, i, u, e, o, ka, ki, 等。(日文片假名)    <br> katakana    标记是:A, I, U, E, O, KA, KI, 等。(日文片假名)    <br> hiragana-iroha    标记是:i, ro, ha, ni, ho, he, to, 等。(日文片假名)    <br> katakana-iroha    标记是:I, RO, HA, NI, HO, HE, TO, 等。(日文片假名)</p> <p>HTML 排序<br> <ul start="100">或<ol start="10"> 从...开始</p> <p>无序列表使用 <ul> 标签:<br> <ul><br> <li>Coffee</li><br> <li>Milk</li><br> </ul><br> 有序列表使用 <ol> 标签:<br> <ol><br> <li>Coffee</li><br> <li>Milk</li><br> </ol></p> <p>html之 <dl> <dd> <dt>:https://blog.csdn.net/ssisse/article/details/51613318<br> HTML 自定义列表<br>  <dl><br> <dt>Coffee</dt><br> <dd>- black hot drink</dd><br> <dt>Milk</dt><br> <dd>- white cold drink</dd><br> </dl></p> <p>浏览器显示如下:</p> <p>Coffee<br> - black hot drink<br> Milk<br> - white cold drink<br> 备注:<ol type="1">或者<ul type="1">都是从1开始递增</p> <p>表单:<input>标签、<select>标签<br> <input type="text" id="cmfmc" comment="出卖方" stable="stable" name="cmfmc" alt="required" class="report1_16" style="width: 250px;" unselectable='on' ><br> <input>标签:type:文本格式  id:文本id  comment:注释<br>  unselectable='on':  在HTML中,如果把一个<input>的readonly属性设置为"readonly",表示这个表单元素不能编辑。但是,鼠标点击之后,这个表单元素还是有光标存在的。此时点击回退键,会引起页面回退。可以加上UNSELECTABLE='true'属性,取消光标的出现。<br> <select style="width:50px"  class="report1_1"    alt="required"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select>  <br> <select>标签: style:定义表单的格式   alt="required":内容必须填   option:option 元素定义下拉列表中的一个选项(一个条目)<br> 注释:option 元素位于 select 元素内部。<br> value=“text ”    定义送往服务器的选项值。</p> <p>表单由<form> 标签来设置:<br> <form><br> input 元素<br> </form></p> <p>文本域:通过<input type="text"> 标签来设定<br> 密码字段:密码字段通过标签<input type="password"> 来定义:Password: <input type="password" name="pwd"><br>  加密: <keygen name="security"></p> <p>单选按钮(Radio Buttons)</p> <p><input type="radio"> 标签定义了表单单选框选项<br> <form><br> <input type="radio" name="sex" value="male">Male<br><br> <input type="radio" name="sex" value="female">Female<br> </form></p> <p>浏览器显示效果如下:<br> Male<br> Female<br> 复选框(Checkboxes)</p> <p><input type="checkbox"> 定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。<br> <form><br> <input type="checkbox"  name="vehicle"  value="Bike " > I have a bike <br><br> <input type="checkbox"  name="vehicle"  value="Car " >  I have a car<br> </form></p> <p>浏览器显示效果如下:<br> I have a bike<br> I have a car<br> 提交按钮(Submit Button)</p> <p>checked="checked" 可以选择的表单框</p> <p><input type="submit"> 定义了提交按钮.</p> <p>当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。:<br> <form name="input" action="html_form_action.php" method="get"><br> Username: <input type="text" name="user"><br> <input type="submit" value="Submit"><br> </form></p> <p>浏览器显示效果如下:<br> Username: 【】[submit]</p> <p>action="URL"向何处发送表单数据。</p> <p>可能的值:</p> <p>    绝对 URL - 指向其他站点(比如 src="www.example.com/example.htm")<br>     相对 URL - 指向站点内的文件(比如 src="example.htm")</p> <p><br> method: method 属性规定如何发送表单数据(表单数据发送到 action 属性所规定的页面)。</p> <p><form> 标签的 method 属性:http://www.w3school.com.cn/tags/att_form_method.asp</p> <p>表单数据可以作为 URL 变量(method="get")或者 HTTP post (method="post")的方式来发送。</p> <p>表单发送邮件:http://www.runoob.com/try/try.php?filename=tryhtml_form_mail</p> <p> </p> <p>HTML框架:<br> <iframe>标签:<iframe src="URL"   width="200" height="200"></iframe><br> Iframe - 移除边框:<br> <iframe src="demo_iframe.htm"  frameborder="0"></iframe><br> 使用iframe来显示目标链接页面:<br> <iframe src="demo_iframe.htm" name="iframe_a"></iframe><br> <p><a href="http://www.runoob.com" target="iframe_a">RUNOOB.COM</a></p></p> <p><br> HTML常用标签查询:http://www.runoob.com/html/html-quicklist.html<br> HTML 常用标签:http://www.divcss5.com/html/h323.shtml</p> <p>HTML 实符字体:http://www.runoob.com/html/html-entities.html</p> <p>HTML 速查列表:http://www.runoob.com/html/html-quicklist.html</p> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1292654381619027968"></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/1886433615408066560.htm" title="Javascript基础" target="_blank">Javascript基础</a> <span class="text-muted">2301_79306982</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><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>1.ID的限制:ID必须唯一:在同一个HTML文档中,每个id属性的值必须是唯一的。id的设计初衷就是为页面上的每个元素提供一个独特的标识符,便于JavaScript精确操作。如果ID重复会发生什么?当有多个元素使用相同的id时,document.getElementById()只会返回第一个匹配的元素,后面的会被忽略。示例:DuplicateIDJavaScript:varduplicateEl</div> </li> <li><a href="/article/1886418103693275136.htm" title="Python 魔法学院 - 第32篇:Python ORM框架 ⭐⭐⭐" target="_blank">Python 魔法学院 - 第32篇:Python ORM框架 ⭐⭐⭐</a> <span class="text-muted">星核日记</span> <a class="tag" taget="_blank" href="/search/%E3%80%8APython/1.htm">《Python</a><a class="tag" taget="_blank" href="/search/%E9%AD%94%E6%B3%95%E5%AD%A6%E9%99%A2%E3%80%8B/1.htm">魔法学院》</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</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/pycharm/1.htm">pycharm</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/windows/1.htm">windows</a> <div>目录引言1.ORM框架概述1.1什么是ORM?比喻:ORM就像一位翻译官1.2ORM的优势2.[SQLAlchemy](https://docs.sqlalchemy.org.cn/en/20/intro.html)2.1SQLAlchemy简介2.2SQLAlchemy的核心组件2.3SQLAlchemy示例2.3.1安装SQLAlchemy2.3.2定义模型2.3.3插入数据2.3.4查询数据</div> </li> <li><a href="/article/1886413185804726272.htm" title="《 C++ 点滴漫谈: 二十五 》空指针,隐秘而危险的杀手:程序崩溃的真凶就在你眼前!" target="_blank">《 C++ 点滴漫谈: 二十五 》空指针,隐秘而危险的杀手:程序崩溃的真凶就在你眼前!</a> <span class="text-muted">Lenyiin</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E6%98%BE%E5%BE%AE%E9%95%9C/1.htm">编程显微镜</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/%E5%85%B3%E9%94%AE%E5%AD%97%E5%85%A8%E6%99%AF%E6%8C%87%E5%8D%97/1.htm">关键字全景指南</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/nullptr/1.htm">nullptr</a><a class="tag" taget="_blank" href="/search/Lenyiin/1.htm">Lenyiin</a><a class="tag" taget="_blank" href="/search/c%2B%2B%E5%85%B3%E9%94%AE%E5%AD%97/1.htm">c++关键字</a> <div>摘要本博客全面解析了C++中指针与空值的相关知识,从基础概念到现代C++的改进展开,涵盖了空指针的定义、表示方式、使用场景以及常见注意事项。同时,深入探讨了nullptr的引入及智能指针在提升代码安全性和简化内存管理方面的优势。通过实际案例剖析,展示了空指针在程序设计中的常见应用与潜在陷阱,并结合最佳实践提出了有效避免空指针错误的方法。无论是初学者还是经验丰富的开发者,本篇博客都将帮助你全面掌握C</div> </li> <li><a href="/article/1886412050607960064.htm" title="XSLT `<value-of>` 元素详解" target="_blank">XSLT `<value-of>` 元素详解</a> <span class="text-muted">lly202406</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>XSLT元素详解XSLT(可扩展样式表语言转换)是一种用于将XML文档转换为其他格式(如HTML或纯文本)的语言。在XSLT中,元素是一个非常有用的元素,它允许开发者从XML源文档中提取特定值。本文将详细介绍元素的用法、属性以及在实际应用中的示例。1.元素概述元素是XSLT中用于提取XML源文档中数据的常用元素。它可以将XML源文档中的节点值转换为其他格式,如字符串、数字等。下面是元素的语法:其中</div> </li> <li><a href="/article/1886410411629146112.htm" title="【基础教程】Python整数类型(int)详解" target="_blank">【基础教程】Python整数类型(int)详解</a> <span class="text-muted">SAPmatinal</span> <a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a> <div>整数就是没有小数部分的数字,Python中的整数包括正整数、0和负整数。有些强类型的编程语言会提供多种整数类型,每种类型的长度都不同,能容纳的整数的大小也不同,开发者要根据实际数字的大小选用不同的类型。例如C语言提供了short、int、long、longlong四种类型的整数,它们的长度依次递增,初学者在选择整数类型时往往比较迷惑,有时候还会导致数值溢出。而Python则不同,它的整数不分类型,</div> </li> <li><a href="/article/1886407636350464000.htm" title="深入探索 HTML5 拖拽效果 API:打造流畅交互体验" target="_blank">深入探索 HTML5 拖拽效果 API:打造流畅交互体验</a> <span class="text-muted">山禾女鬼001</span> <a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>在现代的Web开发中,交互性和用户体验一直是开发者关注的重点。HTML5的拖拽效果API(DragandDropAPI)提供了一种非常直观的方式来让网页元素或文件能够被拖动并放置到页面的指定位置,极大提升了用户的交互体验。本篇文章将深入探讨如何使用HTML5拖拽API来实现拖拽效果,帮助开发者理解并掌握这一强大的工具。一、HTML5拖拽API简介HTML5的拖拽API允许用户通过鼠标或触摸屏等设备</div> </li> <li><a href="/article/1886382925516173312.htm" title="React常见面试题(2024最新版)" target="_blank">React常见面试题(2024最新版)</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>创建项目npxcreate-react-appmy-app启动项目npmstart目录结构目录/文件名描述README.md项目的自述文件node_modules/项目依赖包存放目录package.json包管理配置文件,记录项目信息和依赖package-lock.json锁定依赖版本,确保跨环境一致性public/公共资源目录public/index.html主HTML文件,React应用将被引</div> </li> <li><a href="/article/1886378000321146880.htm" title="若依RuoYi框架浅析 基础篇③——Swagger接口文档 | SwaggerConfig、启用和禁用Swagger" target="_blank">若依RuoYi框架浅析 基础篇③——Swagger接口文档 | SwaggerConfig、启用和禁用Swagger</a> <span class="text-muted">小康师兄</span> <a class="tag" taget="_blank" href="/search/%E8%8B%A5%E4%BE%9DRuoYi%E6%A1%86%E6%9E%B6%E6%B5%85%E6%9E%90/1.htm">若依RuoYi框架浅析</a><a class="tag" taget="_blank" href="/search/Swagger/1.htm">Swagger</a><a class="tag" taget="_blank" href="/search/%E6%8E%A5%E5%8F%A3%E6%96%87%E6%A1%A3/1.htm">接口文档</a><a class="tag" taget="_blank" href="/search/80/1.htm">80</a><a class="tag" taget="_blank" href="/search/8080/1.htm">8080</a><a class="tag" taget="_blank" href="/search/%E8%8B%A5%E4%BE%9D/1.htm">若依</a> <div>文章目录一、访问网址二、纠错排查三、SwaggerConfig一、访问网址http://localhost:8080/swagger-ui.html切记要加上端口号8080二、纠错排查我一开始没有加8080,是访问http://localhost/swagger-ui.html然后被重定向都登录界面,我就很纳闷,是因为没有token被拦截了吗。但是代码com.ruoyi.framework.con</div> </li> <li><a href="/article/1886370438574043136.htm" title="【项目实战】Electron最佳实践" target="_blank">【项目实战】Electron最佳实践</a> <span class="text-muted">本本本添哥</span> <a class="tag" taget="_blank" href="/search/007/1.htm">007</a><a class="tag" taget="_blank" href="/search/-/1.htm">-</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%E6%8A%80%E6%9C%AF/1.htm">大前端技术</a><a class="tag" taget="_blank" href="/search/electron/1.htm">electron</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一、Electron的入门介绍1.1Electron是什么?Electron由GitHub开发团队创建,最初是为了构建GitHub客户端而设计的。Electron是一个开源的框架,用于构建跨平台桌面应用程序。Electron是一个强大的框架,它可以帮助您使用Web技术构建跨平台桌面应用程序。Electron是一个流行的跨平台框架,可以使用HTML、CSS和JavaScript构建桌面应用程序。1.</div> </li> <li><a href="/article/1886362230514053120.htm" title="javascrip基础语法" target="_blank">javascrip基础语法</a> <span class="text-muted">大道戏</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>为什么学习JavaScript?JavaScript是web开发人员必须学习的3门语言中的一门:HTML定义了网页的内容CSS描述了网页的布局JavaScript控制了网页的行为1.JavaScript输出1.1console.log():用于将信息输出到浏览器控制台,例如console.log("Hello,World!");,可以输出字符串、变量、表达式等。1.2console.error()</div> </li> <li><a href="/article/1886353027774869504.htm" title="[利用Python加载和处理网址内容:从Unstructured到Selenium和Playwright]" target="_blank">[利用Python加载和处理网址内容:从Unstructured到Selenium和Playwright]</a> <span class="text-muted">bhawfgrcbtwny</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><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>引言在现代网页数据分析中,加载和处理来自多种网址的内容是一个常见需求。无论是数据挖掘还是网页内容分析,我们常常需要从多个网页中提取HTML文档。本篇文章将介绍如何利用Python中的Unstructured、Selenium和Playwright库来加载这些网页内容,并将其转换为适合后续处理的文档格式。主要内容UnstructuredURLLoaderUnstructuredURLLoader可以</div> </li> <li><a href="/article/1886344952858865664.htm" title="大学生HTML期末大作业——HTML+CSS+JavaScript美食网站(西餐)" target="_blank">大学生HTML期末大作业——HTML+CSS+JavaScript美食网站(西餐)</a> <span class="text-muted">无·糖</span> <a class="tag" taget="_blank" href="/search/Web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">Web前端期末大作业</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">课程设计</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%AD%A6%E7%94%9F/1.htm">大学生</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E7%BE%8E%E9%A3%9F/1.htm">美食</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">大作业</a> <div>HTML+CSS+JS【美食网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目美食网站(西餐)精美响应式含JQuery7页二、网站描述总结了一些学生网页制作的经验:一般的网页需要融入以下知识点:div+css布局、浮动、定位、高级css、表格、表单</div> </li> <li><a href="/article/1886344066736648192.htm" title="大学生期末大作业|HTML+CSS+JavaScript 登录页面实例:超实用、新手友好、完整源码分享 从零开始:用原生 HTML、CSS 和 JS 打造简洁美观的登录页面(附完整代码) 新手必看:一" target="_blank">大学生期末大作业|HTML+CSS+JavaScript 登录页面实例:超实用、新手友好、完整源码分享 从零开始:用原生 HTML、CSS 和 JS 打造简洁美观的登录页面(附完整代码) 新手必看:一</a> <span class="text-muted">南北极之间</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E8%BF%9B%E9%98%B6%E7%BB%83%E6%89%8B%E5%AE%9E%E6%88%98/1.htm">前端进阶练手实战</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%A4%A7%E5%AD%A6%E7%94%9F%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">大学生期末大作业</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>效果图:目录一、新建一个HTML项目二、创建基本结构三、使用CSS美化页面四、添加交互功能五、完整代码六、结语步骤在Web开发中,登录页面是常见且重要的组件。一个设计良好的登录页面可以提升用户体验,并为网站留下良好的第一印象。今天,我们将一起学习如何使用HTML、CSS和JavaScript(不使用任何框架)来构建一个响应式的登录页面,实现基本的前端验证功能。一、新建一个HTML项目首先,创建一个</div> </li> <li><a href="/article/1886339653502562304.htm" title="HTML5 技术深度解读:本地存储与地理定位的最佳实践" target="_blank">HTML5 技术深度解读:本地存储与地理定位的最佳实践</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E6%9C%AC%E5%9C%B0%E5%AD%98%E5%82%A8/1.htm">本地存储</a><a class="tag" taget="_blank" href="/search/%E5%9C%B0%E7%90%86%E5%AE%9A%E4%BD%8D/1.htm">地理定位</a><a class="tag" taget="_blank" href="/search/localStorage/1.htm">localStorage</a><a class="tag" taget="_blank" href="/search/Geolocation/1.htm">Geolocation</a><a class="tag" taget="_blank" href="/search/API/1.htm">API</a> <div>系列文章目录01-从零开始学HTML:构建网页的基本框架与技巧02-HTML常见文本标签解析:从基础到进阶的全面指南03-HTML从入门到精通:链接与图像标签全解析04-HTML列表标签全解析:无序与有序列表的深度应用05-HTML表格标签全面解析:从基础到高级优化技巧06-HTML表单深度解析:GET和POST提交方法07-HTML表单控件类型大全:文本框、密码框、文件上传全掌握08-前端表单验</div> </li> <li><a href="/article/1886339656363077632.htm" title="HTML5 Canvas 与 SVG:让网页图形与动画活跃起来" target="_blank">HTML5 Canvas 与 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/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/Canvas/1.htm">Canvas</a><a class="tag" taget="_blank" href="/search/SVG/1.htm">SVG</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E5%9B%BE%E5%BD%A2%E4%B8%8E%E5%8A%A8%E7%94%BB/1.htm">网页图形与动画</a><a class="tag" taget="_blank" href="/search/HTML5/1.htm">HTML5</a> <div>系列文章目录01-从零开始学HTML:构建网页的基本框架与技巧02-HTML常见文本标签解析:从基础到进阶的全面指南03-HTML从入门到精通:链接与图像标签全解析04-HTML列表标签全解析:无序与有序列表的深度应用05-HTML表格标签全面解析:从基础到高级优化技巧06-HTML表单深度解析:GET和POST提交方法07-HTML表单控件类型大全:文本框、密码框、文件上传全掌握08-前端表单验</div> </li> <li><a href="/article/1886339652378488832.htm" title="前端表单验证终极指南:HTML5 内置验证 + JavaScript 自定义校验" target="_blank">前端表单验证终极指南:HTML5 内置验证 + JavaScript 自定义校验</a> <span class="text-muted">吴师兄大模型</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E8%A1%A8%E5%8D%95%E9%AA%8C%E8%AF%81/1.htm">表单验证</a><a class="tag" taget="_blank" href="/search/%E5%86%85%E7%BD%AE%E9%AA%8C%E8%AF%81/1.htm">内置验证</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%AE%9A%E4%B9%89%E6%A0%A1%E9%AA%8C/1.htm">自定义校验</a> <div>系列文章目录01-从零开始学HTML:构建网页的基本框架与技巧02-HTML常见文本标签解析:从基础到进阶的全面指南03-HTML从入门到精通:链接与图像标签全解析04-HTML列表标签全解析:无序与有序列表的深度应用05-HTML表格标签全面解析:从基础到高级优化技巧06-HTML表单深度解析:GET和POST提交方法07-HTML表单控件类型大全:文本框、密码框、文件上传全掌握08-前端表单验</div> </li> <li><a href="/article/1886327169441918976.htm" title="Vue:前端体系、前后端分离" target="_blank">Vue:前端体系、前后端分离</a> <span class="text-muted">天宇阿</span> <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><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>文章目录一、前端核心分析1、概述2、前端知识体系2.1、前端三要素2.2、结构层(HTML)2.3、表现层(CSS)2.4、行为层(JavaScript)2.5、三端统一2.6、后端技术2.7、主流前端框架3、了解前后分离的演变史3.1、后端为主的MVC时代3.2、基于AJAX带来的SPA时代3.3、前端为主的MV*时代3.4、NodeJS带来的全栈时代3.5、总结学习视频来自于:秦疆(遇见狂神说</div> </li> <li><a href="/article/1886319734698340352.htm" title="高光谱数据下载" target="_blank">高光谱数据下载</a> <span class="text-muted">左手拈花,右手舞剑</span> <a class="tag" taget="_blank" href="/search/3S%E6%8A%80%E6%9C%AF/1.htm">3S技术</a> <div>1:WashingtonDCMal,IndianPine等https://engineering.purdue.edu/~biehl/MultiSpec/hyperspectral.html2:IndianPines,Salinas,PaviaCentreandUniversity,Cuprite等http://www.ehu.eus/ccwintco/index.php?title=Hypers</div> </li> <li><a href="/article/1886316582372700160.htm" title="Colmap根据相机内外参数重建稀疏模型" target="_blank">Colmap根据相机内外参数重建稀疏模型</a> <span class="text-muted">失去对象的野指针</span> <a class="tag" taget="_blank" href="/search/colmap/1.htm">colmap</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E8%A7%86%E8%A7%89/1.htm">计算机视觉</a> <div>Colmap根据相机内外参数重建稀疏模型1.创建稀疏模型工作文件夹2.命令行执行稀疏重建2.1提取图像特征点2.2手动导入相机内参2.3特征匹配2.4三角测量官方文档:https://colmap.github.io/faq.html#reconstruct-sparse-dense-model-from-known-camera-poses参考博客:http://www.mamicode.com</div> </li> <li><a href="/article/1886315951054450688.htm" title="【无标题】clientWidth、offsetWidth、scrollWidth与getBoundingClientRect" target="_blank">【无标题】clientWidth、offsetWidth、scrollWidth与getBoundingClientRect</a> <span class="text-muted">空之箱大战春日影</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%E5%AD%A6%E4%B9%A0/1.htm">前端开发学习</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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>概要在JavaScript中,我们常常要获取某个HTML元素的尺寸。但是在js中,我们往往能获取好几种尺寸,这几种尺寸的区别是什么呢?本文给出详细解析。clientWidth与clientHeightclientWidth表示某个元素的可见宽度(即元素内容区域的宽度),clientHeight表示某个元素的可见高度(即元素内容区域的宽度)。它的计算规则只包括内容和内边距,不包括边框、滚动条和外边距</div> </li> <li><a href="/article/1886314311979167744.htm" title="Highcharts 柱形图,线条图,饼图组合" target="_blank">Highcharts 柱形图,线条图,饼图组合</a> <span class="text-muted">chengqiuming</span> <a class="tag" taget="_blank" href="/search/Highcharts/1.htm">Highcharts</a><a class="tag" taget="_blank" href="/search/Highcharts/1.htm">Highcharts</a> <div>一代码Highcharts柱形图,线条图,饼图组合$(document).ready(function(){//标题vartitle={text:'组合图'};//X轴varxAxis={categories:['苹果','橘子','梨子','香蕉','李子']};//标签varlabels={items:[{html:'水果消费',style:{left:'50px',top:'18px',co</div> </li> <li><a href="/article/1886308505875443712.htm" title="Highcharts 柱形图:深入解析与最佳实践" target="_blank">Highcharts 柱形图:深入解析与最佳实践</a> <span class="text-muted">lsx202406</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>Highcharts柱形图:深入解析与最佳实践引言Highcharts是一个功能强大的图表库,它允许用户轻松地在网页上创建各种类型的图表。其中,柱形图因其直观的展示方式,在数据分析、业务报告等领域得到了广泛应用。本文将深入解析Highcharts柱形图,包括其基本用法、高级特性以及最佳实践。高charts柱形图的基本用法1.初始化图表首先,需要在HTML文件中引入Highcharts库。以下是一个</div> </li> <li><a href="/article/1886308379572367360.htm" title="Python 入门指南:如何在 MacOS 上轻松安装 Python" target="_blank">Python 入门指南:如何在 MacOS 上轻松安装 Python</a> <span class="text-muted">NicoleGus</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/macos/1.htm">macos</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都能为他们提供强大的支持。如果你是一名MacOS用户,想要开始学习Python或者在Mac上进行开发,首先需要正确安装Python环境。本文将详细介绍如何在MacOS上安装Python,帮助你快速开始Python编程之旅。1.检查MacOS是否已预装Python</div> </li> <li><a href="/article/1886308001552330752.htm" title="【自学笔记】Web前端的重点知识点-持续更新" target="_blank">【自学笔记】Web前端的重点知识点-持续更新</a> <span class="text-muted">Long_poem</span> <a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录Web前端知识点一、HTML基础二、CSS样式三、JavaScript基础四、前端框架与库五、前端工具与构建六、前端性能优化七、响应式设计与适配八、前端安全总结Web前端知识点一、HTML基础常用标签超链接(标签)图片(标签)表格(、、等标签)列表(无序列表、有序列表、定义列表)HTML5新特性语义化标签(、、等)音频视频(、</div> </li> <li><a href="/article/1886290474566742016.htm" title="html中取消列表圆点,css列表怎么去掉点?" target="_blank">html中取消列表圆点,css列表怎么去掉点?</a> <span class="text-muted">李淳风的谜底</span> <a class="tag" taget="_blank" href="/search/html%E4%B8%AD%E5%8F%96%E6%B6%88%E5%88%97%E8%A1%A8%E5%9C%86%E7%82%B9/1.htm">html中取消列表圆点</a> <div>css列表怎么去掉点?在CSS中,可以通过设置li标签的list-style属性为none将列表前的圆点去掉。下面本篇文章就来给大家介绍一下CSSlist-style属性,希望对大家有所帮助。list-style属性在一个声明中设置所有的列表属性。说明:该属性是一个简写属性,涵盖了所有其他列表样式属性。由于它应用到所有display为list-item的元素,所以在普通的HTML和XHTML中只能</div> </li> <li><a href="/article/1886288457731469312.htm" title="React 和 Vue _使用区别" target="_blank">React 和 Vue _使用区别</a> <span class="text-muted">m0_74823490</span> <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/javascript/1.htm">javascript</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/1886276354714955776.htm" title="Python入门书籍推荐" target="_blank">Python入门书籍推荐</a> <span class="text-muted">常木耀_R</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>许多刚入门Python选手,由于缺乏指导,导致往往培养不出爱好最后放弃作为一个自学新手,我想将我要推荐的书籍介绍出来,来帮助类似像我一样的其他新手。希望有用(仅仅是推荐书,不夹带任何私货,如有侵犯您的权益,私信我删除。入门:1.《Abyte-of-python》中文名:简明python教程入门的书很多,但能让新手轻松看懂的就少了,作者写的思路非常清晰,对每一个知识点讲解的很到位,不多不少,对初学者</div> </li> <li><a href="/article/1886272568059555840.htm" title="学习第七十七行" target="_blank">学习第七十七行</a> <span class="text-muted">不是只有你能在乱世中成为大家的救世主</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a> <div>对于html,用vscode编程,可以用AI,同时输入!+TAB自动生成骨架,有src路径,titie提示文本,alt替换文本(图片不显示,显示的文字),width宽设置一个即可,(height),border边框,同时div和span是个块,前者大后者小,前者独一行,撒旦,em斜体,strong粗体,del删除线,ins下划线。</div> </li> <li><a href="/article/1886263490948165632.htm" title="Python 浅拷贝 深拷贝" target="_blank">Python 浅拷贝 深拷贝</a> <span class="text-muted">MIPS71</span> <a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a> <div>看《流畅的Python》8.3节默认做浅拷贝,自己动手实践。书中提到的网站http://pythontutor.com是一个可视化编程的网站。csdn不支持图片粘贴,我也是服了,图片全没了。。。一、浅拷贝在http://pythontutor.com/visualize.html#mode=edit下输入:importcopyl1=[3,[66,55,44],(7,8,9)]l2=list(l1)</div> </li> <li><a href="/article/1886255794236747776.htm" title="VUE路由守卫" target="_blank">VUE路由守卫</a> <span class="text-muted">「已注销」</span> <a class="tag" taget="_blank" href="/search/VUE/1.htm">VUE</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a> <div>序:通过路由守卫可以对每次刷新或者进入的路由界面进行权限验证,相当于VUE中的全局中间件。1.全局守卫:router.beforeEach注册一个全局前置守卫。参考文档:https://router.vuejs.org/zh/guide/advanced/navigation-guards.html。注册登录主面板router.jsLogin.vueDashBoard.vue首先是DashBoar</div> </li> <li><a href="/article/61.htm" title="Enum用法" target="_blank">Enum用法</a> <span class="text-muted">不懂事的小屁孩</span> <a class="tag" taget="_blank" href="/search/enum/1.htm">enum</a> <div>以前的时候知道enum,但是真心不怎么用,在实际开发中,经常会用到以下代码: protected final static String XJ = "XJ"; protected final static String YHK = "YHK"; protected final static String PQ = "PQ"; </div> </li> <li><a href="/article/188.htm" title="【Spark九十七】RDD API之aggregateByKey" target="_blank">【Spark九十七】RDD API之aggregateByKey</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a> <div>1. aggregateByKey的运行机制   /** * Aggregate the values of each key, using given combine functions and a neutral "zero value". * This function can return a different result type</div> </li> <li><a href="/article/315.htm" title="hive创建表是报错: Specified key was too long; max key length is 767 bytes" target="_blank">hive创建表是报错: Specified key was too long; max key length is 767 bytes</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a> <div>今天在hive客户端创建表时报错,具体操作如下   hive> create table test2(id string); FAILED: Execution Error, return code 1 from org.apache.hadoop.hive.ql.exec.DDLTask. MetaException(message:javax.jdo.JDODataSto</div> </li> <li><a href="/article/442.htm" title="Map 与 JavaBean之间的转换" target="_blank">Map 与 JavaBean之间的转换</a> <span class="text-muted">周凡杨</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E7%9C%81/1.htm">自省</a><a class="tag" taget="_blank" href="/search/%E8%BD%AC%E6%8D%A2/1.htm">转换</a><a class="tag" taget="_blank" href="/search/%E5%8F%8D%E5%B0%84/1.htm">反射</a> <div> 最近项目里需要一个工具类,它的功能是传入一个Map后可以返回一个JavaBean对象。很喜欢写这样的Java服务,首先我想到的是要通过Java 的反射去实现匿名类的方法调用,这样才可以把Map里的值set 到JavaBean里。其实这里用Java的自省会更方便,下面两个方法就是一个通过反射,一个通过自省来实现本功能。 1:JavaBean类 1 &nb</div> </li> <li><a href="/article/569.htm" title="java连接ftp下载" target="_blank">java连接ftp下载</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>有的时候需要用到java连接ftp服务器下载,上传一些操作,下面写了一个小例子。 /** ftp服务器地址 */ private String ftpHost; /** ftp服务器用户名 */ private String ftpName; /** ftp服务器密码 */ private String ftpPass; /** ftp根目录 */ private String f</div> </li> <li><a href="/article/696.htm" title="web报表工具FineReport使用中遇到的常见报错及解决办法(二)" target="_blank">web报表工具FineReport使用中遇到的常见报错及解决办法(二)</a> <span class="text-muted">老A不折腾</span> <a class="tag" taget="_blank" href="/search/finereport/1.htm">finereport</a><a class="tag" taget="_blank" href="/search/web%E6%8A%A5%E8%A1%A8/1.htm">web报表</a><a class="tag" taget="_blank" href="/search/java%E6%8A%A5%E8%A1%A8/1.htm">java报表</a><a class="tag" taget="_blank" href="/search/%E6%80%BB%E7%BB%93/1.htm">总结</a> <div>  抛砖引玉,希望大家能把自己整理的问题及解决方法晾出来,Mark一下,利人利己。   出现问题先搜一下文档上有没有,再看看度娘有没有,再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题,大多文档上都有提到的。   1、没有返回数据集: 在存储过程中的操作语句之前加上set nocount on 或者在数据集exec调用存储过程的前面加上这句。当S</div> </li> <li><a href="/article/823.htm" title="linux 系统cpu 内存等信息查看" target="_blank">linux 系统cpu 内存等信息查看</a> <span class="text-muted">墙头上一根草</span> <a class="tag" taget="_blank" href="/search/cpu/1.htm">cpu</a><a class="tag" taget="_blank" href="/search/%E5%86%85%E5%AD%98/1.htm">内存</a><a class="tag" taget="_blank" href="/search/liunx/1.htm">liunx</a> <div>1 查看CPU   1.1 查看CPU个数   # cat /proc/cpuinfo | grep "physical id" | uniq | wc -l   2   **uniq命令:删除重复行;wc –l命令:统计行数**   1.2 查看CPU核数   # cat /proc/cpuinfo | grep "cpu cores" | u</div> </li> <li><a href="/article/950.htm" title="Spring中的AOP" target="_blank">Spring中的AOP</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/AOP/1.htm">AOP</a> <div>  Spring中的AOP Written by Tony Jiang @ 2012-1-18 (转)何为AOP AOP,面向切面编程。 在不改动代码的前提下,灵活的在现有代码的执行顺序前后,添加进新规机能。 来一个简单的Sample: 目标类: [java]  view plain copy print ? package&nb</div> </li> <li><a href="/article/1077.htm" title="placeholder(HTML 5) IE 兼容插件" target="_blank">placeholder(HTML 5) IE 兼容插件</a> <span class="text-muted">alxw4616</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/jquery+jQuery%E6%8F%92%E4%BB%B6/1.htm">jquery jQuery插件</a> <div>placeholder 这个属性被越来越频繁的使用. 但为做HTML 5 特性IE没能实现这东西. 以下的jQuery插件就是用来在IE上实现该属性的. /** * [placeholder(HTML 5) IE 实现.IE9以下通过测试.] * v 1.0 by oTwo 2014年7月31日 11:45:29 */ $.fn.placeholder = function</div> </li> <li><a href="/article/1204.htm" title="Object类,值域,泛型等总结(适合有基础的人看)" target="_blank">Object类,值域,泛型等总结(适合有基础的人看)</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/%E6%B3%9B%E5%9E%8B%E7%9A%84%E7%BB%A7%E6%89%BF%E5%92%8C%E9%80%9A%E9%85%8D%E7%AC%A6/1.htm">泛型的继承和通配符</a><a class="tag" taget="_blank" href="/search/%E5%8F%98%E9%87%8F%E7%9A%84%E5%80%BC%E5%9F%9F/1.htm">变量的值域</a><a class="tag" taget="_blank" href="/search/Object%E7%B1%BB%E8%BD%AC%E6%8D%A2/1.htm">Object类转换</a> <div>java的作用域在编程的时候经常会遇到,而我经常会搞不清楚这个 问题,所以在家的这几天回忆一下过去不知道的每个小知识点   变量的值域;   package 基础; /** * 作用域的范围 * * @author Administrator * */ public class zuoyongyu { public static vo</div> </li> <li><a href="/article/1331.htm" title="JDK1.5 Condition接口" target="_blank">JDK1.5 Condition接口</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/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/Condition/1.htm">Condition</a><a class="tag" taget="_blank" href="/search/java%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">java多线程</a> <div>Condition 将 Object 监视器方法(wait、notify和 notifyAll)分解成截然不同的对象,以便通过将这些对象与任意 Lock 实现组合使用,为每个对象提供多个等待 set (wait-set)。其中,Lock 替代了 synchronized 方法和语句的使用,Condition 替代了 Object 监视器方法的使用。 条件(也称为条件队列或条件变量)为线程提供了一</div> </li> <li><a href="/article/1458.htm" title="开源中国OSC源创会记录" target="_blank">开源中国OSC源创会记录</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a><a class="tag" taget="_blank" href="/search/MemSQL/1.htm">MemSQL</a> <div>一.Strata+Hadoop World(SHW)大会         是全世界最大的大数据大会之一。SHW大会为各种技术提供了深度交流的机会,还会看到最领先的大数据技术、最广泛的应用场景、最有趣的用例教学以及最全面的大数据行业和趋势探讨。          二.Hadoop   &nbs</div> </li> <li><a href="/article/1585.htm" title="【Java范型七】范型消除" target="_blank">【Java范型七】范型消除</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>范型是Java1.5引入的语言特性,它是编译时的一个语法现象,也就是说,对于一个类,不管是范型类还是非范型类,编译得到的字节码是一样的,差别仅在于通过范型这种语法来进行编译时的类型检查,在运行时是没有范型或者类型参数这个说法的。 范型跟反射刚好相反,反射是一种运行时行为,所以编译时不能访问的变量或者方法(比如private),在运行时通过反射是可以访问的,也就是说,可见性也是一种编译时的行为,在</div> </li> <li><a href="/article/1712.htm" title="【Spark九十四】spark-sql工具的使用" target="_blank">【Spark九十四】spark-sql工具的使用</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a> <div>spark-sql是Spark bin目录下的一个可执行脚本,它的目的是通过这个脚本执行Hive的命令,即原来通过 hive>输入的指令可以通过spark-sql>输入的指令来完成。 spark-sql可以使用内置的Hive metadata-store,也可以使用已经独立安装的Hive的metadata store   关于Hive build into Spark</div> </li> <li><a href="/article/1839.htm" title="js做的各种倒计时" target="_blank">js做的各种倒计时</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/js+%E5%80%92%E8%AE%A1%E6%97%B6/1.htm">js 倒计时</a> <div> 第一种:精确到秒的javascript倒计时代码      HTML代码:   <form name="form1">   <div align="center" align="middle"</div> </li> <li><a href="/article/1966.htm" title="java-37.有n 个长为m+1 的字符串,如果某个字符串的最后m 个字符与某个字符串的前m 个字符匹配,则两个字符串可以联接" target="_blank">java-37.有n 个长为m+1 的字符串,如果某个字符串的最后m 个字符与某个字符串的前m 个字符匹配,则两个字符串可以联接</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> public class MaxCatenate { /* * Q.37 有n 个长为m+1 的字符串,如果某个字符串的最后m 个字符与某个字符串的前m 个字符匹配,则两个字符串可以联接, * 问这n 个字符串最多可以连成一个多长的字符串,如果出现循环,则返回错误。 */ public static void main(String[] args){</div> </li> <li><a href="/article/2093.htm" title="mongoDB安装" target="_blank">mongoDB安装</a> <span class="text-muted">开窍的石头</span> <a class="tag" taget="_blank" href="/search/mongodb%E5%AE%89%E8%A3%85+%E5%9F%BA%E6%9C%AC%E6%93%8D%E4%BD%9C/1.htm">mongodb安装 基本操作</a> <div>mongoDB的安装          1:mongoDB下载   https://www.mongodb.org/downloads         2:下载mongoDB下载后解压     </div> </li> <li><a href="/article/2220.htm" title="[开源项目]引擎的关键意义" target="_blank">[开源项目]引擎的关键意义</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90%E9%A1%B9%E7%9B%AE/1.htm">开源项目</a> <div>      一个系统,最核心的东西就是引擎。。。。。       而要设计和制造出引擎,最关键的是要坚持。。。。。。       现在最先进的引擎技术,也是从莱特兄弟那里出现的,但是中间一直没有断过研发的    </div> </li> <li><a href="/article/2347.htm" title="软件度量的一些方法" target="_blank">软件度量的一些方法</a> <span class="text-muted">cuiyadll</span> <a class="tag" taget="_blank" href="/search/%E6%96%B9%E6%B3%95/1.htm">方法</a> <div>软件度量的一些方法http://cuiyingfeng.blog.51cto.com/43841/6775/在前面我们已介绍了组成软件度量的几个方面。在这里我们将先给出关于这几个方面的一个纲要介绍。在后面我们还会作进一步具体的阐述。当我们不从高层次的概念级来看软件度量及其目标的时候,我们很容易把这些活动看成是不同而且毫不相干的。我们现在希望表明他们是怎样恰如其分地嵌入我们的框架的。也就是我们度量的</div> </li> <li><a href="/article/2474.htm" title="XSD中的targetNameSpace解释" target="_blank">XSD中的targetNameSpace解释</a> <span class="text-muted">darrenzhu</span> <a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/namespace/1.htm">namespace</a><a class="tag" taget="_blank" href="/search/xsd/1.htm">xsd</a><a class="tag" taget="_blank" href="/search/targetnamespace/1.htm">targetnamespace</a> <div>参考链接: http://blog.csdn.net/colin1014/article/details/357694 xsd文件中定义了一个targetNameSpace后,其内部定义的元素,属性,类型等都属于该targetNameSpace,其自身或外部xsd文件使用这些元素,属性等都必须从定义的targetNameSpace中找: 例如:以下xsd文件,就出现了该错误,即便是在一</div> </li> <li><a href="/article/2601.htm" title="什么是RAID0、RAID1、RAID0+1、RAID5,等磁盘阵列模式?" target="_blank">什么是RAID0、RAID1、RAID0+1、RAID5,等磁盘阵列模式?</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/raid/1.htm">raid</a> <div>RAID 1又称为Mirror或Mirroring,它的宗旨是最大限度的保证用户数据的可用性和可修复性。 RAID 1的操作方式是把用户写入硬盘的数据百分之百地自动复制到另外一个硬盘上。由于对存储的数据进行百分之百的备份,在所有RAID级别中,RAID 1提供最高的数据安全保障。同样,由于数据的百分之百备份,备份数据占了总存储空间的一半,因而,Mirror的磁盘空间利用率低,存储成本高。 Mir</div> </li> <li><a href="/article/2728.htm" title="yii2 restful web服务快速入门" target="_blank">yii2 restful web服务快速入门</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/yii2/1.htm">yii2</a> <div>快速入门 Yii 提供了一整套用来简化实现 RESTful 风格的 Web Service 服务的 API。 特别是,Yii 支持以下关于 RESTful 风格的 API: 支持 Active Record 类的通用API的快速原型 涉及的响应格式(在默认情况下支持 JSON 和 XML) 支持可选输出字段的定制对象序列化 适当的格式的数据采集和验证错误 </div> </li> <li><a href="/article/2855.htm" title="MongoDB查询(3)——内嵌文档查询(七)" target="_blank">MongoDB查询(3)——内嵌文档查询(七)</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/MongoDB%E6%9F%A5%E8%AF%A2%E5%86%85%E5%B5%8C%E6%96%87%E6%A1%A3/1.htm">MongoDB查询内嵌文档</a><a class="tag" taget="_blank" href="/search/MongoDB%E6%9F%A5%E8%AF%A2%E5%86%85%E5%B5%8C%E6%95%B0%E7%BB%84/1.htm">MongoDB查询内嵌数组</a> <div>MongoDB查询内嵌文档 转载请出自出处:http://eksliang.iteye.com/blog/2177301 一、概述        有两种方法可以查询内嵌文档:查询整个文档;针对键值对进行查询。这两种方式是不同的,下面我通过例子进行分别说明。   二、查询整个文档 例如:有如下文档 db.emp.insert({ &qu</div> </li> <li><a href="/article/2982.htm" title="android4.4从系统图库无法加载图片的问题" target="_blank">android4.4从系统图库无法加载图片的问题</a> <span class="text-muted">gundumw100</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>典型的使用场景就是要设置一个头像,头像需要从系统图库或者拍照获得,在android4.4之前,我用的代码没问题,但是今天使用android4.4的时候突然发现不灵了。baidu了一圈,终于解决了。 下面是解决方案: private String[] items = new String[] { "图库","拍照" }; /* 头像名称 */</div> </li> <li><a href="/article/3109.htm" title="网页特效大全 jQuery等" target="_blank">网页特效大全 jQuery等</a> <span class="text-muted">ini</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><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/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/ini/1.htm">ini</a> <div>HTML5和CSS3知识和特效 asp.net ajax jquery实例 分享一个下雪的特效 jQuery倾斜的动画导航菜单 选美大赛示例 你会选谁 jQuery实现HTML5时钟 功能强大的滚动播放插件JQ-Slide 万圣节快乐!!! 向上弹出菜单jQuery插件 htm5视差动画 jquery将列表倒转顺序 推荐一个jQuery分页插件 jquery animate</div> </li> <li><a href="/article/3236.htm" title="swift objc_setAssociatedObject block(version1.2 xcode6.4)" target="_blank">swift objc_setAssociatedObject block(version1.2 xcode6.4)</a> <span class="text-muted">啸笑天</span> <a class="tag" taget="_blank" href="/search/version/1.htm">version</a> <div>  import UIKit class LSObjectWrapper: NSObject { let value: ((barButton: UIButton?) -> Void)? init(value: (barButton: UIButton?) -> Void) { self.value = value </div> </li> <li><a href="/article/3363.htm" title="Aegis 默认的 Xfire 绑定方式,将 XML 映射为 POJO" target="_blank">Aegis 默认的 Xfire 绑定方式,将 XML 映射为 POJO</a> <span class="text-muted">MagicMa_007</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/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/Aegis/1.htm">Aegis</a><a class="tag" taget="_blank" href="/search/xfire/1.htm">xfire</a> <div>      Aegis 是一个默认的 Xfire 绑定方式,它将 XML 映射为 POJO, 支持代码先行的开发.你开发服 务类与 POJO,它为你生成 XML schema/wsdl XML 和 注解映射概览       默认情况下,你的 POJO 类被是基于他们的名字与命名空间被序列化。如果</div> </li> <li><a href="/article/3490.htm" title="js get max value in (json) Array" target="_blank">js get max value in (json) Array</a> <span class="text-muted">qiaolevip</span> <a class="tag" taget="_blank" href="/search/%E6%AF%8F%E5%A4%A9%E8%BF%9B%E6%AD%A5%E4%B8%80%E7%82%B9%E7%82%B9/1.htm">每天进步一点点</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%B0%B8%E6%97%A0%E6%AD%A2%E5%A2%83/1.htm">学习永无止境</a><a class="tag" taget="_blank" href="/search/max/1.htm">max</a><a class="tag" taget="_blank" href="/search/%E7%BA%B5%E8%A7%82%E5%8D%83%E8%B1%A1/1.htm">纵观千象</a> <div>// Max value in Array var arr = [1,2,3,5,3,2];Math.max.apply(null, arr); // 5 // Max value in Jaon Array var arr = [{"x":"8/11/2009","y":0.026572007},{"x"</div> </li> <li><a href="/article/3617.htm" title="XMLhttpRequest 请求 XML,JSON ,POJO 数据" target="_blank">XMLhttpRequest 请求 XML,JSON ,POJO 数据</a> <span class="text-muted">Luob.</span> <a class="tag" taget="_blank" href="/search/POJO/1.htm">POJO</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/XMLhttpREquest/1.htm">XMLhttpREquest</a> <div>在使用XMlhttpRequest对象发送请求和响应之前,必须首先使用javaScript对象创建一个XMLHttpRquest对象。 var xmlhttp; function getXMLHttpRequest(){ if(window.ActiveXObject){ xmlhttp:new ActiveXObject("Microsoft.XMLHTTP</div> </li> <li><a href="/article/3744.htm" title="jquery" target="_blank">jquery</a> <span class="text-muted">wuai</span> <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a> <div>以下防止文档在完全加载之前运行Jquery代码,否则会出现试图隐藏一个不存在的元素、获得未完全加载的图像的大小 等等 $(document).ready(function(){ jquery代码; }); <script type="text/javascript" src="c:/scripts/jquery-1.4.2.min.js&quo</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>