之前在学习HTML的时候,按照Web 前端怎样入门?中汪小黑的回答中所给的学习路线图,照着W3school的HTML基础教程,只学习到了HTML列表部分。在学习CSS的过程中,逐渐发现有一些HTML内容(块、类等等)并不熟悉。现在在开始着手做练手小项目静态网页之前,我想再把HTML的基础补习一下,把HTML基础教程全部看完,并且尽量手敲一下。
1.HTML块元素
是内联元素( inline element),用来作文本的容器。这两者主要目的都是为了方便CSS设置样式。Div还可以用于文本布局。(以前用表格进行文本布局是不好的!)
2.HTML类:
对HTML元素(通常是div等)设置Class属性可以方便CSS来设置样式。例:
3.HTML布局:
Div元素常用作布局工具,方便通过CSS对其进行定位。
例:使用四个
HTML:
City Gallery
London
London is the capital city of England. It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.
Standing on the River Thames, London has been a major settlement for two millennia,
its history going back to its founding by the Romans, who named it Londinium.
CSS:
如果使用HTML提供的新语义元素定义网页布局:
header 定义文档或节的页眉
nav 定义导航链接的容器
section 定义文档中的节
article 定义独立的自包含文章
aside 定义内容之外的内容(比如侧栏)
footer 定义文档或节的页脚
details 定义额外的细节
summary 定义 details 元素的标题
HTML:
City Gallery
London
London is the capital city of England. It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.
Standing on the River Thames, London has been a major settlement for two millennia,
its history going back to its founding by the Romans, who named it Londinium.
CSS:
header {
background-color:black;
color:white;
text-align:center;
padding:5px;
}
nav {
line-height:30px;
background-color:#eeeeee;
height:300px;
width:100px;
float:left;
padding:5px;
}
section {
width:350px;
float:left;
padding:10px;
}
footer {
background-color:black;
color:white;
clear:both;
text-align:center;
padding:5px;
}
用
4.响应式web框架:即可以以可变尺寸传递网页的web设计。可以主要使用float来实现这个目的。例:
W3School Demo
Resize this responsive page!
London
London is the capital city of England.
It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.
Paris
Paris is the capital and most populous city of France.
Tokyo
Tokyo is the capital of Japan, the center of the Greater Tokyo Area,and the most populous metropolitan area in the world.
还有一个方法,是使用现成的CSS框架。
CSS框架,说白了就是别人写好的CSS文件,里面对不同的class进行了格式定义。然后直接引用其中的class,就可以实现一些格式属性, 不需要自己来写完整的CSS文件。例,以下的HTML文件引用了bootstrap框架,因此不需要自己写CSS文件或者其他样式,就可以让文本带有特别的样式属性,并且在不同尺寸的设备上都能合适地显示网页内容:
W3School Demo
Resize this responsive page!
London
London is the capital city of England.
It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.
Paris
Paris is the capital and most populous city of France.
Tokyo
Tokyo is the capital of Japan, the center of the Greater Tokyo Area,
and the most populous metropolitan area in the world.
5.HTML框架
通过使用frameset,可以将窗口分成几行或几列,分别显示来自不同的html文件。在下面的这个例子中,我们设置了一个两列的框架集。第一列被设置为占据浏览器窗口的 25%。第二列被设置为占据浏览器窗口的 75%。HTML 文档 "frame_a.htm" 被置于第一个列中,而 HTML 文档 "frame_b.htm" 被置于第二个列中:
注:这种情况下,两列内容的滚动条是分开的。
重要提示:不能将 标签与
标签同时使用!不过,假如你添加包含一段文本的
标签,就必须将这段文字嵌套于 标签内。例:
其他tips:
1)行和列框架可以混合嵌套使用。
2)noresize=“noresize”:使得框架不可调整尺寸。
3)导航框架(感觉比较常用):导航框架包含一个将第二个框架作为目标的链接列表。名为 "contents.htm" 的文件包含三个链接。
4)框架内初始显示指定节:本例演示两个框架。其中的一个框架设置了指向另一个文件内指定的节的链接。这个"link.htm"文件内指定的节使用
进行标识。
5)使用导航框架跳转至指定的节:本例演示两个框架。左侧的导航框架包含了一个链接列表,这些链接将第二个框架作为目标。第二个框架显示被链接的文档。导航框架其中的链接指向目标文件中指定的节。
可以用width和height为inframe设置尺寸,用frameborder设置边框。
Iframe还可以用作链接的目标(target,即点击链接后打开网页显示的位置,如新标签页等)例:
7.HTML脚本:
标签用于定义客户端脚本,比如JavaScript。
Script元素既可以包含脚本语句,也可以通过src属性指向外部脚本。标签提供无法使用脚本时的替代内容,比方在浏览器禁用脚本时,或浏览器不支持客户端脚本时。
如何应付老式的浏览器
如果浏览器压根没法识别标签,那么
标签所包含的内容将以文本方式显示在页面上。为了避免这种情况发生,你应该将脚本隐藏在注释标签当中。那些老的浏览器(无法识别
标签的浏览器)将忽略这些注释,所以不会将标签的内容显示到页面上。而那些新的浏览器将读懂这些脚本并执行它们,即使代码被嵌套在注释标签内。例(JavaScript):
8.HTML文件路径:
文件路径会在链接外部文件时被用到,包括网页、图像、样式表、JavaScript。
相对路径(使用相对路径是个好习惯!):picture.jpg 位于与当前网页相同的文件夹
picture.jpg 位于当前文件夹的 images 文件夹中
picture.jpg 当前站点根目录(最上级目录)的 images 文件夹中
picture.jpg 位于当前文件夹的上一级文件夹中
绝对文件路径:
绝对文件路径是指向一个因特网文件的完整URL,例:
9.HTML头部元素
元素是所有头部元素的容器。以下标签都可以添加到 head 部分:
</code>、<code><base></code>、<code><link></code>、<code><meta></code>、<code><script></code>以及 <code><style></code>。<br>(1)HTML <code><title></code> 元素<br><code><title></code> 标签定义文档的标题。<br>title 元素在所有 HTML/XHTML 文档中都是必需的。<br>title 元素能够:<br>定义浏览器工具栏中的标题<br>提供页面被添加到收藏夹时显示的标题<br>显示在搜索引擎结果中的页面标题<br>(2)HTML <code><link></code> 元素<br><code><link></code> 标签定义文档与外部资源之间的关系。<br><code><link></code> 标签最常用于连接样式表:</p> <pre><code class="html"><head> <link rel="stylesheet" type="text/css" href="mystyle.css" /> </head></code></pre> <p>(3)HTML <code><style></code> 元素<br><code><style></code> 标签用于为 HTML 文档定义样式信息。<br>您可以在 style 元素内规定 HTML 元素在浏览器中呈现的样式:</p> <pre><code class="html"><head> <style type="text/css"> body {background-color:yellow} p {color:blue} </style> </head></code></pre> <p>(4)HTML <code><meta></code> 元素<br>元数据(metadata)是关于数据的信息。<br><code><meta></code> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。<br>典型的情况是,meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。<br><code><meta></code> 标签始终位于 head 元素中。<br>元数据可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。<br>针对搜索引擎的关键词<br>一些搜索引擎会利用 meta 元素的 name 和 content 属性来索引您的页面。<br>下面的 meta 元素定义页面的描述:<br><code><meta name="description" content="Free Web tutorials on HTML, CSS, XML" /></code><br>下面的 meta 元素定义页面的关键词:<br><code><meta name="keywords" content="HTML, CSS, XML" /></code><br>name 和 content 属性的作用是描述页面的内容。<br>(5)HTML <code><script></code> 元素<br><code><script></code> 标签用于定义客户端脚本,比如 JavaScript。</p> <p>10.HTML字符实体<br>HTML中某些字符是预留的,比如大于号>,小于号<等。<br>例:小于号写作<code><</code>或<code><</code><br>最常用的是不间断空格<code> </code>,因为浏览器会自动把HTML中的空格缩减为一个。所以如果想使用空格,就需要用这个。<br>字符实体很多,实际使用时需要参考参考手册。写实体名会更方便记忆一些,但可能有的浏览器不支持实体名,而数字是支持性更好的。</p> <p>11.HTML URL(uniform resource locator统一资源定位符)<br>网址,比如 <a href="http://www.w3school.com.cn/html/index.asp" rel="nofollow noreferrer">http://www.w3school.com.cn/ht...</a>,遵守以下的语法规则:<br>scheme://host.domain:port/path/filename<br>解释:<br>scheme - 定义因特网服务的类型。最常见的类型是 http<br>host - 定义域主机(http 的默认主机是 www)<br>domain - 定义因特网域名,比如 w3school.com.cn<br>:port - 定义主机上的端口号(http 的默认端口号是 80)<br>path - 定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)。<br>filename - 定义文档/资源的名称<br>注:scheme也有多种,具体使用的时候再好好了解吧~</p> <p>URL字符编码:URL只能使用ASCII字符集来通过因特网进行发送。因此其他字符(包括中文等)会被替换为%加两位16进制数字。URL不能包含空格,一般用+代替。具体URL编码参考要参考URL编码参考手册。</p> <p>12.HTML web server<br>发布自己的网页,需要把它存放在web服务器上。具体可参考web主机教程。</p> <p>13.HTML颜色<br>颜色由红绿蓝混合而成,三个两位的16进制数字。例如#000000是黑色,#FF0000是红色。<br>大多数浏览器也支持颜色名(brackets的自动补全功能会显示,非常方便)。颜色名有很多,但是仅有16种颜色被W3C的HTML4.0标准支持。<br>最初,有216种跨平台web安全色。但是不知道现在这么做的意义还大不大。</p> <p>14.DOCTYPE声明(文档类型)<br>Web中文档的类型非常多,在html文件的开头进行声明,浏览器才能正确地显示文档。<br>例:< !DOCTYPE >,它不是HTML标签,它只是为浏览器提供一项声明。</p> <p>附上来自W3School的HTML4.01速查手册<br><a href="https://www.w3school.com.cn/html/html_quick.asp" rel="nofollow noreferrer">https://www.w3school.com.cn/html/html_quick.asp</a></p> </article> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1281318557807820800"></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,html5,css,javascript)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1892803868702601216.htm" title="KindEditor 实现ctrl+v粘贴图片并上传、word粘贴带图片" target="_blank">KindEditor 实现ctrl+v粘贴图片并上传、word粘贴带图片</a> <span class="text-muted">Mr_Zang666</span> <a class="tag" taget="_blank" href="/search/word%E5%9B%BE%E7%89%87%E4%B8%80%E9%94%AE%E7%B2%98%E8%B4%B4/1.htm">word图片一键粘贴</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>这种方法是servlet,编写好在web.xml里配置servlet-class和servlet-mapping即可使用后台(服务端)java服务代码:(上传至ROOT/lqxcPics文件夹下)配置web.xmlindex.jsp前端(页面)测试代码:WordPaster-jsp-ueditor-1.2.6.0这里写你的初始化内容varpasterMgr=newWordPasterManager</div> </li> <li><a href="/article/1892793272162643968.htm" title="使用 axios 拦截器实现请求和响应的统一处理(附常见面试题)" target="_blank">使用 axios 拦截器实现请求和响应的统一处理(附常见面试题)</a> <span class="text-muted">weixin_51687565</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>在现代前端开发中,我们经常需要向服务器发送HTTP请求,并根据响应内容做不同的处理。axios是一个流行的HTTP库,提供了拦截器功能,可以在请求和响应阶段插入自定义逻辑,这使得我们在处理认证、错误提示等场景时更为简洁、统一。本文将讲解如何利用axios的请求拦截器和响应拦截器来处理token、重定向、错误提示等场景,并附上一些常见的面试问题。一、代码实现首先,我们来看一个使用axios的拦截器实</div> </li> <li><a href="/article/1892789492901801984.htm" title="在Qt6 QML中集成JavaScript" target="_blank">在Qt6 QML中集成JavaScript</a> <span class="text-muted">Quz</span> <a class="tag" taget="_blank" href="/search/QML/1.htm">QML</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/qt/1.htm">qt</a> <div>目录简述1.JavaScript类型2.QML对JavaScript类型的扩展2.1提供全局对象和辅助方法2.2支持动态对象创建2.3增强的导入机制2.4严格的作用域和类型检查2.5与QML属性和信号的深度集成2.6支持异步编程2.7类型转换和数据绑定3.JavaScript资源导入3.1内联JavaScript3.2外部JavaScript文件4.JavaScript表达式和属性绑定总结简述Qt</div> </li> <li><a href="/article/1892788736740093952.htm" title="HTML5、CSS3面试题" target="_blank">HTML5、CSS3面试题</a> <span class="text-muted">Xu.Youth</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a> <div>目录1、说一说H5新标签?2、CSS3的新特性?3、如何实现一个盒子水平垂直居中?4、你是怎么理解BFC的?5、说一说盒子模型?6、如何画一个三角形?7、说一些块级元素和行内元素8、简单聊一聊重排和回流?9、文本超出部分显示省略号?10、说一说清除浮动的方式?11、请你说一说css的选择器,以及优先级12、来说一说CSS3的过渡?13、简单聊一聊CSS3的2D、3D转换14、说一说CSS3的动画?</div> </li> <li><a href="/article/1892785832989880320.htm" title="前端八股万文总结——JS+ES6" target="_blank">前端八股万文总结——JS+ES6</a> <span class="text-muted">椰果uu</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E5%85%AB%E8%82%A1/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/es6/1.htm">es6</a> <div>前端八股:JS+ES6说明:个人总结,用于个人复习回顾,将持续改正创作,已在语雀公开,欢迎评论改正。</div> </li> <li><a href="/article/1892785076790423552.htm" title="【CSS】---- CSS 变量,实现样式和动画函数复用" target="_blank">【CSS】---- CSS 变量,实现样式和动画函数复用</a> <span class="text-muted">Rattenking</span> <a class="tag" taget="_blank" href="/search/%E3%80%90CSS%E5%92%8CHTML%E3%80%91/1.htm">【CSS和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> <div>1.前言本文介绍CSS的自定义属性(变量)来实现样式、动画等CSS的复用。都是知道在CSS和JS复用一个很重要的事情,比如JS的函数封装,各个设计模式的使用等等,CSS中样式的复用,同样重要。MDN使用CSS自定义属性(变量):自定义属性(有时候也被称作CSS变量或者级联变量)是由CSS作者定义的,它包含的值可以在整个文档中重复使用。由自定义属性标记设定值(比如:--main-color:blac</div> </li> <li><a href="/article/1892784445350539264.htm" title="【2025年春季】全国CTF夺旗赛-从零基础入门到竞赛,看这一篇就稳了!" target="_blank">【2025年春季】全国CTF夺旗赛-从零基础入门到竞赛,看这一篇就稳了!</a> <span class="text-muted">白帽子凯哥</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/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/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><a class="tag" taget="_blank" href="/search/CTF%E5%A4%BA%E6%97%97%E8%B5%9B/1.htm">CTF夺旗赛</a> <div>基于入门网络安全/黑客打造的:黑客&网络安全入门&进阶学习资源包目录一、CTF简介二、CTF竞赛模式三、CTF各大题型简介四、CTF学习路线4.1、初期1、html+css+js(2-3天)2、apache+php(4-5天)3、mysql(2-3天)4、python(2-3天)5、burpsuite(1-2天)4.2、中期1、SQL注入(7-8天)2、文件上传(7-8天)3、其他漏洞(14-15</div> </li> <li><a href="/article/1892776874229166080.htm" title="2025年全国CTF夺旗赛-从零基础入门到竞赛,看这一篇就稳了!" target="_blank">2025年全国CTF夺旗赛-从零基础入门到竞赛,看这一篇就稳了!</a> <span class="text-muted">白帽安全-黑客4148</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">网络安全</a><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/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%AF%86%E7%A0%81%E5%AD%A6/1.htm">密码学</a><a class="tag" taget="_blank" href="/search/CTF/1.htm">CTF</a> <div>目录一、CTF简介二、CTF竞赛模式三、CTF各大题型简介四、CTF学习路线4.1、初期1、html+css+js(2-3天)2、apache+php(4-5天)3、mysql(2-3天)4、python(2-3天)5、burpsuite(1-2天)4.2、中期1、SQL注入(7-8天)2、文件上传(7-8天)3、其他漏洞(14-15天)4.3、后期五、CTF学习资源5.1、CTF赛题复现平台5.</div> </li> <li><a href="/article/1892776117639639040.htm" title="HTML5 面试题" target="_blank">HTML5 面试题</a> <span class="text-muted">weixin_51687565</span> <a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div>1.HTML5新增了哪些重要特性?语义化标签:这些标签有助于提高页面的可读性和可维护性。多媒体支持:HTML5引入了和标签,可以直接嵌入音频和视频文件,无需依赖插件。本地存储:引入了localStorage和sessionStorage,允许在客户端存储数据,而不依赖于Cookies。离线应用:HTML5提供了applicationCache和ServiceWorkers,使得Web应用可以离线使</div> </li> <li><a href="/article/1892771329430581248.htm" title="BeautifulSoup、lxml/XPath和正则表达式在数据爬取中的适用场景" target="_blank">BeautifulSoup、lxml/XPath和正则表达式在数据爬取中的适用场景</a> <span class="text-muted">程序员小王꧔ꦿ</span> <a class="tag" taget="_blank" href="/search/beautifulsoup/1.htm">beautifulsoup</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>在数据爬取中,BeautifulSoup、lxml/XPath和正则表达式的适用场景各有侧重,具体选择需根据数据特征和需求权衡:1.BeautifulSoup(结合CSS选择器)适用场景简单结构页面:标签层级清晰、属性固定的HTML页面(如博客文章标题、商品价格)快速开发需求:适合新手或需要快速实现的原型项目,因其语法直观易读动态内容处理:与requests或Selenium配合时,能处理Java</div> </li> <li><a href="/article/1892770446659612672.htm" title="DVWA指点迷津-XSS(DOM)" target="_blank">DVWA指点迷津-XSS(DOM)</a> <span class="text-muted">肉肉球麻里</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">网络安全</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a><a class="tag" taget="_blank" href="/search/xss/1.htm">xss</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8%E6%BC%8F%E6%B4%9E/1.htm">安全漏洞</a> <div>DOMBasedXSS特点既可能是反射型,也可能是存储型。利用前端的DOM树来造成XSS攻击。漏洞危害泄露用户的Cooike泄露用户的IP地址、浏览器信息篡改网页XSS钓鱼DVWALow应用防御措施仅有前端代码,服务器无任何防御措施攻击方式通过修改URL传递参数,构造XSS测试payloadPayload:?default=alert('xss')Medium应用防御措施服务器做了对“script</div> </li> <li><a href="/article/1892769942344888320.htm" title="Webpack 的 require.context 和 Vite 的 import.meta.glob 的详细介绍和使用" target="_blank">Webpack 的 require.context 和 Vite 的 import.meta.glob 的详细介绍和使用</a> <span class="text-muted">小纯洁w</span> <a class="tag" taget="_blank" href="/search/webpack/1.htm">webpack</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a> <div>Webpack的require.context和Vite的import.meta.glob的详细介绍和使用示例:Webpack的require.context语法#JavaScriptrequire.context(directory,useSubdirectories,regExp);directory:要搜索的目录。useSubdirectories:布尔值,是否搜索子目录。regExp:匹配</div> </li> <li><a href="/article/1892763651257987072.htm" title="智慧停车场系统(源码+文档+部署+讲解)" target="_blank">智慧停车场系统(源码+文档+部署+讲解)</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90%E9%A1%B9%E7%9B%AE%E4%BB%8B%E7%BB%8D/1.htm">开源项目介绍</a> <div>引言随着城市化进程的加速,停车难问题日益突出。智慧停车场系统通过数字化手段,为停车场提供了一个高效、智能的管理平台,从而提升停车管理的效率和用户体验。系统概述智慧停车场系统采用前后端分离的架构设计,服务端基于MySQL5.7+、JDK1.8+和Redis,前端则采用VUE2.6.14和element-ui2.15.6,并在NODE14.21.3(>=8.9)环境下运行,NPM版本需大于等于3.0.</div> </li> <li><a href="/article/1892763018232655872.htm" title="《DNK210使用指南 -CanMV版 V1.0》第四十四章 人脸68关键点检测实验" target="_blank">《DNK210使用指南 -CanMV版 V1.0》第四十四章 人脸68关键点检测实验</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F%E7%BC%96%E7%A8%8B%E7%A1%AC%E4%BB%B6%E5%BC%80%E5%8F%91%E5%BC%80%E6%BA%90/1.htm">嵌入式编程硬件开发开源</a> <div>第四十四章人脸68关键点检测实验1)实验平台:正点原子DNK210开发板2)章节摘自【正点原子】DNK210使用指南-CanMV版V1.03)购买链接:https://detail.tmall.com/item.htm?&id=7828013987504)全套实验源码+手册+视频下载地址:http://www.openedv.com/docs/boards/k210/ATK-DNK210.html</div> </li> <li><a href="/article/1892758972289576960.htm" title="私有化部署落地方案~后端" target="_blank">私有化部署落地方案~后端</a> <span class="text-muted">维搭小刘</span> <a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>在上一期中,我们介绍了星云私有化部署落地方案~前端。今天,我们将继续深入探讨星云私有化部署落地方案,重点讲解后端部分的部署架构,包括中间件和后端服务两大核心。中间件从星云私有化部署整体方案中,可以知道我们采用了MySQL、Redis、ElasticSearch、RabbitMQ和FastDFS这五种中间件组件。它们在私有化部署中的具体落地方案如下图所示:(1)将星云使用的五种组件镜像上传至维搭自有</div> </li> <li><a href="/article/1892755564811841536.htm" title="使用Python爬取天气数据并解析!" target="_blank">使用Python爬取天气数据并解析!</a> <span class="text-muted">Python_trys</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/Python%E5%AD%A6%E4%B9%A0/1.htm">Python学习</a><a class="tag" taget="_blank" href="/search/Python%E7%88%AC%E8%99%AB/1.htm">Python爬虫</a><a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%A0%81/1.htm">代码</a><a class="tag" taget="_blank" href="/search/%E5%A4%A9%E6%B0%94%E7%88%AC%E5%8F%96/1.htm">天气爬取</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA/1.htm">计算机</a> <div>包含编程籽料、学习路线图、爬虫代码、安装包等!【点击领取】在本文中,我们将使用Python编写一个简单的爬虫程序,从天气网站爬取天气数据,并解析出我们需要的信息。我们将以中国天气网(www.weather.com.cn)为例,爬取指定城市的天气数据。1.准备工作在开始之前,请确保你已经安装了以下Python库:requests:用于发送HTTP请求。BeautifulSoup:用于解析HTML文档</div> </li> <li><a href="/article/1892755312591564800.htm" title="90.在 Vue 3 中使用 OpenLayers 实现 Canvas 个性化圆形" target="_blank">90.在 Vue 3 中使用 OpenLayers 实现 Canvas 个性化圆形</a> <span class="text-muted">吉檀迦俐</span> <a class="tag" taget="_blank" href="/search/OpenLayers/1.htm">OpenLayers</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.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/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/openlayers/1.htm">openlayers</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a> <div>前言在前端地图应用开发中,OpenLayers是一个非常强大的库,可以帮助我们处理地理空间数据并实现复杂的地图展示。与其他地图引擎相比,OpenLayers提供了更多的灵活性,特别是对地图元素(如点、线、面)的样式定制。本文将介绍如何在Vue3项目中结合OpenLayers使用canvas渲染个性化的圆形样式。项目背景在本项目中,我们使用Vue3和OpenLayers来实现地图的展示,同时在地图中</div> </li> <li><a href="/article/1892753168488525824.htm" title="2025年优质网站建设公司必备的五大核心能力与权威榜单" target="_blank">2025年优质网站建设公司必备的五大核心能力与权威榜单</a> <span class="text-muted">2401_89441257</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a> <div>在数字化转型浪潮下,企业官网已成为品牌形象与商业转化的核心阵地。然而,面对市场上五花八门的建站服务商,如何选择真正专业的团队?本文结合行业趋势与全网数据,提炼优质建站公司的关键特征,并揭晓2025年五大标杆企业:蒙特网站(Mountor)、埃森哲(Accenture)、IDEO、青蛙设计(frog)、Hugedesign。优质网站建设公司的五大核心特征1.全链路技术能力从前端交互设计到后端开发运维</div> </li> <li><a href="/article/1892750649733476352.htm" title="BeautifulSoup、lxml/XPath和正则表达式在数据爬取中的核心差异及适用场景" target="_blank">BeautifulSoup、lxml/XPath和正则表达式在数据爬取中的核心差异及适用场景</a> <span class="text-muted">程序员小王꧔ꦿ</span> <a class="tag" taget="_blank" href="/search/beautifulsoup/1.htm">beautifulsoup</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>一、性能与效率对比工具/方法解析速度(万次耗时)内存占用适用数据规模lxml/XPath0.5秒低10万+级数据正则表达式(regex)1.1秒中非结构化文本BeautifulSoup5.5秒高小规模复杂结构*注:测试环境为Python3.6.5二、功能特性对比1.BeautifulSoup(需配合解析器)优势✅容错性强,能处理残缺HTML(如未闭合标签)✅支持CSS选择器和find_all链式调</div> </li> <li><a href="/article/1892750396603035648.htm" title="深入了解XML:初学者的全面指南" target="_blank">深入了解XML:初学者的全面指南</a> <span class="text-muted">时雨h</span> <a class="tag" taget="_blank" href="/search/JAVA/1.htm">JAVA</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>深入了解XML:初学者的全面指南在当今数字化的世界中,数据的存储和传输至关重要。XML,即可扩展标记语言(eXtensibleMarkupLanguage),作为一种强大的工具,在这方面发挥着重要作用。本文将为初学者全面讲解XML的相关知识,帮助你轻松入门。一、XML的基本概念XML就像是一种通用的语言,用于在不同的计算机系统和应用程序之间存储和传输数据。与我们熟悉的用于展示网页内容的HTML不同</div> </li> <li><a href="/article/1892735770188378112.htm" title="Django 5实用指南(五)模板系统" target="_blank">Django 5实用指南(五)模板系统</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/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/django/1.htm">django</a> <div>Django5的模板系统是其核心功能之一,允许开发者将动态数据嵌入到HTML模板中,并根据不同的业务需求渲染页面。Django模板系统基于Django模板语言(DTL),它提供了一些强大的功能,如模板标签、过滤器、条件语句和循环等,帮助开发者灵活地渲染和控制页面内容。本章将详细介绍Django5的模板语言、模板标签、过滤器及其自定义,帮助您深入理解如何在Django中使用模板系统。5.1Djang</div> </li> <li><a href="/article/1892735012466388992.htm" title="网络安全组织架构表 网络安全技术架构" target="_blank">网络安全组织架构表 网络安全技术架构</a> <span class="text-muted">网络安全Ash</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/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a> <div>一,什么是XSS?Xss就是javascript脚本攻击,就是在表单提交的时候提交一个小脚本,因为浏览器默认是支持脚本的,所以写个小脚本不做处理的话问题就很大。如何防御?1,通过后台编写一个过滤器拦截所有getParameter参数重写httpservletwrapp方法。2,通过工具类将参数特殊字符转换成html源代码保存。//重写HttpServletRequestWrapper防止XSS攻击</div> </li> <li><a href="/article/1892729838565912576.htm" title="基于DeepSeek+Vue3的AI对话聊天系统开发实战" target="_blank">基于DeepSeek+Vue3的AI对话聊天系统开发实战</a> <span class="text-muted">北辰alk</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/AI/1.htm">AI</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/ai/1.htm">ai</a> <div>文章目录1.项目概述1.1项目背景1.2项目目标1.3项目功能2.技术选型与架构设计2.1技术选型3.开发环境准备3.1前端环境3.2后端环境4.DeepSeekAPI集成4.1获取API密钥4.2创建API服务4.3创建API视图5.前端页面开发5.1创建聊天组件6.前后端交互实现6.1配置Axios6.2使用Pinia管理状态7.功能扩展与优化7.1多轮对话7.2对话历史记录8.项目部署与上线</div> </li> <li><a href="/article/1892728201646501888.htm" title="接入jest单元测试常见问题收集" target="_blank">接入jest单元测试常见问题收集</a> <span class="text-muted">佚名猫</span> <a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a> <div>前言前一段时间公司让前端写单元测试,于是乎就研究了下JEST。从安装到落地一路坎坷呀,因为淋雨过所以想为人撑伞,把自己遇到的问题和搜集到的都分享出来,欢迎大家补充内容。(技术是没边界的,即使我在公司内部也分享过,仍不影响继续分享给大家)一、安装包并运行命令后报错类问题1、未安装测试运行器运行环境jest-environment-jsdomwindowisundefined,vue-test-uti</div> </li> <li><a href="/article/1892720261715783680.htm" title="Vue 状态管理" target="_blank">Vue 状态管理</a> <span class="text-muted">二川bro</span> <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>Vue状态管理引言在现代前端开发中,随着应用规模的增大,组件之间的状态管理变得越来越复杂。Vue.js作为一个流行的前端框架,提供了多种状态管理方案,其中最常用的是Vuex。Vuex是Vue官方推荐的状态管理库,它通过集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。本文将深入探讨Vue状态管理的各个方面,从基础概念到高级用法,帮助读者全面掌握Vuex的使用技巧</div> </li> <li><a href="/article/1892716858470100992.htm" title="Springboot 集成 netty-socketio + Vue前端分离" target="_blank">Springboot 集成 netty-socketio + Vue前端分离</a> <span class="text-muted">Synologs过客</span> <a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/socket/1.htm">socket</a><a class="tag" taget="_blank" href="/search/websocket/1.htm">websocket</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>Springboot集成netty-socketionetty-socketio:仿`node.js`实现的socket.io服务端1.将WebSocket、AJAX和其它的通信方式全部封装成了统一的通信接口2.使用时,不用担心兼容问题,底层会自动选用最佳的通信方式3.适合进行服务端和客户端双向数据通信pom.xmlcom.corundumstudio.socketionetty-socketio</div> </li> <li><a href="/article/1892716101477920768.htm" title="研究线段树的最大子段和" target="_blank">研究线段树的最大子段和</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/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>我们可以分析出上题就是带修改的最大子段和[-](http://jvquant.com/wiki/行情/解析行情.html)遇到这种类型的题目应该想到用线段树[-](http://jvquant.com/wiki/行情/订阅/美股行情订阅.html)实现对于原数列,先建起一棵线段树,每个节点包含最大前缀、最大后缀、最大字段和、区间和信息[-]()当你明确一道题是线段树时,要先思考pushup和pus</div> </li> <li><a href="/article/1892714588470833152.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/%E7%88%AC%E8%99%AB/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>Python中有许多强大的网络爬虫框架,它们帮助开发者轻松地抓取和处理网页数据。最常用的Python网络爬虫框架有以下几个:1.ScrapyScrapy是Python中最受欢迎的网络爬虫框架之一,专为大规模网络爬取和数据提取任务而设计。它功能强大、效率高,支持异步处理,是数据采集和网络爬虫的首选。Scrapy的主要特点:支持异步请求,爬取速度非常快。内置了处理请求、响应、解析HTML等常用的功能。</div> </li> <li><a href="/article/1892708537516224512.htm" title="html实现背景颜色透明,文字效果不透明" target="_blank">html实现背景颜色透明,文字效果不透明</a> <span class="text-muted">快乐的二进制鸭</span> <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/css3/1.htm">css3</a> <div>html实现背景颜色透明,文字效果不透明通过伪元素的方式添加遮罩层(给背景颜色,层级,透明度,定位)即可,弹窗原理。{{itemTitles}}评标时间:14:30:00 - 18:30:00正在评标张三离开张三进入张三离开.contentLi{border-radius:0px45px0px45px;padding:49px40px30px39px;position:rela</div> </li> <li><a href="/article/1892708411162816512.htm" title="vue项目在不同分辨率下页面的适配" target="_blank">vue项目在不同分辨率下页面的适配</a> <span class="text-muted">快乐的二进制鸭</span> <a class="tag" taget="_blank" href="/search/%E5%AA%92%E4%BD%93%E6%9F%A5%E8%AF%A2/1.htm">媒体查询</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>vue项目中在不同分辨率下页面的适配(媒体查询方案)1.通过在不同分辨率下设置html的字体大小@mediascreenand(min-width:1281px)and(max-width:1366px){html{font-size:12px;}}@mediascreenand(min-width:1367px)and(max-width:1440px){html{font-size:14px}</div> </li> <li><a href="/article/105.htm" title="Js函数返回值" target="_blank">Js函数返回值</a> <span class="text-muted">_wy_</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/return/1.htm">return</a> <div>一、返回控制与函数结果,语法为:return 表达式;作用: 结束函数执行,返回调用函数,而且把表达式的值作为函数的结果 二、返回控制语法为:return;作用: 结束函数执行,返回调用函数,而且把undefined作为函数的结果 在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个<a>元素,页面会跳转到该元素href属性</div> </li> <li><a href="/article/232.htm" title="MySQL 的 char 与 varchar" target="_blank">MySQL 的 char 与 varchar</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div> 今天发现,create table 时,MySQL 4.1有时会把 char 自动转换成 varchar 测试举例: CREATE TABLE `varcharLessThan4` ( `lastName` varchar(3) ) ; mysql> desc varcharLessThan4; +----------+---------+------+-</div> </li> <li><a href="/article/359.htm" title="Quartz——TriggerListener和JobListener" target="_blank">Quartz——TriggerListener和JobListener</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/TriggerListener/1.htm">TriggerListener</a><a class="tag" taget="_blank" href="/search/JobListener/1.htm">JobListener</a><a class="tag" taget="_blank" href="/search/quartz/1.htm">quartz</a> <div>转载请出自出处:http://eksliang.iteye.com/blog/2208624 一.概述 listener是一个监听器对象,用于监听scheduler中发生的事件,然后执行相应的操作;你可能已经猜到了,TriggerListeners接受与trigger相关的事件,JobListeners接受与jobs相关的事件。 二.JobListener监听器 j</div> </li> <li><a href="/article/486.htm" title="oracle层次查询" target="_blank">oracle层次查询</a> <span class="text-muted">18289753290</span> <a class="tag" taget="_blank" href="/search/oracle%EF%BC%9B%E5%B1%82%E6%AC%A1%E6%9F%A5%E8%AF%A2%EF%BC%9B%E6%A0%91%E6%9F%A5%E8%AF%A2/1.htm">oracle;层次查询;树查询</a> <div>.oracle层次查询(connect by) oracle的emp表中包含了一列mgr指出谁是雇员的经理,由于经理也是雇员,所以经理的信息也存储在emp表中。这样emp表就是一个自引用表,表中的mgr列是一个自引用列,它指向emp表中的empno列,mgr表示一个员工的管理者, select empno,mgr,ename,sal from e</div> </li> <li><a href="/article/613.htm" title="通过反射把map中的属性赋值到实体类bean对象中" target="_blank">通过反射把map中的属性赋值到实体类bean对象中</a> <span class="text-muted">酷的飞上天空</span> <a class="tag" taget="_blank" href="/search/javaee/1.htm">javaee</a><a class="tag" taget="_blank" href="/search/%E6%B3%9B%E5%9E%8B/1.htm">泛型</a><a class="tag" taget="_blank" href="/search/%E7%B1%BB%E5%9E%8B%E8%BD%AC%E6%8D%A2/1.htm">类型转换</a> <div>使用过struts2后感觉最方便的就是这个框架能自动把表单的参数赋值到action里面的对象中 但现在主要使用Spring框架的MVC,虽然也有@ModelAttribute可以使用但是明显感觉不方便。 好吧,那就自己再造一个轮子吧。 原理都知道,就是利用反射进行字段的赋值,下面贴代码 主要类如下: import java.lang.reflect.Field; imp</div> </li> <li><a href="/article/740.htm" title="SAP HANA数据存储:传统硬盘的瓶颈问题" target="_blank">SAP HANA数据存储:传统硬盘的瓶颈问题</a> <span class="text-muted">蓝儿唯美</span> <a class="tag" taget="_blank" href="/search/HANA/1.htm">HANA</a> <div>SAPHANA平台有各种各样的应用场景,这也意味着客户的实施方法有许多种选择,关键是如何挑选最适合他们需求的实施方案。 在 《Implementing SAP HANA》这本书中,介绍了SAP平台在现实场景中的运作原理,并给出了实施建议和成功案例供参考。本系列文章节选自《Implementing SAP HANA》,介绍了行存储和列存储的各自特点,以及SAP HANA的数据存储方式如何提升空间压</div> </li> <li><a href="/article/867.htm" title="Java Socket 多线程实现文件传输" target="_blank">Java Socket 多线程实现文件传输</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/socket/1.htm">socket</a> <div> 高级操作系统作业,让用Socket实现文件传输,有些代码也是在网上找的,写的不好,如果大家能用就用上。 客户端类: package edu.logic.client; import java.io.BufferedInputStream; import java.io.Buffered</div> </li> <li><a href="/article/994.htm" title="java初学者路径" target="_blank">java初学者路径</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>学习Java有没有什么捷径?要想学好Java,首先要知道Java的大致分类。自从Sun推出Java以来,就力图使之无所不包,所以Java发展到现在,按应用来分主要分为三大块:J2SE,J2ME和J2EE,这也就是Sun ONE(Open Net Environment)体系。J2SE就是Java2的标准版,主要用于桌面应用软件的编程;J2ME主要应用于嵌入是系统开发,如手机和PDA的编程;J2EE</div> </li> <li><a href="/article/1121.htm" title="APP推广" target="_blank">APP推广</a> <span class="text-muted">aoyouzi</span> <a class="tag" taget="_blank" href="/search/APP/1.htm">APP</a><a class="tag" taget="_blank" href="/search/%E6%8E%A8%E5%B9%BF/1.htm">推广</a> <div>一,免费篇 1,APP推荐类网站自主推荐 最美应用、酷安网、DEMO8、木蚂蚁发现频道等,如果产品独特新颖,还能获取最美应用的评测推荐。PS:推荐简单。只要产品有趣好玩,用户会自主分享传播。例如足迹APP在最美应用推荐一次,几天用户暴增将服务器击垮。 2,各大应用商店首发合作 老实盯着排期,多给应用市场官方负责人献殷勤。 3,论坛贴吧推广 百度知道,百度贴吧,猫扑论坛,天涯社区,豆瓣(</div> </li> <li><a href="/article/1248.htm" title="JSP转发与重定向" target="_blank">JSP转发与重定向</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a><a class="tag" taget="_blank" href="/search/Java+Web/1.htm">Java Web</a><a class="tag" taget="_blank" href="/search/jsp%E8%BD%AC%E5%8F%91/1.htm">jsp转发</a> <div> 在servlet和jsp中我们经常需要请求,这时就需要用到转发和重定向; 转发包括;forward和include 例子;forwrad转发; 将请求装法给reg.html页面 关键代码; req.getRequestDispatcher("reg.html</div> </li> <li><a href="/article/1375.htm" title="web.xml之jsp-config" target="_blank">web.xml之jsp-config</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/web.xml/1.htm">web.xml</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a><a class="tag" taget="_blank" href="/search/jsp-config/1.htm">jsp-config</a> <div>1.作用:主要用于设定JSP页面的相关配置。 2.常见定义: <jsp-config> <taglib> <taglib-uri>URI(定义TLD文件的URI,JSP页面的tablib命令可以经由此URI获取到TLD文件)</tablib-uri> <taglib-location> TLD文件所在的位置 </div> </li> <li><a href="/article/1502.htm" title="JSF2.2 ViewScoped Using CDI" target="_blank">JSF2.2 ViewScoped Using CDI</a> <span class="text-muted">sunjing</span> <a class="tag" taget="_blank" href="/search/CDI/1.htm">CDI</a><a class="tag" taget="_blank" href="/search/JSF+2.2/1.htm">JSF 2.2</a><a class="tag" taget="_blank" href="/search/ViewScoped/1.htm">ViewScoped</a> <div>JSF 2.0 introduced annotation @ViewScoped; A bean annotated with this scope maintained its state as long as the user stays on the same view(reloads or navigation - no intervening views). One problem w</div> </li> <li><a href="/article/1629.htm" title="【分布式数据一致性二】Zookeeper数据读写一致性" target="_blank">【分布式数据一致性二】Zookeeper数据读写一致性</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a> <div>很多文档说Zookeeper是强一致性保证,事实不然。关于一致性模型请参考http://bit1129.iteye.com/blog/2155336 Zookeeper的数据同步协议 Zookeeper采用称为Quorum Based Protocol的数据同步协议。假如Zookeeper集群有N台Zookeeper服务器(N通常取奇数,3台能够满足数据可靠性同时</div> </li> <li><a href="/article/1756.htm" title="Java开发笔记" target="_blank">Java开发笔记</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/java%E5%BC%80%E5%8F%91/1.htm">java开发</a> <div>1、Map<key,value>的remove方法只能识别相同类型的key值 Map<Integer,String> map = new HashMap<Integer,String>(); map.put(1,"a"); map.put(2,"b"); map.put(3,"c"</div> </li> <li><a href="/article/1883.htm" title="图片黑色阴影" target="_blank">图片黑色阴影</a> <span class="text-muted">bozch</span> <a class="tag" taget="_blank" href="/search/%E5%9B%BE%E7%89%87/1.htm">图片</a> <div> .event{ padding:0; width:460px; min-width: 460px; border:0px solid #e4e4e4; height: 350px; min-heig</div> </li> <li><a href="/article/2010.htm" title="编程之美-饮料供货-动态规划" target="_blank">编程之美-饮料供货-动态规划</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/%E5%8A%A8%E6%80%81%E8%A7%84%E5%88%92/1.htm">动态规划</a> <div> import java.util.Arrays; import java.util.Random; public class BeverageSupply { /** * 编程之美 饮料供货 * 设Opt(V’,i)表示从i到n-1种饮料中,总容量为V’的方案中,满意度之和的最大值。 * 那么递归式就应该是:Opt(V’,i)=max{ k * Hi+Op</div> </li> <li><a href="/article/2137.htm" title="ajax大参数(大数据)提交性能分析" target="_blank">ajax大参数(大数据)提交性能分析</a> <span class="text-muted">chenbowen00</span> <a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</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/prototype/1.htm">prototype</a> <div>近期在项目中发现如下一个问题 项目中有个提交现场事件的功能,该功能主要是在web客户端保存现场数据(主要有截屏,终端日志等信息)然后提交到服务器上方便我们分析定位问题。客户在使用该功能的过程中反应点击提交后反应很慢,大概要等10到20秒的时间浏览器才能操作,期间页面不响应事件。 根据客户描述分析了下的代码流程,很简单,主要通过OCX控件截屏,在将前端的日志等文件使用OCX控件打包,在将之转换为</div> </li> <li><a href="/article/2264.htm" title="[宇宙与天文]在太空采矿,在太空建造" target="_blank">[宇宙与天文]在太空采矿,在太空建造</a> <span class="text-muted">comsci</span> <div> 我们在太空进行工业活动...但是不太可能把太空工业产品又运回到地面上进行加工,而一般是在哪里开采,就在哪里加工,太空的微重力环境,可能会使我们的工业产品的制造尺度非常巨大.... 地球上制造的最大工业机器是超级油轮和航空母舰,再大些就会遇到困难了,但是在空间船坞中,制造的最大工业机器,可能就没</div> </li> <li><a href="/article/2391.htm" title="ORACLE中CONSTRAINT的四对属性" target="_blank">ORACLE中CONSTRAINT的四对属性</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/CONSTRAINT/1.htm">CONSTRAINT</a> <div>ORACLE中CONSTRAINT的四对属性 summary:在data migrate时,某些表的约束总是困扰着我们,让我们的migratet举步维艰,如何利用约束本身的属性来处理这些问题呢?本文详细介绍了约束的四对属性: Deferrable/not deferrable, Deferred/immediate, enalbe/disable, validate/novalidate,以及如</div> </li> <li><a href="/article/2518.htm" title="Gradle入门教程" target="_blank">Gradle入门教程</a> <span class="text-muted">dengkane</span> <a class="tag" taget="_blank" href="/search/gradle/1.htm">gradle</a> <div>一、寻找gradle的历程 一开始的时候,我们只有一个工程,所有要用到的jar包都放到工程目录下面,时间长了,工程越来越大,使用到的jar包也越来越多,难以理解jar之间的依赖关系。再后来我们把旧的工程拆分到不同的工程里,靠ide来管理工程之间的依赖关系,各工程下的jar包依赖是杂乱的。一段时间后,我们发现用ide来管理项程很不方便,比如不方便脱离ide自动构建,于是我们写自己的ant脚本。再后</div> </li> <li><a href="/article/2645.htm" title="C语言简单循环示例" target="_blank">C语言简单循环示例</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a> <div># include <stdio.h> int main(void) { int i; int count = 0; int sum = 0; float avg; for (i=1; i<=100; i++) { if (i%2==0) { count++; sum += i; } } avg</div> </li> <li><a href="/article/2772.htm" title="presentModalViewController 的动画效果" target="_blank">presentModalViewController 的动画效果</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/controller/1.htm">controller</a> <div>系统自带(四种效果): presentModalViewController模态的动画效果设置: [cpp] view plain copy UIViewController *detailViewController = [[UIViewController al</div> </li> <li><a href="/article/2899.htm" title="java 二分查找" target="_blank">java 二分查找</a> <span class="text-muted">shuizhaosi888</span> <a class="tag" taget="_blank" href="/search/%E4%BA%8C%E5%88%86%E6%9F%A5%E6%89%BE/1.htm">二分查找</a><a class="tag" taget="_blank" href="/search/java%E4%BA%8C%E5%88%86%E6%9F%A5%E6%89%BE/1.htm">java二分查找</a> <div>需求:在排好顺序的一串数字中,找到数字T 一般解法:从左到右扫描数据,其运行花费线性时间O(N)。然而这个算法并没有用到该表已经排序的事实。 /** * * @param array * 顺序数组 * @param t * 要查找对象 * @return */ public stati</div> </li> <li><a href="/article/3026.htm" title="Spring Security(07)——缓存UserDetails" target="_blank">Spring Security(07)——缓存UserDetails</a> <span class="text-muted">234390216</span> <a class="tag" taget="_blank" href="/search/ehcache/1.htm">ehcache</a><a class="tag" taget="_blank" href="/search/%E7%BC%93%E5%AD%98/1.htm">缓存</a><a class="tag" taget="_blank" href="/search/Spring+Security/1.htm">Spring Security</a> <div> Spring Security提供了一个实现了可以缓存UserDetails的UserDetailsService实现类,CachingUserDetailsService。该类的构造接收一个用于真正加载UserDetails的UserDetailsService实现类。当需要加载UserDetails时,其首先会从缓存中获取,如果缓存中没</div> </li> <li><a href="/article/3153.htm" title="Dozer 深层次复制" target="_blank">Dozer 深层次复制</a> <span class="text-muted">jayluns</span> <a class="tag" taget="_blank" href="/search/VO/1.htm">VO</a><a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a><a class="tag" taget="_blank" href="/search/po/1.htm">po</a> <div>最近在做项目上遇到了一些小问题,因为架构在做设计的时候web前段展示用到了vo层,而在后台进行与数据库层操作的时候用到的是Po层。这样在业务层返回vo到控制层,每一次都需要从po-->转化到vo层,用到BeanUtils.copyProperties(source, target)只能复制简单的属性,因为实体类都配置了hibernate那些关联关系,所以它满足不了现在的需求,但后发现还有个很</div> </li> <li><a href="/article/3280.htm" title="CSS规范整理(摘自懒人图库)" target="_blank">CSS规范整理(摘自懒人图库)</a> <span class="text-muted">a409435341</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/UI/1.htm">UI</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">浏览器</a> <div> 刚没事闲着在网上瞎逛,找了一篇CSS规范整理,粗略看了一下后还蛮有一定的道理,并自问是否有这样的规范,这也是初入前端开发的人一个很好的规范吧。 一、文件规范 1、文件均归档至约定的目录中。 具体要求通过豆瓣的CSS规范进行讲解: 所有的CSS分为两大类:通用类和业务类。通用的CSS文件,放在如下目录中: 基本样式库 /css/core </div> </li> <li><a href="/article/3407.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/dll/1.htm">dll</a> <div>一、创建动态链接库 1.新建工程test中选择”MFC [dll]”dll类型选择第二项"Regular DLL With MFC shared linked",完成 2.在test.h中添加 extern “C” 返回类型 _declspec(dllexport)函数名(参数列表); 3.在test.cpp中最后写 extern “C” 返回类型 _decls</div> </li> <li><a href="/article/3534.htm" title="Android代码混淆之ProGuard" target="_blank">Android代码混淆之ProGuard</a> <span class="text-muted">rensanning</span> <a class="tag" taget="_blank" href="/search/ProGuard/1.htm">ProGuard</a> <div>Android应用的Java代码,通过反编译apk文件(dex2jar、apktool)很容易得到源代码,所以在release版本的apk中一定要混淆一下一些关键的Java源码。 ProGuard是一个开源的Java代码混淆器(obfuscation)。ADT r8开始它被默认集成到了Android SDK中。 官网: http://proguard.sourceforge.net/</div> </li> <li><a href="/article/3661.htm" title="程序员在编程中遇到的奇葩弱智问题" target="_blank">程序员在编程中遇到的奇葩弱智问题</a> <span class="text-muted">tomcat_oracle</span> <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a> <div> 现在收集一下: 排名不分先后,按照发言顺序来的。 1、Jquery插件一个通用函数一直报错,尤其是很明显是存在的函数,很有可能就是你没有引入jquery。。。或者版本不对 2、调试半天没变化:不在同一个文件中调试。这个很可怕,我们很多时候会备份好几个项目,改完发现改错了。有个群友说的好: 在汤匙</div> </li> <li><a href="/article/3788.htm" title="解决maven-dependency-plugin (goals "copy-dependencies","unpack") is not supported" target="_blank">解决maven-dependency-plugin (goals "copy-dependencies","unpack") is not supported</a> <span class="text-muted">xp9802</span> <a class="tag" taget="_blank" href="/search/dependency/1.htm">dependency</a> <div>解决办法:在plugins之前添加如下pluginManagement,二者前后顺序如下: [html] view plain copy <build> <pluginManagement</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>