xionglling

Html知识点汇总

HTML总结

在Html中所涉及到的标签以及标签的属性很多给大家推荐一个很全面的网站

W3school

目录

Html是什么
前端工程师需要的技术
Html和Xml的关系
如何创建网页
Html的文档结构
基本常用标签
表单
a标签
img标签
表格
列表
多窗口框架frameset

Html是什么？

Hyper Text Markup Language 即超文本标记语言

HTML 不是一种编程语言，而是一种标记语言

标记语言是一套标记标签

HTML 使用标记标签来描述网页

前端工程师需要的技术

技术栈HTML+CSS+JavaScript 基础

Bootstrap jquery vue rect angular.js Node.js

Echars protype ES5 ES6 ajax 等

Mysql oracle redis

Linux centos redhat Nignx

网络协议： Http UDP TCP 等

WebService Websocket

必须要掌握一门应用级语言 Java Python 等

数据结构和算法

Html和Xml的关系

区别:

HTML ----超文本标记语言—展示数据

XML ---- 可扩展标记语言 ----存储数据配置文件 json

内容：

HTML ----固定标签 h1 body

XML ---- 没有固定标签任何标签都可以

如何创建网页

比较推荐使用的三款软件Vscode hbuilder sublime_text 接下来的内容都是以sublime为例

点击左上角新建文件，然后Ctrl+s保存文件，xx.html;

输入英文下的感叹号然后点击Tab即可生成Html文档的模板
点击查看效果

Html文档模板解释

文档类型 html ----MIME类型
language=“en” zh-cn 属性节点

源编码字符集----utf-8
Document 标题<br> </head><br> <body><br> 正文<br> </body><br> </html></p> <hr> <h3><span id="jump6">基本常用标签</span></h3> <p><strong><hn></strong> n = 1-6 表示的是网页或者文章的标题,字体大小从大到小默认加粗<br> <h1>这就是<hn>(此处的<代表<后者同理)效果如下：</p> <h1>这就是<hn></h1> <hr> <p><strong><hr></strong> 标尺线这是一个单标签效果如下:</p> <hr> <hr> <p><strong><p></strong> 行的控制其有一个属性align 3个值 left center right<br> <p align=“left”>我遇见谁会有怎样的对白</p><br> <p align=“center”>我等的人他在多远的未来</p><br> <p align=“right”>我听见风来自地铁和人海</p><br> 效果如下：</p> <p>我遇见谁会有怎样的对白</p> <p>我等的人他在多远的未来</p> <p>我听见风来自地铁和人海</p> <hr> <p><strong><div></strong> 区域划分</p> <p><h4>遇见<h4><br> <p>听见冬天的离开<p></p> <p><div style:“color:#00ff00”><br> <h4>遇见<h4><br> <p>听见冬天的离开<p><br> </div></p> <p>效果如下:<a href="http://img.e-com-net.com/image/info8/866113c8c44e42b3ab0b5ebdb75231a5.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/866113c8c44e42b3ab0b5ebdb75231a5.jpg" alt="Html知识点汇总_第1张图片" width="525" height="206" style="border:1px solid black;"></a></p> <hr> <p><strong><body></strong><br> text 用于表示正文的文本颜色<br> bgcolor 用于表示背景颜色<br> background 用于表示文档的背景图像</p> <p><body text=“color:red” bgcolor=“black”><br> <p>我在某年某月醒过来</p><br> </body></p> <p>效果如下:<br> <a href="http://img.e-com-net.com/image/info8/36e8fbadb9104f7a96eb6d4bcb1dc093.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/36e8fbadb9104f7a96eb6d4bcb1dc093.jpg" alt="Html知识点汇总_第2张图片" width="610" height="180" style="border:1px solid black;"></a></p> <hr> <h3><span id="jump7">表单</span></h3> <p><strong><form></form></strong><br> action -----表单提交路径 -----跳转的功能<br> method -----提交的方式</p> <p><input> 输入<br> Type ----- text password checkbox radio submit reset file 等等<br> Text ----文本框<br> Password ----密码框<br> Checkbox —多选框<br> Radio ----单选框<br> Submit ----提交按钮<br> Reset ----重置按钮<br> File -----文件上传<br> 点击查看效果</p> <hr> <h3><span id="jump1">a标签</span></h3> <dl> <strong><a>标签</strong> 超链接作用页面跳转 <dd> href URL 规定链接指向的页面的 URL。 </dd> <dd> target 规定在何处打开链接文档。 </dd> </dl> <p><a> 标签的使用：<br> 使用a标签进行外部跳转 ----外链接 <br> 使用a标签跳转到网页的内部 ----锚点</p> <p><a src:“https://www.baidu.com/”> 百度</a> 效果如下:<br> 百度</p> <hr> <h3><span id="jump9">img标签</span></h3> <p>单标签用于在页面中引入图片<br> src -----图片路径+图片名<br> alt -----当图片无法显示时的解释说明</p> <p><img src=“E:\WebCode\image\4.png” alt=“贝尔克实验”></p> <p>点击查看效果</p> <hr> <h3><span id="jump10">表格</span></h3> <p><table> 标签表示的是表格<br> <tr> 表行<br> <th> 表头默认加粗<br> <td> 表元</p> <p>点击查看效果</p> <hr> <dl> <span id="jump11">列表</span> <dd> <p><strong>无序列表:</strong><br> <ul> 无序列表的标签<br> <li> 列表的选项</p> </dd> <dd> <p><strong>有序列表：</strong><br> <ol> 有序列表标签<br> <li> 列表的选项</p> </dd> <dd> <p><strong>自定义列表：</strong><br> <dl> 表示定义列表<br> <dt> 定义的项目<br> <dd> 定义项目的描述</p> <p><ul><br> <li>遇见<br> <li>我怀念的<br> <li>开始懂了<br> <li>半句再见<br> </ul></p> </dd> </dl> <p>效果如下:<br> <a href="http://img.e-com-net.com/image/info8/f7d8f1b35b164423b7856734d66f7b4d.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/f7d8f1b35b164423b7856734d66f7b4d.png" alt="Html知识点汇总_第3张图片" width="198" height="143" style="border:1px solid black;"></a><br> <ol><br> <li>遇见<br> <li>我怀念的<br> <li>开始懂了<br> <li>半句再见<br> </ol><br> 效果如下:<br> <a href="http://img.e-com-net.com/image/info8/70d691d1708d4173b1ce9c02fa586e63.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/70d691d1708d4173b1ce9c02fa586e63.png" alt="Html知识点汇总_第4张图片" width="253" height="163" style="border:1px solid black;"></a></p> <hr> <p><span id="jump12"><strong>多窗口框架frameset</strong></span></p> <p><frameset> 多窗口的框架标签里面的每一个窗口都是一个frame<br> <strong>注意：</strong><frameset>标签不能和body标签连用</p> <p>点击查看效果</p> <hr> <p><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></p> <p><span id="show1">Html文档模板</span><br> <a href="http://img.e-com-net.com/image/info8/06f4ffbb405047ac89c9c555a6f9f3dd.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/06f4ffbb405047ac89c9c555a6f9f3dd.jpg" alt="Html知识点汇总_第5张图片" width="650" height="417" style="border:1px solid black;"></a><br> 回到创建网页</p> <hr> <p><span id="show2">表单展示</span><br> <a href="http://img.e-com-net.com/image/info8/2d5dfb10b6394e12b153510ae0044ca3.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/2d5dfb10b6394e12b153510ae0044ca3.jpg" alt="Html知识点汇总_第6张图片" width="650" height="475" style="border:1px solid black;"></a><br> <a href="http://img.e-com-net.com/image/info8/970ae295587d4fd288caf54832697a54.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/970ae295587d4fd288caf54832697a54.jpg" alt="Html知识点汇总_第7张图片" width="650" height="670" style="border:1px solid black;"></a><br> 回到表单</p> <hr> <p><span id="show3">图片展示</span><br> <a href="http://img.e-com-net.com/image/info8/fbca99d2274a4bbf9f0d5b2476346dde.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/fbca99d2274a4bbf9f0d5b2476346dde.jpg" alt="Html知识点汇总_第8张图片" width="400" height="371" style="border:1px solid black;"></a><br> <a href="http://img.e-com-net.com/image/info8/fdf3fd0978e4409b840e363a55dc1d3f.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/fdf3fd0978e4409b840e363a55dc1d3f.jpg" alt="Html知识点汇总_第9张图片" width="232" height="228" style="border:1px solid black;"></a><br> 回到img</p> <hr> <p><span id="show4">图片展示</span><br> <br> <a href="http://img.e-com-net.com/image/info8/197af59e28954cceb438f4f290cf5041.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/197af59e28954cceb438f4f290cf5041.jpg" alt="Html知识点汇总_第10张图片" width="650" height="427" style="border:1px solid black;"></a><br> 回到表格</p> <hr> <p><span id="show5">图片展示</span><br> <a href="http://img.e-com-net.com/image/info8/0eeb742fc56f49fdb27b52c0295e1662.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/0eeb742fc56f49fdb27b52c0295e1662.jpg" alt="Html知识点汇总_第11张图片" width="650" height="314" style="border:1px solid black;"></a><br> <a href="http://img.e-com-net.com/image/info8/695e835056ca4632a28ddf0762eab070.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/695e835056ca4632a28ddf0762eab070.jpg" alt="Html知识点汇总_第12张图片" width="557" height="443" style="border:1px solid black;"></a><br> 回到frameset</p> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1386659754830548992"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script>  <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad">  <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div>  <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div>  <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(html)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1891644920318455808.htm" title="学习笔记分享-快速掌握前端-html进阶（利用telnet发送json请求、利用telnet发送multipart请求）" target="_blank">学习笔记分享-快速掌握前端-html进阶（利用telnet发送json请求、利用telnet发送multipart请求）</a> <span class="text-muted">2301_81243975</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%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>前言图片上面的personal表示只有图片上面的一行语句是解释图片内容的、local表示这个图片所在标题下的所有语句都是解释图片内容的、global表示有多个标题下的所有语句都是解释图片内容的我是一名大二的学生，学了差不多一年java技术栈了，想记录一下自己对知识点的心得，目前还是个小白，期望大佬们可以指出我笔记中的不足之处、对知识点的认知错误、笔记结构的混乱等这些图片内容都是在观看黑马课程时的视</div> </li> <li><a href="/article/1891636979590819840.htm" title="html放大镜效果代码,原生JS实现的放大镜效果实例代码" target="_blank">html放大镜效果代码,原生JS实现的放大镜效果实例代码</a> <span class="text-muted">看热闹不嫌事大菌</span> <a class="tag" taget="_blank" href="/search/html%E6%94%BE%E5%A4%A7%E9%95%9C%E6%95%88%E6%9E%9C%E4%BB%A3%E7%A0%81/1.htm">html放大镜效果代码</a> <div>js放大镜效果*{margin:0px;padding:0px;border:none;list-style:none;}#box{margin:80pxauto;width:352px;}#boxp{width:350px;height:350px;border:1pxsolid#ddd;margin-bottom:5px;}#boxpimg{width:350px;height:350px;}</div> </li> <li><a href="/article/1891632434554925056.htm" title="web第三次作业" target="_blank">web第三次作业</a> <span class="text-muted">naodianbozzz</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>实现网页登入窗口的显示隐藏登录窗口滑动效果*{margin:0;padding:0;box-sizing:border-box;}html,body{width:100%;height:100%;}.container{width:100%;height:100%;background-color:#f2f1f2;}header{width:1200px;height:50px;backgroun</div> </li> <li><a href="/article/1891624993364701184.htm" title="轮播图html" target="_blank">轮播图html</a> <span class="text-muted">The_era_achievs_hero</span> <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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>题十二：轮播图要求：1.鼠标不在图片上方时，进行自动轮播，并且左右箭头不会显示；当鼠标放在图片上方时，停止轮播，并且左右箭头会显示；2.图片切换之后，图片中下方的小圆点会同时进行切换，并且点击相应的小圆点可以切换到相应的图片上；3.点击左右箭头可以进行左右图片的切换；4.图片上需有介绍的文字，会随图片切换一起进行切换。原理：当鼠标进入时，左走箭头出现，定时器关闭，离开时，箭头消失，定时器开启。写D</div> </li> <li><a href="/article/1891609474108551168.htm" title="JVM调优6大步骤" target="_blank">JVM调优6大步骤</a> <span class="text-muted">炭烤肥杨</span> <a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a> <div>对JVM内存的系统级的调优主要的目的是减少GC的频率和FullGC的次数。参考博客:https://www.cnblogs.com/Darrenblog/p/10712125.html1.FullGC会对整个堆进行整理，包括Young、Tenured和Perm。FullGC因为需要对整个堆进行回收，所以比较慢，因此应该尽可能减少FullGC的次数。2.导致FullGC的原因1)年老代（Tenure</div> </li> <li><a href="/article/1891570599508111360.htm" title="爬虫实践——selenium、bs4" target="_blank">爬虫实践——selenium、bs4</a> <span class="text-muted">lucky_chaichai</span> <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/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/requests/1.htm">requests</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>目录一、浏览器的一般设置二、打开网页并获取网页源码的方式1、基于requests库2、基于urlib库3、基于selenium三、HTML解析1、BeautifulSoup2、Selenium动态渲染爬虫：模拟动态操作网页，加载JS(webdriver)3、scrapy框架四、反爬虫操作五、一些常见的异常处理六、url接口调用问题——get、post操作1、get请求2、post请求fromsel</div> </li> <li><a href="/article/1891567819875741696.htm" title="Java8适配的markdown转换html工具（FlexMark）" target="_blank">Java8适配的markdown转换html工具（FlexMark）</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/Java/1.htm">Java</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><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>坐标地址：com.vladsch.flexmarkflexmark-all0.60.0工具类代码：importcom.vladsch.flexmark.ext.tables.TablesExtension;importcom.vladsch.flexmark.ext.toc.TocExtension;importcom.vladsch.flexmark.html.HtmlRenderer;impo</div> </li> <li><a href="/article/1891559237344096256.htm" title="leaflet手绘地图实现原理-可视化工具设计手绘地图" target="_blank">leaflet手绘地图实现原理-可视化工具设计手绘地图</a> <span class="text-muted">diygwcom</span> <a class="tag" taget="_blank" href="/search/leaflet/1.htm">leaflet</a><a class="tag" taget="_blank" href="/search/%E6%89%8B%E7%BB%98%E5%9C%B0%E5%9B%BE/1.htm">手绘地图</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%AE%9A%E4%B9%89%E5%9C%B0%E5%9B%BE%E7%93%A6%E7%89%87/1.htm">自定义地图瓦片</a> <div>在Leaflet中实现手绘地图并添加自定义标注是一个有趣且实用的功能。Leaflet是一个开源的JavaScript库，用于在网页上创建交互式地图。下面是一个基本的实现步骤，包括如何加载手绘地图和添加自定义标注。步骤1：设置HTML页面首先，创建一个基本的HTML页面，并引入Leaflet库。Leaflet手绘地图与自定义标注#map{height:100vh;}//JavaScript代码将在这</div> </li> <li><a href="/article/1891553816529137664.htm" title="使用v-html时防止xss注入攻击" target="_blank">使用v-html时防止xss注入攻击</a> <span class="text-muted">i'm wxm</span> <a class="tag" taget="_blank" href="/search/xss/1.htm">xss</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/vue/1.htm">vue</a> <div>方法一使用vue-dompurify-html插件安装npminstallvue-dompurify-html在mian.js中配置import{createApp}from'vue'importAppfrom'./App.vue'constapp=createApp(App)//防止v-html进行xss注入importVueDOMPurifyHTMLfrom'vue-dompurify-htm</div> </li> <li><a href="/article/1891534121109352448.htm" title="vba对应CAD版本下载网址" target="_blank">vba对应CAD版本下载网址</a> <span class="text-muted">山水CAD筑梦人</span> <a class="tag" taget="_blank" href="/search/CAD/1.htm">CAD</a><a class="tag" taget="_blank" href="/search/VBA/1.htm">VBA</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>下载对应vba版本网址如下：DownloadtheMicrosoftVBAModuleforAutoCADhttps://www.autodesk.com/support/technical/article/caas/tsarticles/ts/3kxk0RyvfWTfSfAIrcmsLQ.html以下是DwgVersion枚举值与AutoCAD版本的对应关系：枚举值数值对应的AutoCAD版本A</div> </li> <li><a href="/article/1891532098813095936.htm" title="【html】简单网页模板源码" target="_blank">【html】简单网页模板源码</a> <span class="text-muted">天若有情673</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E3%80%90html5%2Bcss%E3%80%91%E5%89%8D%E7%AB%AF%E7%9F%A5%E8%AF%86/1.htm">【html5+css】前端知识</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/tensorflow/1.htm">tensorflow</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>大家每一次在写网页的时候会不会因为布局而困扰今天就给大家带来一个我自己亲自编写的网页的基本的模板大家可以直接去利用，大家也可以利用自己的想法去做空间的美化和完善。源码：html:DocumentXXX官网导航项导航项</div> </li> <li><a href="/article/1891527924696281088.htm" title="html 输入框标签讲解,input标签详解" target="_blank">html 输入框标签讲解,input标签详解</a> <span class="text-muted">金鉴LED实验室</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E8%BE%93%E5%85%A5%E6%A1%86%E6%A0%87%E7%AD%BE%E8%AE%B2%E8%A7%A3/1.htm">输入框标签讲解</a> <div>一，标签定义及使用说明1.标签规定了用户可以在其中输入数据的输入字段。2.元素在元素中使用，用来声明允许用户输入数据的input控件。输入字段可通过多种方式改变，取决于type属性。二，HTML与XHTML的区别1.在HTML中，标签没有结束标签。2.在XHTML中，标签必须被正确地关闭。三，注示1.注意:元素是空的,它只包含标签属性。2.提示:你可以使用元素来定义元素的标注。四，属性1.type</div> </li> <li><a href="/article/1891525137598050304.htm" title="h5 uniapp html2canvas生成海报,保存到本地功能实现；" target="_blank">h5 uniapp html2canvas生成海报,保存到本地功能实现；</a> <span class="text-muted">js小白羊</span> <a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</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>html2canvas生成海报,保存到本地功能实现1.在开发过程中我们将HTML2canvas封装成一个组件，通过prop传递ID参数2.组件的使用，伪代码不要直接复制uniapp语法3.h5保存生成后的图片到本地方法;1.在开发过程中我们将HTML2canvas封装成一个组件，通过prop传递ID参数在组件中，通过prop接收ID的，ID的变化来触发render.js里面的函数。html2can</div> </li> <li><a href="/article/1891510884811993088.htm" title="html+css网页设计，我的网站" target="_blank">html+css网页设计，我的网站</a> <span class="text-muted">软件技术NINI</span> <a class="tag" taget="_blank" href="/search/html%2Fcss%E7%AC%94%E8%AE%B0/1.htm">html/css笔记</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/css/1.htm">css</a> <div>一、技术简介HTML：超文本标记语言（HyperTextMarkupLanguage），用于创建网页的基本结构和内容。CSS：层叠样式表（CascadingStyleSheets），用于设置网页的样式和布局，包括字体、颜色、边距、对齐方式等。JavaScript：一种用于创建动态和交互式网页的脚本语言。通过JavaScript，可以实现网页的动画效果、表单验证、数据交互等功能。二、创建多页网站的基</div> </li> <li><a href="/article/1891505208865910784.htm" title="html 字体图标不显示不出来了,h5页面字体图标显示不正常" target="_blank">html 字体图标不显示不出来了,h5页面字体图标显示不正常</a> <span class="text-muted">微基因WeGene</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%AD%97%E4%BD%93%E5%9B%BE%E6%A0%87%E4%B8%8D%E6%98%BE%E7%A4%BA%E4%B8%8D%E5%87%BA%E6%9D%A5%E4%BA%86/1.htm">字体图标不显示不出来了</a> <div>问题描述开发的是微信公众号的纯静态H5页面，测试发现在iOS上面首次打开会出现字体图标无法显示的问题，并且切换到其它页面，字体图标也是一样无法显示：只能使用微信的右上角内的刷新选项，所有页面的图标就可正常显示，浏览其它页也正常：P.S.所有页面在iOS自带的safari或者chrome浏览器均可正常显示，在android也是正常显示。相关代码HTML:CSS:@charset"UTF-8";@fo</div> </li> <li><a href="/article/1891504956758880256.htm" title="html页面跳转先显示底部,H5页面在IOS微信中跳转时，会出现底部工具栏，遮挡页面底部内容..." target="_blank">html页面跳转先显示底部,H5页面在IOS微信中跳转时，会出现底部工具栏，遮挡页面底部内容...</a> <span class="text-muted">一一MIO一一</span> <a class="tag" taget="_blank" href="/search/html%E9%A1%B5%E9%9D%A2%E8%B7%B3%E8%BD%AC%E5%85%88%E6%98%BE%E7%A4%BA%E5%BA%95%E9%83%A8/1.htm">html页面跳转先显示底部</a> <div>问题描述：在IOS微信中打开H5页面，当浏览器内出现跳转产生url历史记录时，页面底部会出现一个带有前进和后退按钮的工具栏，会遮挡页面底部的内容。css分析缘由：页面跳转时，微信浏览器经过window.history读取到浏览的历史记录，此时便会在页面底部显示出前进后退按钮的工具栏，形成页面底部内容遮挡。但刷新一下该页面，就不会遮挡了。底部的工具栏是在页面完成渲染以后才渲染的。html解决方案：i</div> </li> <li><a href="/article/1891501924495192064.htm" title="PHP语法入门完全指南（2024新版）" target="_blank">PHP语法入门完全指南（2024新版）</a> <span class="text-muted">生信天地</span> <a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>一、开发环境搭建1.1快速启动方案本地环境：安装XAMPP（含Apache+PHP+MySQL）在线沙盒：使用PHPSandboxDocker方案（推荐）：dockerrun-it-p80:80-v$(pwd):/var/www/htmlphp:8.2-apache1.2第一个PHP程序▶️运行方式：浏览器访问http://localhost/01_hello.php二、基础语法核心2.1变量与常</div> </li> <li><a href="/article/1891501925036257280.htm" title="HTML、Vue和PHP文件的区别与联系" target="_blank">HTML、Vue和PHP文件的区别与联系</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/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a> <div>一、核心区别类型性质执行环境功能特点.html静态标记语言浏览器直接解析定义页面结构和内容，无逻辑处理能力.vue前端框架组件文件浏览器/构建工具整合HTML模板+JS逻辑+CSS样式，支持动态数据绑定和组件化开发.php服务器端脚本语言文件Web服务器执行动态生成HTML内容，支持数据库操作和业务逻辑处理二、联系与协作PHP与HTMLPHP文件通过标签嵌入HTML，服务器执行PHP代码后输出纯H</div> </li> <li><a href="/article/1891495363429330944.htm" title="Ajax基础学习" target="_blank">Ajax基础学习</a> <span class="text-muted">喜欢代码的新之助</span> <a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/okhttp/1.htm">okhttp</a> <div>AJAX浏览器本身就具备网络通信的能力，但在早期浏览器并没有把这个能力开放给JS最早是微软在IE浏览器中把这一能力向JS开放，让JS可以在代码中实现发送请求，这项技术在2005年被正式命名为AJAX（AsynchronousJavascriptAndXML）这套API主要依靠一个构造函数完成；该构造函数的名称为XMLHttpRequest，简称为XHR由于XHRAPI有着诸多缺陷，在HTML5和E</div> </li> <li><a href="/article/1891479579151888384.htm" title="PyTorch中文/英文官方文档&教程资源" target="_blank">PyTorch中文/英文官方文档&教程资源</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/DataAnalysis/1.htm">DataAnalysis</a><a class="tag" taget="_blank" href="/search/Computer/1.htm">Computer</a><a class="tag" taget="_blank" href="/search/Science/1.htm">Science</a><a class="tag" taget="_blank" href="/search/pytorch/1.htm">pytorch</a> <div>PyTorch中文文档https://pytorch-cn.readthedocs.io/zh/latest/PyTorch英文文档https://pytorch.org/docs/stable/index.htmlPyTorch官方教程-PyTorch教程1.1.0文档https://pytorch.org/tutorials/</div> </li> <li><a href="/article/1891475163682238464.htm" title="Qt QGroupBox 组件总结" target="_blank">Qt QGroupBox 组件总结</a> <span class="text-muted">enyp80</span> <a class="tag" taget="_blank" href="/search/qt/1.htm">qt</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>QtQGroupBox组件总结1.概述作用：QGroupBox是一个容器部件，用于将界面中相关的控件分组，提供逻辑上的视觉分离，通常带有标题（title）和边框。继承关系：继承自QWidget，具备所有QWidget的功能，同时支持分组布局和可选的复选框功能。2.核心特性标题（Title）：通过setTitle()设置分组框的标题，支持富文本（如HTML格式）。复选框（Checkable）：可设置</div> </li> <li><a href="/article/1891469620464906240.htm" title="【PYTORCH】官方的turoria实现中英文翻译" target="_blank">【PYTORCH】官方的turoria实现中英文翻译</a> <span class="text-muted">liwulin0506</span> <a class="tag" taget="_blank" href="/search/pytorch/1.htm">pytorch</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/pytorch/1.htm">pytorch</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/python/1.htm">python</a> <div>参考https://pytorch.org/tutorials/intermediate/seq2seq_translation_tutorial.html背景pytorch官方的是seq2seq是法语到英文，做了一个中文到英文的。数据集下载后解压，使用的data\testsets\devset\UNv1.0.devset.zh和UNv1.0.devset.en，因为电脑配置不行，所以只选取了10</div> </li> <li><a href="/article/1891459941093404672.htm" title="图片绘制到Canvas上并能缩放和平移" target="_blank">图片绘制到Canvas上并能缩放和平移</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/canvashtml/1.htm">canvashtml</a> <div>有时候我们需要预览图片，对图片进行缩放平移等操作，这时候发现用img标签就不好用了。这时候就可以用我这个帖子的代码实现你要的效果。格式支持：只要能在canvas上渲染的图片都能做缩放平移。如果想缩放后还能把图片下载到本地，请自己调用canvas的api即可。特性：小于canvas大小，则默认不缩放。大于canvas则以最长边为单位来缩放。效果如下：将下方代码新建一个html，在浏览器打开就能看到效</div> </li> <li><a href="/article/1891455243334512640.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/php/1.htm">php</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/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/kdoc_html_views-1a98987dfd.css"rel="stylesheet"/>href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/ck_htmledit_v</div> </li> <li><a href="/article/1891448934627340288.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><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>JavaScript是互联网上最流行的脚本语言，这门语言可用于HTML和web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。JavaScript是脚本语言JavaScript是一种轻量级的编程语言。JavaScript是可插入HTML页面的编程代码。JavaScript插入HTML页面后，可由所有的现代浏览器执行。JavaScript很容易学习。</div> </li> <li><a href="/article/1891448808177463296.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> <div>HTML5是W3C与WHATWG合作的结果,WHATWG指WebHypertextApplicationTechnologyWorkingGroup。WHATWG致力于web表单和应用程序，而W3C专注于XHTML2.0。在2006年，双方决定进行合作，来创建一个新版本的HTML。HTML5中的一些有趣的新特性：用于绘画的canvas元素用于媒介回放的video和audio元素对本地离线存储的更好</div> </li> <li><a href="/article/1891447924274032640.htm" title="html元素后追加内容,jquery 元素控制(追加元素/追加内容)介绍及应用" target="_blank">html元素后追加内容,jquery 元素控制(追加元素/追加内容)介绍及应用</a> <span class="text-muted">王大明白</span> <a class="tag" taget="_blank" href="/search/html%E5%85%83%E7%B4%A0%E5%90%8E%E8%BF%BD%E5%8A%A0%E5%86%85%E5%AE%B9/1.htm">html元素后追加内容</a> <div>一、在元素内部/外部追加元素append,prepend:添加到子元素before，after：作为兄弟元素添加html：在我的后面追加一条新闻Javascript:jQuery(function(){//在元素内部追加内容$("#content").append("姚明退役了...");})在#content里面添加元素，这是把姚明退役了...作为子元素添加到#content，如果想在元素外部追</div> </li> <li><a href="/article/1891447419208527872.htm" title="html如何使多张图片滑动不卡顿,Web端大量图片同时加载卡顿问题的优化方案" target="_blank">html如何使多张图片滑动不卡顿,Web端大量图片同时加载卡顿问题的优化方案</a> <span class="text-muted">kisserkook</span> <div>案例由于业务的需要，需求方需要实现一个大量图片同时加载的需求。在实现这个需求的过程中，可能会遇到很多的坑，这里小编也总结了一些优化方案，我们可以一起来看看。具体场景在描述如何解决问题，我们现在先来申明，问题是什么？需求的主要内容是在某个页面显示1~1000张，200~500k大小的图。好消息是这些图片来源于本地硬盘而非网络。(否则这个问题就要变成优化网络....)踩坑历程由于不是纯前端的项目，笔者</div> </li> <li><a href="/article/1891447165713182720.htm" title="canvas 添加html元素,给canvas添加内容" target="_blank">canvas 添加html元素,给canvas添加内容</a> <span class="text-muted">云舞空城</span> <a class="tag" taget="_blank" href="/search/canvas/1.htm">canvas</a><a class="tag" taget="_blank" href="/search/%E6%B7%BB%E5%8A%A0html%E5%85%83%E7%B4%A0/1.htm">添加html元素</a> <div>画布是一个矩形区域，您可以控制其每一像素。canvas拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。创建Canvas元素向HTML5页面添加canvas元素。规定元素的id、宽度和高度：通过JavaScript来绘制canvas元素本身是没有canvas画布与画布内容都缩小如何实现?如何将canvas复制给另外一个canvascanvas怎么根据坐标获取上面的内容html5canvas清除</div> </li> <li><a href="/article/1891447039078756352.htm" title="IDA pro 的Python环境变量设置" target="_blank">IDA pro 的Python环境变量设置</a> <span class="text-muted">weixin_30291791</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>推荐使用IDAPRO6.1+Python2.6安装完毕Python2.6后，添加如下的环境变量：PYTHONHOME=C:\Python26PATH=%PATH%;C:\Python26LIB=%LIB%;C:\Python26\Lib转载于:https://www.cnblogs.com/micro-chen/p/4770303.html</div> </li> <li><a href="/article/20.htm" title="矩阵求逆（JAVA）初等行变换" target="_blank">矩阵求逆（JAVA）初等行变换</a> <span class="text-muted">qiuwanchi</span> <a class="tag" taget="_blank" href="/search/%E7%9F%A9%E9%98%B5%E6%B1%82%E9%80%86%EF%BC%88JAVA%EF%BC%89/1.htm">矩阵求逆（JAVA）</a> <div>package gaodai.matrix; import gaodai.determinant.DeterminantCalculation; import java.util.ArrayList; import java.util.List; import java.util.Scanner; /** * 矩阵求逆(初等行变换) * @author 邱万迟 *</div> </li> <li><a href="/article/147.htm" title="JDK timer" target="_blank">JDK timer</a> <span class="text-muted">antlove</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a><a class="tag" taget="_blank" href="/search/schedule/1.htm">schedule</a><a class="tag" taget="_blank" href="/search/code/1.htm">code</a><a class="tag" taget="_blank" href="/search/timer/1.htm">timer</a> <div>1.java.util.Timer.schedule(TimerTask task, long delay)：多长时间（毫秒）后执行任务 2.java.util.Timer.schedule(TimerTask task, Date time)：设定某个时间执行任务 3.java.util.Timer.schedule(TimerTask task, long delay,longperiod</div> </li> <li><a href="/article/274.htm" title="JVM调优总结 -Xms -Xmx -Xmn -Xss" target="_blank">JVM调优总结 -Xms -Xmx -Xmn -Xss</a> <span class="text-muted">coder_xpf</span> <a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/%E5%BA%94%E7%94%A8%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">应用服务器</a> <div>堆大小设置JVM 中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。我在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。典型设置： java -Xmx</div> </li> <li><a href="/article/401.htm" title="JDBC连接数据库" target="_blank">JDBC连接数据库</a> <span class="text-muted">Array_06</span> <a class="tag" taget="_blank" href="/search/jdbc/1.htm">jdbc</a> <div>package Util; import java.sql.Connection; import java.sql.DriverManager; import java.sql.ResultSet; import java.sql.SQLException; import java.sql.Statement; public class JDBCUtil { //完</div> </li> <li><a href="/article/528.htm" title="Unsupported major.minor version 51.0（jdk版本错误）" target="_blank">Unsupported major.minor version 51.0（jdk版本错误）</a> <span class="text-muted">oloz</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>java.lang.UnsupportedClassVersionError: cn/support/cache/CacheType : Unsupported major.minor version 51.0 (unable to load class cn.support.cache.CacheType) at org.apache.catalina.loader.WebappClassL</div> </li> <li><a href="/article/655.htm" title="用多个线程处理1个List集合" target="_blank">用多个线程处理1个List集合</a> <span class="text-muted">362217990</span> <a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/list/1.htm">list</a><a class="tag" taget="_blank" href="/search/%E9%9B%86%E5%90%88/1.htm">集合</a> <div> 昨天发了一个提问，启动5个线程将一个List中的内容，然后将5个线程的内容拼接起来，由于时间比较急迫，自己就写了一个Demo，希望对菜鸟有参考意义。。 import java.util.ArrayList; import java.util.List; import java.util.concurrent.CountDownLatch; public c</div> </li> <li><a href="/article/782.htm" title="JSP简单访问数据库" target="_blank">JSP简单访问数据库</a> <span class="text-muted">香水浓</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a> <div>学习使用javaBean，代码很烂，仅为留个脚印 public class DBHelper { private String driverName; private String url; private String user; private String password; private Connection connection; privat</div> </li> <li><a href="/article/909.htm" title="Flex4中使用组件添加柱状图、饼状图等图表" target="_blank">Flex4中使用组件添加柱状图、饼状图等图表</a> <span class="text-muted">AdyZhang</span> <a class="tag" taget="_blank" href="/search/Flex/1.htm">Flex</a> <div>1.添加一个最简单的柱状图 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <?xml version= "1.0"&n</div> </li> <li><a href="/article/1036.htm" title="Android 5.0 - ProgressBar 进度条无法展示到按钮的前面" target="_blank">Android 5.0 - ProgressBar 进度条无法展示到按钮的前面</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>在低于SDK < 21 的版本中，ProgressBar 可以展示到按钮前面，并且为之在按钮的中间，但是切换到android 5.0后进度条ProgressBar 展示顺序变化了，按钮再前面，ProgressBar 在后面了我的xml配置文件如下： [html] view plain copy <RelativeLa</div> </li> <li><a href="/article/1163.htm" title="查询汇总的sql" target="_blank">查询汇总的sql</a> <span class="text-muted">baalwolf</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a> <div>select list.listname, list.createtime,listcount from dream_list as list , (select listid,count(listid) as listcount from dream_list_user group by listid order by count(</div> </li> <li><a href="/article/1290.htm" title="Linux du命令和df命令区别" target="_blank">Linux du命令和df命令区别</a> <span class="text-muted">BigBird2012</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div> 1，两者区别 du，disk usage,是通过搜索文件来计算每个文件的大小然后累加，du能看到的文件只是一些当前存在的，没有被删除的。他计算的大小就是当前他认为存在的所有文件大小的累加和。 </div> </li> <li><a href="/article/1417.htm" title="AngularJS中的$apply，用还是不用？" target="_blank">AngularJS中的$apply，用还是不用？</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/%24apply/1.htm">$apply</a> <div> 在AngularJS开发中，何时应该调用$scope.$apply()，何时不应该调用。下面我们透彻地解释这个问题。但是首先，让我们把$apply转换成一种简化的形式。 scope.$apply就像一个懒惰的工人。它需要按照命</div> </li> <li><a href="/article/1544.htm" title="[Zookeeper学习笔记十]Zookeeper源代码分析之ClientCnxn数据序列化和反序列化" target="_blank">[Zookeeper学习笔记十]Zookeeper源代码分析之ClientCnxn数据序列化和反序列化</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a> <div>ClientCnxn是Zookeeper客户端和Zookeeper服务器端进行通信和事件通知处理的主要类，它内部包含两个类，1. SendThread 2. EventThread， SendThread负责客户端和服务器端的数据通信，也包括事件信息的传输，EventThread主要在客户端回调注册的Watchers进行通知处理 ClientCnxn构造方法 &</div> </li> <li><a href="/article/1671.htm" title="【Java命令一】jmap" target="_blank">【Java命令一】jmap</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/Java%E5%91%BD%E4%BB%A4/1.htm">Java命令</a> <div>jmap命令的用法： [hadoop@hadoop sbin]$ jmap Usage: jmap [option] <pid> (to connect to running process) jmap [option] <executable <core> (to connect to a </div> </li> <li><a href="/article/1798.htm" title="Apache 服务器安全防护及实战" target="_blank">Apache 服务器安全防护及实战</a> <span class="text-muted">ronin47</span> <div>此文转自IBM. Apache 服务简介 Web 服务器也称为 WWW 服务器或 HTTP 服务器 (HTTP Server)，它是 Internet 上最常见也是使用最频繁的服务器之一，Web 服务器能够为用户提供网页浏览、论坛访问等等服务。由于用户在通过 Web 浏览器访问信息资源的过程中，无须再关心一些技术性的细节，而且界面非常友好，因而 Web 在 Internet 上一推出就得到</div> </li> <li><a href="/article/1925.htm" title="unity 3d实例化位置出现布置？" target="_blank">unity 3d实例化位置出现布置？</a> <span class="text-muted">brotherlamp</span> <a class="tag" taget="_blank" href="/search/unity%E6%95%99%E7%A8%8B/1.htm">unity教程</a><a class="tag" taget="_blank" href="/search/unity/1.htm">unity</a><a class="tag" taget="_blank" href="/search/unity%E8%B5%84%E6%96%99/1.htm">unity资料</a><a class="tag" taget="_blank" href="/search/unity%E8%A7%86%E9%A2%91/1.htm">unity视频</a><a class="tag" taget="_blank" href="/search/unity%E8%87%AA%E5%AD%A6/1.htm">unity自学</a> <div>问：unity 3d实例化位置出现布置？答：实例化的同时就可以指定被实例化的物体的位置,即 position Instantiate (original : Object, position : Vector3, rotation : Quaternion) : Object 这样你不需要再用Transform.Position了, 如果你省略了第二个参数(</div> </li> <li><a href="/article/2052.htm" title="《重构，改善现有代码的设计》第八章 Duplicate Observed Data" target="_blank">《重构，改善现有代码的设计》第八章 Duplicate Observed Data</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E9%87%8D%E6%9E%84/1.htm">重构</a> <div> import java.awt.Color; import java.awt.Container; import java.awt.FlowLayout; import java.awt.Label; import java.awt.TextField; import java.awt.event.FocusAdapter; import java.awt.event.FocusE</div> </li> <li><a href="/article/2179.htm" title="struts2更改struts.xml配置目录" target="_blank">struts2更改struts.xml配置目录</a> <span class="text-muted">chiangfai</span> <a class="tag" taget="_blank" href="/search/struts.xml/1.htm">struts.xml</a> <div>struts2默认是读取classes目录下的配置文件，要更改配置文件目录，比如放在WEB-INF下，路径应该写成../struts.xml(非/WEB-INF/struts.xml) web.xml文件修改如下： <filter> <filter-name>struts2</filter-name> <filter-class&g</div> </li> <li><a href="/article/2306.htm" title="redis做缓存时的一点优化" target="_blank">redis做缓存时的一点优化</a> <span class="text-muted">chenchao051</span> <a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a><a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/pipeline/1.htm">pipeline</a> <div> 最近集群上有个job，其中需要短时间内频繁访问缓存，大概7亿多次。我这边的缓存是使用redis来做的，问题就来了。首先，redis中存的是普通kv，没有考虑使用hash等解结构，那么以为着这个job需要访问7亿多次redis，导致效率低，且出现很多redi</div> </li> <li><a href="/article/2433.htm" title="mysql导出数据不输出标题行" target="_blank">mysql导出数据不输出标题行</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%AF%BC%E5%87%BA/1.htm">数据导出</a><a class="tag" taget="_blank" href="/search/%E5%8E%BB%E6%8E%89%E7%AC%AC%E4%B8%80%E8%A1%8C/1.htm">去掉第一行</a><a class="tag" taget="_blank" href="/search/%E5%8E%BB%E6%8E%89%E6%A0%87%E9%A2%98/1.htm">去掉标题</a> <div>当想使用数据库中的某些数据，想将其导入到文件中，而想去掉第一行的标题是可以加上-N参数如通过下面命令导出数据： mysql -uuserName -ppasswd -hhost -Pport -Ddatabase -e " select * from tableName" > exportResult.txt 结果为： studentid</div> </li> <li><a href="/article/2560.htm" title="phpexcel导出excel表简单入门示例" target="_blank">phpexcel导出excel表简单入门示例</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/Excel/1.htm">Excel</a><a class="tag" taget="_blank" href="/search/phpexcel/1.htm">phpexcel</a> <div>先下载PHPEXCEL类文件，放在class目录下面，然后新建一个index.php文件，内容如下 <?php error_reporting(E_ALL); ini_set('display_errors', TRUE); ini_set('display_startup_errors', TRUE); if (PHP_SAPI == 'cli') die('</div> </li> <li><a href="/article/2687.htm" title="爱情格言" target="_blank">爱情格言</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/%E6%A0%BC%E8%A8%80/1.htm">格言</a> <div> 1) I love you not because of who you are, but because of who I am when I am with you. 　　我爱你，不是因为你是一个怎样的人，而是因为我喜欢与你在一起时的感觉。 　　2) No man or woman is worth your tears, and the one who is, won‘t</div> </li> <li><a href="/article/2814.htm" title="转 Activity 详解——Activity文档翻译" target="_blank">转 Activity 详解——Activity文档翻译</a> <span class="text-muted">e200702084</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/UI/1.htm">UI</a><a class="tag" taget="_blank" href="/search/sqlite/1.htm">sqlite</a><a class="tag" taget="_blank" href="/search/%E9%85%8D%E7%BD%AE%E7%AE%A1%E7%90%86/1.htm">配置管理</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%BA%94%E7%94%A8/1.htm">网络应用</a> <div>activity 展现在用户面前的经常是全屏窗口，你也可以将 activity 作为浮动窗口来使用（使用设置了 windowIsFloating 的主题），或者嵌入到其他的 activity （使用 ActivityGroup ）中。当用户离开 activity 时你可以在 onPause() 进行相应的操作。更重要的是，用户做的任何改变都应该在该点上提交 ( 经常提交到 ContentPro</div> </li> <li><a href="/article/2941.htm" title="win7安装MongoDB服务" target="_blank">win7安装MongoDB服务</a> <span class="text-muted">geeksun</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a> <div>1. 下载MongoDB的windows版本：mongodb-win32-x86_64-2008plus-ssl-3.0.4.zip，Linux版本也在这里下载，下载地址： http://www.mongodb.org/downloads 2. 解压MongoDB在D:\server\mongodb, 在D:\server\mongodb下创建d</div> </li> <li><a href="/article/3068.htm" title="Javascript魔法方法:__defineGetter__,__defineSetter__" target="_blank">Javascript魔法方法:__defineGetter__,__defineSetter__</a> <span class="text-muted">hongtoushizi</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a> <div>转载自： http://www.blackglory.me/javascript-magic-method-definegetter-definesetter/ 在javascript的类中,可以用defineGetter和defineSetter_控制成员变量的Get和Set行为例如,在一个图书类中,我们自动为Book加上书名符号: function Book(name){ </div> </li> <li><a href="/article/3195.htm" title="错误的日期格式可能导致走nginx proxy cache时不能进行304响应" target="_blank">错误的日期格式可能导致走nginx proxy cache时不能进行304响应</a> <span class="text-muted">jinnianshilongnian</span> <a class="tag" taget="_blank" href="/search/cache/1.htm">cache</a> <div>昨天在整合某些系统的nginx配置时，出现了当使用nginx cache时无法返回304响应的情况，出问题的响应头： Content-Type:text/html; charset=gb2312 Date:Mon, 05 Jan 2015 01:58:05 GMT Expires:Mon , 05 Jan 15 02:03:00 GMT Last-Modified:Mon, 05</div> </li> <li><a href="/article/3322.htm" title="数据源架构模式之行数据入口" target="_blank">数据源架构模式之行数据入口</a> <span class="text-muted">home198979</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</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%A1%8C%E6%95%B0%E6%8D%AE%E5%85%A5%E5%8F%A3/1.htm">行数据入口</a> <div>注：看不懂的请勿踩，此文章非针对java，java爱好者可直接略过。一、概念行数据入口（Row Data Gateway）：充当数据源中单条记录入口的对象，每行一个实例。二、简单实现行数据入口为了方便理解，还是先简单实现： <?php /** * 行数据入口类 */ class OrderGateway { /*定义元数</div> </li> <li><a href="/article/3449.htm" title="Linux各个目录的作用及内容" target="_blank">Linux各个目录的作用及内容</a> <span class="text-muted">pda158</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E8%84%9A%E6%9C%AC/1.htm">脚本</a> <div>1）根目录“/” 　　根目录位于目录结构的最顶层，用斜线（/）表示，类似于 Windows 操作系统的“C:\“，包含Fedora操作系统中所有的目录和文件。　　2）/bin 　　/bin 　　目录又称为二进制目录，包含了那些供系统管理员和普通用户使用的重要 linux命令的二进制映像。该目录存放的内容包括各种可执行文件，还有某些可执行文件的符号连接。常用的命令有：cp、d</div> </li> <li><a href="/article/3576.htm" title="ubuntu12.04上编译openjdk7" target="_blank">ubuntu12.04上编译openjdk7</a> <span class="text-muted">ol_beta</span> <a class="tag" taget="_blank" href="/search/HotSpot/1.htm">HotSpot</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a><a class="tag" taget="_blank" href="/search/OpenJDK/1.htm">OpenJDK</a> <div>获取源码从openjdk代码仓库获取(比较慢) 安装mercurial Mercurial是一个版本管理工具。 sudo apt-get install mercurial 将以下内容添加到$HOME/.hgrc文件中，如果没有则自己创建一个： [extensions] forest=/home/lichengwu/hgforest-crew/forest.py fe</div> </li> <li><a href="/article/3703.htm" title="将数据库字段转换成设计文档所需的字段" target="_blank">将数据库字段转换成设计文档所需的字段</a> <span class="text-muted">vipbooks</span> <a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</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> 哈哈，出差这么久终于回来了，回家的感觉真好！ PowerDesigner的物理数据库一出来，设计文档中要改的字段就多得不计其数，如果要把PowerDesigner中的字段一个个Copy到设计文档中，那将会是一件非常痛苦的事情。</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>