#HTML教程(标签)

1 .基本结构

 
 
 标题文本...
 
 内容文本...

基本解释

为标识符,它指出了网页遵循的HTML标准,有时还指出了定义规范的文档类型定义(DTD)
包含了组成网页的所有标签
包含了所有提供网页信息的标签,且不包含现在在页面中的信息
包含了所有的文本和其他内容(链接、图片等)
``````````都称为标签

称为根标签

````称为开始标签

````称为结束标签

一般来说,标签都是成对出现的
标签和标签之间可以相互嵌套,但顺序必须一致
标签不区分大小写,但建议使用小写

2.基本标签及其用法

head部分

</code> 标签</p> <blockquote> <p><code><title></code>标题内容<code><title></code><br><br> 将标题内容显示在浏览器的标题栏中,一般简短,易懂</p> </blockquote> </blockquote> <blockquote> <p><code><meta></code>标签</p> <blockquote> <p>元数据(metadata)<br><br> <code><meta name="**" content="**"/></code><br><br> name 和content的作用为描述页面的内容<br></p> </blockquote> </blockquote> <blockquote> <p><code><style></code>标签</p> <blockquote> <p><code><style type="**"></code><br><br> 规定HTMLL元素在浏览器中呈现的样式</p> </blockquote> </blockquote> <h6>body部分<br> </h6> <ul> <li>段落类</li> </ul> <blockquote> <p><code><p></code>标签</p> <blockquote> <p><code><p></code>段落文本<code></p></code><br><br> 将文本分段后输出</p> </blockquote> </blockquote> <blockquote> <p><code><br /></code>标签</p> <blockquote> <p>用于分行,相当于回车换行<br><br> 用在句子的末端</p> </blockquote> </blockquote> <blockquote> <p><code></code>标签</p> <blockquote> <p>文本<code></code>文本<br><br> 将文本分割输出,相当于空格<br></p> </blockquote> </blockquote> <blockquote> <p><code><hr></code>标签</p> <blockquote> <p>用于创建一条水平的线(分割线)<br><br> 用在段落的首端</p> </blockquote> </blockquote> <ul> <li>字体类</li> </ul> <blockquote> <p><code><hx></code>标签(x=1~6)</p> <blockquote> <p><code><hx></code>标题<code></hx></code><br><br> 将文本以标题形式输出<br> 其中<code><h1></code>字体最大,<code><h6></code>相对最小</p> </blockquote> </blockquote> <blockquote> <p><code><strong></code>标签</p> <blockquote> <p><code><strong></code>强调部分<code></strong></code><br><br> 将文本以粗体输出</p> </blockquote> </blockquote> <blockquote> <p><code><em></code>标签</p> <blockquote> <p><code><em></code>强调部分<code></em></code><br><br> 将文本以斜体输出</p> </blockquote> </blockquote> <blockquote> <p><code><span></code>标签</p> <blockquote> <p><code><span></code>强调部分 <code></span></code><br><br> 将文本以特殊形式输出</p> </blockquote> </blockquote> <blockquote> <p><code><font></code>标签<br><br> <code><font></code>要输出的文本<code></font></code><br></p> <blockquote> <p>将文本自定义大小输出<br><br> <code><font size= "1">要输出的文本</font></code><br><br> size可取1~7,其中7最大,1最小<br><br> <br><br> 将文本自定义颜色输出<br><br> <code><font color ="#000000"></font></code><br><br> 其中color后可以接RGB值,也可以用颜色的单词来表示<br></p> </blockquote> </blockquote> <ul> <li>引用</li> </ul> <blockquote> <p><code><q></code>标签</p> <blockquote> <p><code><q></code>引言<code></q></code><br><br> 自动给引言加上<strong>""</strong></p> </blockquote> </blockquote> <blockquote> <p><code><blockquote></code>标签</p> <blockquote> <p><code><blockquote></code>引文<code></blockquote></code><br><br> 自动在页面左右两侧进行缩进处理</p> </blockquote> </blockquote> <blockquote> <p><code><code></code>标签</p> <blockquote> <p><code><code></code>代码<code></code></code><br><br> 将代码完整输出,不改变任何符号<br><br> 只能对一行代码进行输出</p> </blockquote> </blockquote> <blockquote> <p><code><pre></code>标签</p> <blockquote> <p><code><pre></code>代码段<code></pre></code><br><br> 将代码段完整输出,保留空格和换行符<br><br> 不受分行的影响</p> </blockquote> </blockquote> <ul> <li>表格类</li> </ul> <blockquote> <p><code><ul></code>标签</p> <blockquote> <blockquote> <p><code><li></code>一条内容<code></li></code><br><br> <code><li></code>一条内容<code></li></code><br><br> ...<br><br> <code></ul></code><br></p> </blockquote> </blockquote> <p>将信息分条排序<br><br> 通常由"<strong>·</strong>"起行</p> </blockquote> <blockquote> <p><code><ol></code>标签</p> <blockquote> <blockquote> <p><code><li></code>第一条内容<code><li></code><br><br> <code><li></code>第二条内容<code><li></code><br><br> ...<br><br> <code></ol></code><br></p> </blockquote> </blockquote> <p>将信息分条排序<br><br> 每一行都有固定的编号</p> </blockquote> <ul> <li>特殊类</li> </ul> <blockquote> <p><code><address></code>标签</p> <blockquote> <p><code><address></code>地址信息<code></address></code><br><br> 在网页中提供联系信息,通常自动显示为斜体</p> </blockquote> </blockquote> <blockquote> <p><code><div></code>标签</p> <blockquote> <p><code><div></code>...<code></div></code><br><br> 将标签放入div中,可以更清晰的看懂标签的逻辑</p> </blockquote> </blockquote> <blockquote> <p>``</p> <blockquote> <p>注释部分只会在源代码页面显示,从而方便管理员理解代码,而不会在页面中输出</p> </blockquote> </blockquote> <blockquote> <p><code><input type>"..."<placeho.der></code></p> </blockquote> <h3>3.表格</h3> <h6>表格的组成部分<br> </h6> <ul> <li>表题:指出表格包含什么内容.(表题是可选的)</li> <li>表头:标识行、列或两者,通常使用突出的字体.(可选)</li> <li>单元格:表格中的各个方框,包含的可能是表格数据,也可能使表头.</li> <li>表格数据:表格中的值</li> </ul> <h6> <code><table></code>元素 <br> </h6> <blockquote> <p><code><table></code>表格<code></table></code></p> </blockquote> <h6>表格摘要<br> </h6> <blockquote> <ul> <li>提供解释性的信息,从而对表格作简要的介绍<br> </li> </ul> <blockquote> <p>在表格前面的段落中进行描述<br><br> 在表题中进行描述<br><br> 在表题的<details>元素中进行描述<br><br> 在表格后面的示意图或者图题中进行描述</p> </blockquote> </blockquote> <h6>单元格<br> </h6> <ul> <li>表格是逐行定义的,每一行定义都应该包含该行的所有单元格</li> </ul> <blockquote> <p><code><tr></code>表格行..<code></tr></code><br></p> <blockquote> <p>可包括表头单元格或数据单元格<br></p> </blockquote> <p><code><th></code>表头单元格..<code></th></code><br></p> <blockquote> <p>通常为粗体,且在水平和垂直方向上都居中</p> </blockquote> <p><code><td></code>数据单元格..<code></td></code><br></p> <blockquote> <p>使用常规字体显示,在水平方向上左对齐,在竖直方向上居中</p> </blockquote> </blockquote> <p>空单元格</p> <blockquote> <p>在单元格中包含一行换行符<br><br> 如: <code><td><br><td></code></p> </blockquote> <h6>表题<br> </h6> <p>元素<code><caption></code>位于<code><table></code>之内,但位于第一行<code><tr ></code>之前<br></p> <blockquote> <pre><code><table> <caption>表题名称...</caption> <tr > </code></pre> <p>若信息过多,也可以将详细信息隐藏起来<br><br> 在<code><caption></code>中嵌入<code><derails></code>元素,可完成对内容的单击隐藏<br></p> <pre><code><caption> <details>详细内容...</details> </caption> </code></pre> <p><br></p> </blockquote> <h6>设置表格<br> </h6> <ul> <li>设置宽度</li> </ul> <blockquote> <p><code><table border="1" style="width: 100%"></code><br><br> 设置为与浏览器窗口等宽<br></p> </blockquote> <ul> <li>设置边框</li> </ul> <blockquote> <p><code><table border="10" style="width: 100%"></code><br><br> 边框设置为10像素<br></p> </blockquote> <ul> <li>单元格内边距(单元边缘与内容的距离)</li> </ul> <blockquote> <p><code><table cellpadding= "10" border= "1"></code><br> 内边距设置为10像素<br></p> </blockquote> <ul> <li>单元格间距(单元格与单元格的距离)</li> </ul> <blockquote> <p><code><table cellspacing= "8"></code><br> 单元格间距为8像素<br></p> </blockquote> <h6><br></h6> <h6><br></h6> <h3>4.图像</h3> <h6>图像<br> </h6> <h6>图像格式<br> </h6> <blockquote> <p>大多数浏览器都支持的格式:GIF.JPEG.PNG,而HTML5中增加了SVG格式图像的支持<br></p> </blockquote> <ul> <li>GIF<br> </li> </ul> <blockquote> <p>图像交换格式(Graphics Interchange Format)<br><br> 支持简单的动画<br></p> </blockquote> <ul> <li>GPEG<br> </li> </ul> <blockquote> <p>联合图像专家组(Jointment Photographic Experts Group)<br><br> 多用于储存摄影图像</p> </blockquote> <ul> <li>SVG</li> </ul> <blockquote> <p>可缩放的矢量图像<br><br> 可随意改变大小而不会对图像质量有任何影响</p> </blockquote> <ul> <li>PNG</li> </ul> <blockquote> <p>便携式网络图形(Portable Network Graphics)<br><br> 将图像转化为PNG格式,不会丢失任何数据</p> </blockquote> <h6>添加图像</h6> <blockquote> <p><code><img></code>标签</p> <blockquote> <p><code><img></code>标签有两个属性:src和alt<br></p> <blockquote> <p>src:指定图像的URL<br><br> alt:简单的图像文本描述<br></p> </blockquote> </blockquote> <p>可将图片放在<code><body></code>标签中的任意位置</p> <p>指向本地目录<br></p> <blockquote> <p><code>![](image.gif)</code><br></p> </blockquote> <p>指向服务器<br></p> <blockquote> <p><code>![](htp:\\www.****.**/*.gif)</code><br></p> </blockquote> <p>图像替代文本</p> <blockquote> <p><code>![](***.jpg)</code><br><br> 当图像无法显示或加载时会显示<strong>"对图片的文字描述"</strong><br></p> </blockquote> </blockquote> <h6>图像与文本</h6> <blockquote> <p>将图像标签放置在文本标签中,就可以将图片显示在文本内<br></p> </blockquote> <h6>图像的缩放</h6> <blockquote> <p><code><img></code>标签的两个属性<br></p> <blockquote> <p>height和width指定了图像的高度和宽度<br> <code><img mrc="****.png" height="高度" width="宽度"></code><br><br> !!宽度调用</p> </blockquote> </blockquote> <p><br></p> <blockquote> <p>目的</p> <blockquote> <ul> <li>调整浏览器现实的图像尺寸,使其更适合页面</li> <li>让浏览器预先知道图像有多大,有助于浏览器在加载图片完成前,排版正确</li> </ul> </blockquote> </blockquote> <h3>5.链接</h3> <h6>创建链接<br> </h6> <ul> <li>要有链接到的文件名(或URL)</li> <li>要有可单击的链接文本</li> </ul> <h6>链接标签<code><a></code><br> </h6> <blockquote> <p>基本组成部分,href、表示链接的文本、结束标签<br><br> 链接标签<code><a></code>必须包含一些属性<br></p> </blockquote> <ul> <li>本地文件</li> </ul> <blockquote> <p><code>文本<a href="点击链接时将加载的文件">**可被点击的文本**</a></code><br><br> 文本<a href="点击链接时将加载的文件"><strong>可被点击的文本</strong></a><br></p> </blockquote> <ul> <li>web文档</li> </ul> <blockquote> <p><code>文本<a href="网站">**注释**</a></code><br><br> 文本<a href="网站"><strong>注释</strong></a><br></p> </blockquote> <h6>文件的路径</h6> <blockquote> <p>路径分为两种</p> <blockquote> <p>相对路径:http:\****.****<br><br> 绝对路径:本地目录<br</p> </blockquote> </blockquote> <h6>锚(anchor)</h6> <blockquote> <p>用name属性创建一个文档内的标签</p> <blockquote> <p><code><a name="label">锚(显示的文本)</a></code><br><br> <code><a href= "#tips">锚</a></code><br></p> </blockquote> </blockquote> <h3>6.表单</h3> <h6>表单<br> </h6> <blockquote> <p>收集信息并处理</p> </blockquote> <h6>form标签<br> </h6> <blockquote> <p>标签<code><form></code>的两个常用属性action和method<br><br> action: 提交表单的地址(另一个网页的链接或moilto链接)<br><br> method: 提交表单的使用方法,一般分get和post两种<br></p> </blockquote> <p><code><label></code>标签<br></p> <blockquote> <p><code><label></code>描述表单字段的文本<code></label></code></p> </blockquote> <h6> <code><input></code>标签<br> </h6> <ul> <li>input元素由起始标签和结束标签组成,其中其实标签中包含属性.</li> <li>其实标签和结束标签之间没有任何其他内容.</li> </ul> <blockquote> <p>文本 <br><br> 文本框只有一行,无法回车换行<br></p> <pre><code> <label for= "usuername">姓名:</label> <input type="text" id= usuername> </code></pre> <p><label for= "usuername">姓名:</label><br> <input type="text" id= usuername></p> <p>密码<br><br> 密码框中输入的信息会做掩码处理<br></p> <pre><code> <label for= "password">密码:</label> <input type="password" id="password"> </code></pre> <p><label for= "password">密码:</label><br> <input type="password" id="password"></p> <p>单选框<br><br> 同一组选项,name属性必须相同<br></p> <pre><code> <label>性别:</label> <input type="radio" name= "sex" value="male">男 <input type="radio" name= "sex" value="female">女 <input type="radio" name= "sex" value="futa">扶他 </code></pre> <p><label>性别:</label><br> <input type="radio" name= "sex" value="male">男<br> <input type="radio" name= "sex" value="female">女<br> <input type="radio" name= "sex" value="futa">扶他</p> <p>复选框</p> <pre><code> <label>爱好</label> <input type="checkbox" name= "sex" value="male">男 <input type="checkbox" name= "sex" value="female">女 <input type="checkbox" name= "sex" value="futa">扶他 </code></pre> <p><label>爱好:</label><br> <input type="checkbox" name= "sex" value="male">男<br> <input type="checkbox" name= "sex" value="female">女<br> <input type="checkbox" name= "sex" value="futa">扶他</p> <p>下拉列表</p> <pre><code><label for= "sex">我的性别</label> <select id= "sex" name= "sex"> <option value= "男">男</option> <option value= "女">女</option> <option value= "扶她">扶她</option> </select> </code></pre> <p><label for= "sex">我的性别:</label><br> <select id= "sex" name= "sex"><br> <option value= "男">男</option><br> <option value= "女">女</option><br> <option value= "扶她">扶她</option><br> </select></p> <p>提交按钮</p> <pre><code><input type= "submit" value= "提交"> </code></pre> <p><input type= "submit" value= "提交"></p> <p>重置按钮<br><br> 重置按钮可以清空表单中已经填写了的信息<br><br> <input type= "reset" /><br> <input type= "reset" /></p> <p>隐藏文本</p> <pre><code><input type= "hidden" name="country" value="Norway" /> </code></pre> <p><input type= "hidden" name="country" value="Norway" /></p> <p>打开文件</p> <pre><code><input type= "file" name= "pic" accept= "image/gif" /> </code></pre> </blockquote> <h6>textarea标签</h6> <blockquote> <p>多行文本<br></p> <pre><code> <textarea name= "article">文本内容</textarea> </code></pre> </blockquote> <h6><br></h6> <h3>7. 多媒体</h3> <h6> <code><video></code>标签</h6> <blockquote> <p>用法</p> <blockquote> <p><code><video src= "***.mp4"></code></p> </blockquote> <p>作用</p> <blockquote> <p>播放视频</p> </blockquote> <p>属性</p> <blockquote> <p>src <br>要播放视频的地址<br></p> <blockquote> <pre><code><embed src="地址.mp3"> <br> </code></pre> </blockquote> </blockquote> </blockquote> <blockquote> <blockquote> <p>height<br> 元素的高度<br></p> <blockquote> <pre><code><height=200> </code></pre> </blockquote> </blockquote> <blockquote> <p>width <br>元素的宽度<br></p> <blockquote> <pre><code><width=200> </code></pre> </blockquote> </blockquote> </blockquote> <blockquote> <blockquote> <p>autoplay <br>一个布尔属性,制定是否在网页加载完毕后立即播放视频<br></p> <blockquote> <pre><code><embed src="**" autostart=true>(自动播放) <embed src="**" autostart=false>(手动播放) </code></pre> </blockquote> </blockquote> <blockquote> <p>loop<br>一个布尔属性,如果包含它,将循环播放视频(到达末尾后重新播放,直至手动暂停)<br></p> <blockquote> <pre><code><loop="ture">(自动循环) </code></pre> </blockquote> </blockquote> <blockquote> <p>preload<br>一个布尔属性,如果包含它,浏览器将在页面加载完毕后开始下载视频,为播放所好准备(指定了属性autoplay时,将忽略此属性的设置)<br></p> <blockquote> </blockquote> </blockquote> </blockquote> <blockquote> <blockquote> <p>controls <br>一个布尔属性,告诉浏览器是否提供视频播放控件<br></p> <blockquote> </blockquote> </blockquote> <blockquote> <p>poster <br>开始播放视频前显示的图像(封面)<br></p> <blockquote> </blockquote> </blockquote> <blockquote> <p>muted <br>一个布尔属性,如果包含它,视频将没有声音<br></p> <blockquote> </blockquote> </blockquote> </blockquote> </article> </div> </div> </div>  <div id="SOHUCS" sid="1179761065098006528"></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/1903873756976181248.htm" title="致现在的我与未来的我：编程长河中的摆渡手札" target="_blank">致现在的我与未来的我：编程长河中的摆渡手札</a> <span class="text-muted">星糖曙光</span> <a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF%E8%AF%AD%E8%A8%80%EF%BC%88node/1.htm">后端语言（node</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/vue%E7%AD%89%E7%AD%89%EF%BC%89/1.htm">vue等等）</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/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/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>致现在的我与未来的我：编程长河中的摆渡手札一、技术积累：从萤火微光到星河初现（约3000字）前端的启蒙：HTML/CSS与"所见即所得"的魔法“代码是诗，但诗未必能成为产品”，初学编程时，我如《禅与摩托车维修艺术》中追寻"良质"的探索者，在W3School的教程中笨拙地敲下第一行。记得仿写京东首页时，一个浮动布局的错位让我通宵调试，最终发现竟是未闭合的标签——这让我想起《代码大全》中的警示：“计算</div> </li> <li><a href="/article/1903792542579748864.htm" title="HTML--表格" target="_blank">HTML--表格</a> <span class="text-muted">MK-mm</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> <div>HTML表格一，语法表格的标签为,行的标签为,表项的标签为，可以用表示列或行的第一个单元格。格式为：标题表头1表头2...表头n表头表项1......表项n-1...快捷键：table>tr*个数>td*个数二，属性补充：设置表格背景图像，可用bgcolor或background属性，在标签内设置。三，不规则表格使用colspan和rowspan属性建立-跨行：单元格垂直方向合并，语法为单元格内容</div> </li> <li><a href="/article/1903774755211767808.htm" title="机器学习knnlearn1" target="_blank">机器学习knnlearn1</a> <span class="text-muted">XW-ABAP</span> <a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>importmatplotlib.pyplotaspltimportnumpyasnpimportoperator#定义一个函数用于创建数据集defcreateDataSet():#定义特征矩阵，每个元素是一个二维坐标点，代表不同策略数据点的坐标group=np.array([[20,3],[15,5],[18,1],[5,17],[2,15],[3,20]])#定义每个数据点对应的标签，用于区分</div> </li> <li><a href="/article/1903742714948677632.htm" title="深入理解 <；和 >；：HTML 实体转义的核心指南！！！" target="_blank">深入理解 <；和 >；：HTML 实体转义的核心指南！！！</a> <span class="text-muted">小丁学Java</span> <a class="tag" taget="_blank" href="/search/%E7%A7%AF%E7%B4%AF%E5%B0%8F%E7%9F%A5%E8%AF%86/1.htm">积累小知识</a><a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>️深入理解<和>：HTML实体转义的核心指南️在编程和文档编写中，符号无处不在，但它们也是引发语法错误、安全漏洞和渲染混乱的头号元凶！本文将聚焦<（小于号）和>（大于号）这两个HTML实体，解析它们的核心作用、使用场景及避坑技巧，助你写出更安全、更健壮的代码！一、❓为什么需要转义？1.符号冲突问题•HTML/XML标签冲突：是标签的起始和结束符（如）。若直接在文本中使用，解</div> </li> <li><a href="/article/1903722791329394688.htm" title="el-table保持多选框选中状态" target="_blank">el-table保持多选框选中状态</a> <span class="text-muted">稳住别慌</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/elementui/1.htm">elementui</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>往往我们在开发时勾选了几个多选框点击了按钮触发功能，会重新获取表格信息，这时勾选框也会被刷新。但在实际应用中使用者往往需要对勾选的列进一步操作，在这种情况下保持勾选框的状态会使得界面更加友好。解决方案：1.使用reserve-selection和row-key：//1、在标签添加:row-key="getRowKeys"//2、在type="selection"处添加:reserve-select</div> </li> <li><a href="/article/1903720643657003008.htm" title="uni-app 与webView 互相传值" target="_blank">uni-app 与webView 互相传值</a> <span class="text-muted">九亿少女无法触及的梦ى</span> <a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a> <div>uni-app向webView传值在uni-app传值有多种实现方式，主要推荐evalJS，次要webSorcket重点：1.webView要找到正确的children！如果页面中只有一个webView标签则直接可以currentWebview.children()[0]2.H5页面中的监听function必须写在全局，不要写在任何load事件中！//index.vueletcurrentWebv</div> </li> <li><a href="/article/1903717613729542144.htm" title="AtCoder备赛冲刺必刷题（C++） | 洛谷 AT_abc396_a Triple Four" target="_blank">AtCoder备赛冲刺必刷题（C++） | 洛谷 AT_abc396_a Triple Four</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/%E7%AE%97%E6%B3%95/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>本文分享的必刷题目是从蓝桥云课、洛谷、AcWing等知名刷题平台精心挑选而来，并结合各平台提供的算法标签和难度等级进行了系统分类。题目涵盖了从基础到进阶的多种算法和数据结构，旨在为不同阶段的编程学习者提供一条清晰、平稳的学习提升路径。欢迎大家订阅我的专栏：算法题解：C++与Python实现！附上汇总贴：算法竞赛备考冲刺必刷题（C++）|汇总【题目来源】洛谷：AT_abc396_a[ABC396A]</div> </li> <li><a href="/article/1903710791920578560.htm" title="【Rust日报】 2020-02-17 WASM向量图形 --wasm_svg_graphics 0.3.0" target="_blank">【Rust日报】 2020-02-17 WASM向量图形 --wasm_svg_graphics 0.3.0</a> <span class="text-muted">Rust语言中文社区</span> <div>WASM向量图形--wasm_svg_graphics0.3.0一个用于通过WASM渲染SVG图形的Rust库它提供了快速有效的方法，可以使用WebAssembly与SVG进行交互。它能够：声明形状和样式以用于这些形状使用SVG标签将这些形状渲染到DOM自动检测两个形状是否相同，因此只有一个SVG将添加到DOM中声明已命名的项目/容器，以便以后进行例如隐藏，重新显示和重新放置之类的调整。声明开发团</div> </li> <li><a href="/article/1903702937843068928.htm" title="docker 将本地镜像打tag并推送到dockerhub" target="_blank">docker 将本地镜像打tag并推送到dockerhub</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/dockerdockerhub/1.htm">dockerdockerhub</a> <div>给本地打镜像打tagdockertag:/::是你的本地镜像名称和标签，是你的DockerHub用户名，:是你要推送的镜像在DockerHub上的仓库名称和标签。dockerpush/:示例如下：dockertaglanxing/php74-swoole:4.8.11893687090/php74-swoole:4.8.11dockertaglanxing/php82-swoole:5.1.189</div> </li> <li><a href="/article/1903638681202257920.htm" title="360 最新Android面试题及参考答案" target="_blank">360 最新Android面试题及参考答案</a> <span class="text-muted">大模型大数据攻城狮</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%8D%93%E9%9D%A2%E7%BB%8F/1.htm">安卓面经</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%8D%93%E9%9D%A2%E8%AF%95/1.htm">安卓面试</a><a class="tag" taget="_blank" href="/search/dex%E7%BB%93%E6%9E%84/1.htm">dex结构</a><a class="tag" taget="_blank" href="/search/hook%E6%8A%80%E6%9C%AF/1.htm">hook技术</a><a class="tag" taget="_blank" href="/search/Binder/1.htm">Binder</a><a class="tag" taget="_blank" href="/search/aosp/1.htm">aosp</a> <div>一个activity只能有一个进程么【对进程的理解】在Android中，一个Activity并不只能有一个进程。进程是操作系统进行资源分配和调度的一个独立单位。从原理上来说，Android系统允许开发者通过在AndroidManifest.xml文件中的标签设置android:process属性，来指定Activity运行在不同的进程中。例如，如果有一个对性能要求很高的多媒体播放Activity，</div> </li> <li><a href="/article/1903630995484110848.htm" title="景联文科技提供高质量文本标注服务，驱动AI技术发展" target="_blank">景联文科技提供高质量文本标注服务，驱动AI技术发展</a> <span class="text-muted">景联文科技</span> <a class="tag" taget="_blank" href="/search/%E7%A7%91%E6%8A%80/1.htm">科技</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>文本标注是指在原始文本数据上添加标签的过程，这些标签可以用来指示特定的实体、关系、事件等信息，以帮助计算机理解和处理这些数据。文本标注是自然语言处理（NLP）领域的一个重要环节，它通过为文本的不同部分提供具体的含义和上下文信息，增强机器学习和深度学习模型对文本内容的理解能力。标注类型情感分析情感极性：确定文本表达的情感倾向，如正面、负面或中立。强度评估：衡量情感的强烈程度，从轻微到极端不等。命名实</div> </li> <li><a href="/article/1903613591953666048.htm" title="Java进阶面试速记" target="_blank">Java进阶面试速记</a> <span class="text-muted">登陆成功200</span> <a class="tag" taget="_blank" href="/search/JAVA%E8%BF%9B%E9%98%B6/1.htm">JAVA进阶</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/java/1.htm">java</a> <div>注解注解@Override类似一个标签,作用在方法上,表示此方法是从父类中重写而来注解是java中的标注方式,可以最用在类,方法,变量,参数成员上在编译期间,会被编译到字节码文件中,运行时通过反射机制获得注解内容,进行解析.内置注解java中内定好的注解例如@Override@Deprecated-标记过时方法。如果使用该方法，会报编译警告。@SuppressWarnings-指示编译器去忽略注解</div> </li> <li><a href="/article/1903582422226759680.htm" title="C++ XML文件和解析" target="_blank">C++ XML文件和解析</a> <span class="text-muted">RangoLei_Lzs</span> <a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a> <div>XML（可扩展标记语言）是一种用于存储和传输数据的标记语言。它具有自描述性和平台无关性的特点。XML文档的格式主要由一组嵌套的元素和属性构成，结构清晰，易于理解和解析。XML文档的基本格式一个XML文档通常包括以下部分：XML声明：标识文档和版本信息。根元素：整个XML文档只能有一个根元素，所有其他元素必须嵌套在根元素内。元素：具有开始标签和结束标签，可以嵌套其他元素。属性：为元素提供额外的信息。</div> </li> <li><a href="/article/1903573836582940672.htm" title="Git使用从入门到入土收藏吃灰系列 (十三) git stash、git check-pick、git tag、git diff" target="_blank">Git使用从入门到入土收藏吃灰系列 (十三) git stash、git check-pick、git tag、git diff</a> <span class="text-muted">张时贰</span> <a class="tag" taget="_blank" href="/search/Git/1.htm">Git</a><a class="tag" taget="_blank" href="/search/%26amp%3B/1.htm">&</a><a class="tag" taget="_blank" href="/search/%E5%8E%9F%E7%90%86/1.htm">原理</a><a class="tag" taget="_blank" href="/search/%26amp%3B/1.htm">&</a><a class="tag" taget="_blank" href="/search/%E6%8C%87%E4%BB%A4/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/git/1.htm">git</a><a class="tag" taget="_blank" href="/search/github/1.htm">github</a> <div>文章目录一、前言二、gitstash存储到堆栈三、Gittag标签四、gitcherry-pick挑选合并五、gitdiff本节速览gitstash堆栈gittag标签gitcherry-pick挑选合并gitdiff比较信息差异本节开始都是一些不怎么用的命令,或者一些使用技巧,了解即可一、前言参考安装Git详细安装教程参考视频B站Git最新教程通俗易懂，这个有点长，感觉讲的精华不多参考视频『Gi</div> </li> <li><a href="/article/1903546579323777024.htm" title="判断html标签是否存在,jquery怎么判断标签元素是否存在？" target="_blank">判断html标签是否存在,jquery怎么判断标签元素是否存在？</a> <span class="text-muted">BugHunter666</span> <a class="tag" taget="_blank" href="/search/%E5%88%A4%E6%96%ADhtml%E6%A0%87%E7%AD%BE%E6%98%AF%E5%90%A6%E5%AD%98%E5%9C%A8/1.htm">判断html标签是否存在</a> <div>jquery怎么判断标签元素是否存在？下面本篇文章给大家介绍一下在jquery中判断页面标签元素是否存在的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。jquery判断页面标签元素是否存在在传统的Javascript里，当我们对某个页面元素进行某种操作前，最好先判断这个元素是否存在。原因是对一个不存在的元素进行操作是不允许的。例如：document.getElementBy</div> </li> <li><a href="/article/1903517184743763968.htm" title="【蓝桥杯】真题 2386染色时间（优先队列BFS）" target="_blank">【蓝桥杯】真题 2386染色时间（优先队列BFS）</a> <span class="text-muted">遥感小萌新</span> <a class="tag" taget="_blank" href="/search/%E8%93%9D%E6%A1%A5%E6%9D%AF/1.htm">蓝桥杯</a><a class="tag" taget="_blank" href="/search/%E8%93%9D%E6%A1%A5%E6%9D%AF/1.htm">蓝桥杯</a><a class="tag" taget="_blank" href="/search/%E5%AE%BD%E5%BA%A6%E4%BC%98%E5%85%88/1.htm">宽度优先</a><a class="tag" taget="_blank" href="/search/%E8%81%8C%E5%9C%BA%E5%92%8C%E5%8F%91%E5%B1%95/1.htm">职场和发展</a> <div>思路这里每一个格子染色多了时间这一层限制，相当于图的每一边有了权重的限制，那么我们就不能直接用双向队列求最短路。而是使用优先队列。规则是这样的：每一个节点可以多次入队，但是只有第一次出队有效。所以这次我们不会在加入队列时更改标签vis，而是在出队时更改标签。如果在出队时发现vis已经更改，这说明这个元素以前出过队列（不是第一次出队），则直接continuecode我们额外设置两个数组，vis标签数</div> </li> <li><a href="/article/1903501176851197952.htm" title="【LetMeFly】牛客-美团暑期2025-20250322-前两题和第三题的思路" target="_blank">【LetMeFly】牛客-美团暑期2025-20250322-前两题和第三题的思路</a> <span class="text-muted">Tisfy</span> <a class="tag" taget="_blank" href="/search/%E9%A2%98%E8%A7%A3/1.htm">题解</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E7%89%9B%E5%AE%A2NowCoder/1.htm">牛客NowCoder</a><a class="tag" taget="_blank" href="/search/%E9%A2%98%E8%A7%A3/1.htm">题解</a><a class="tag" taget="_blank" href="/search/%E7%89%9B%E5%AE%A2/1.htm">牛客</a><a class="tag" taget="_blank" href="/search/%E7%BE%8E%E5%9B%A2/1.htm">美团</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AF%95/1.htm">笔试</a><a class="tag" taget="_blank" href="/search/%E5%AD%97%E7%AC%A6%E4%B8%B2/1.htm">字符串</a><a class="tag" taget="_blank" href="/search/%E5%9B%9E%E6%96%87/1.htm">回文</a><a class="tag" taget="_blank" href="/search/%E6%9A%B4%E5%8A%9B/1.htm">暴力</a> <div>【LetMeFly】牛客-美团暑期2025-20250322-前两题和第三题的思路第三题刚开始想复杂了，后面想到了个思路但是没来得及实现。一：对称回文串标签：回文串题目描述判断一个字符串有多少个长度大于1的对称回文子串。一个字符串为对称回文串当且仅当：该字符串为回文串该字符串只由字母AHIMOTUVWXY组成数据范围：字符串长度不超过100100100解题思路O(n2)O(n^2)O(n2)枚举每</div> </li> <li><a href="/article/1903456049424297984.htm" title="05.列表标签" target="_blank">05.列表标签</a> <span class="text-muted">龙哥带你学编程</span> <a class="tag" taget="_blank" href="/search/%23/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> <div>一、列表简介列表是网页中最常用的一种数据排列方式。有序列表：有先后顺序之分无序列表：无先后顺序之分定义列表：带有特殊含义的列表二、有序列表1、语法格式有序列表中的各个列表项是有顺序的…列表项列表项注意：ol和li是配合一起使用的，不可以单独使用；ol的子标签只能是li标签，不能是其他标签。2、基本特征有序列表是由有顺序的列表项组成的有序列表一般采用数字或字母作为顺序，默认采用数字顺序是块元素独占一</div> </li> <li><a href="/article/1903450503820406784.htm" title="CSP-J备考冲刺必刷题（C++） | AcWing 1253 家谱" target="_blank">CSP-J备考冲刺必刷题（C++） | AcWing 1253 家谱</a> <span class="text-muted">热爱编程的通信人</span> <a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>本文分享的必刷题目是从蓝桥云课、洛谷、AcWing等知名刷题平台精心挑选而来，并结合各平台提供的算法标签和难度等级进行了系统分类。题目涵盖了从基础到进阶的多种算法和数据结构，旨在为不同阶段的编程学习者提供一条清晰、平稳的学习提升路径。欢迎大家订阅我的专栏：算法题解：C++与Python实现！附上汇总贴：算法竞赛备考冲刺必刷题（C++）|汇总【题目来源】Acwing：1253.家谱-AcWing题库</div> </li> <li><a href="/article/1903431595373686784.htm" title="学习111" target="_blank">学习111</a> <span class="text-muted">麋鹿叔叔</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>项目名称项目简介主要功能技术原理GitHub地址browser-use智能浏览器工具，让AI像人类一样操作浏览器，实现网页自动化网页浏览与操作、多标签页管理、视觉识别与内容提取、操作记录与重复执行、自定义动作支持、主流LLM模型支持为大语言模型服务的创新Python工具库GitHubEkoFellouAI推出的生产就绪型JavaScript框架，基于自然语言驱动创建智能代理支持所有平台，提供统一便</div> </li> <li><a href="/article/1903408274821148672.htm" title="单页响应式图片懒加载HTML页面" target="_blank">单页响应式图片懒加载HTML页面</a> <span class="text-muted">Wiktok</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</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>设计说明响应式设计：使用CSSGrid布局，根据屏幕宽度自动调整色块数量在不同设备上都有良好的显示效果懒加载：使用标签的loading="lazy"属性实现原生懒加载图片在滚动到视口附近时才会加载色块展示：使用随机生成的色块作为内容展示每个色块都有独特的颜色和编号色块有悬停效果和阴影效果分类展示：将色块分为自然风光、城市建筑和抽象艺术三类每类都有独立的标题和网格布局响应式懒加载页面*{margin</div> </li> <li><a href="/article/1903393387889881088.htm" title="发现一个好用的Vue.js内置组件" target="_blank">发现一个好用的Vue.js内置组件</a> <span class="text-muted">兴趣广泛的程序猿</span> <a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/uniapp/1.htm">uniapp</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</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> <div>目录一、这个好用的内置组件是什么？二、这个组件的主要功能三、怎么使用？四、使用注意事项五、我的使用场景一、这个好用的内置组件是什么？今天在优化我的平台应用时，发现一个好用的组件标签--。是Vue.js中的一个内置组件，它的主要作用是缓存动态组件实例，避免它们在切换时被销毁和重新创建。这对于需要保留组件状态（例如表单输入、滚动位置等）的应用场景特别有用。通过使用，可以显著提升用户体验，因为不需要每次</div> </li> <li><a href="/article/1903379388280401920.htm" title="HTML5前端第七章节" target="_blank">HTML5前端第七章节</a> <span class="text-muted">NaZiMeKiY</span> <a class="tag" taget="_blank" href="/search/HTML5/1.htm">HTML5</a><a class="tag" taget="_blank" href="/search/1024%E7%A8%8B%E5%BA%8F%E5%91%98%E8%8A%82/1.htm">1024程序员节</a> <div>本章节为前端网页页面实战，包含我们之前所学的全部内容一.创建项目目录1.网站根目录：网站根目录指的是存放网站的第一层文件夹，内部包含当前网站的所有素材，包含HTML，CSS，需要的素材图片等等2.根目录之下的文件夹（1）.images文件夹：存放固定使用的图片素材（2）.uploads文件夹：存放非固定使用的图片素材（3）.CSS文件夹：存放CSS文件（使用link标签引入）在CSS文件夹中又分为</div> </li> <li><a href="/article/1903338159094165504.htm" title="【集成学习】：Stacking原理以及Python代码实现" target="_blank">【集成学习】：Stacking原理以及Python代码实现</a> <span class="text-muted">Geeksongs</span> <a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</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/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>Stacking集成学习在各类机器学习竞赛当中得到了广泛的应用，尤其是在结构化的机器学习竞赛当中表现非常好。今天我们就来介绍下stacking这个在机器学习模型融合当中的大杀器的原理。并在博文的后面附有相关代码实现。总体来说，stacking集成算法主要是一种基于“标签”的学习，有以下的特点：用法：模型利用交叉验证，对训练集进行预测，从而实现二次学习优点：可以结合不同的模型缺点：增加了时间开销，容</div> </li> <li><a href="/article/1903313427376435200.htm" title="WPF 控件保存图片显示不全的问题，和后台代码添加控件不能显示的问题" target="_blank">WPF 控件保存图片显示不全的问题，和后台代码添加控件不能显示的问题</a> <span class="text-muted">lijiaweizuishuai</span> <a class="tag" taget="_blank" href="/search/WPF/1.htm">WPF</a><a class="tag" taget="_blank" href="/search/WPF/1.htm">WPF</a><a class="tag" taget="_blank" href="/search/%E6%8E%A7%E4%BB%B6%E6%88%AA%E5%9B%BE/1.htm">控件截图</a> <div>这几天研究自动生成货物标签，想着在WPF中做一个自定义标签生成控件，然后点击那个标签控件生成打印，本来是个挺简单的功能，WPF控件保存图片有现成的API方法。没想到是个坑。现在把他填一下有两种解决方案1、https://blog.csdn.net/u012366767/article/details/81461432这是一种还有一种是我发现当一个控件想生成图片的时候是根据当前图片上层最近的一个Pa</div> </li> <li><a href="/article/1903305352535928832.htm" title="matplotlib使用大字体，粗线" target="_blank">matplotlib使用大字体，粗线</a> <span class="text-muted">weixin_34254823</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>2019独角兽企业重金招聘Python工程师标准>>>matplotlib在绘图时缺省的字体和线条都有些细，所以需要加粗一下importmatplotlib.pyplotaspltdefuseLargeSize(axis,marker_lines=None,fontsize='xx-large',fontproperties=None):'''将X,Y坐标轴的标签、刻度以及legend都使用大字体</div> </li> <li><a href="/article/1903235961484013568.htm" title="MyBatis学习：基本使用" target="_blank">MyBatis学习：基本使用</a> <span class="text-muted">Landy_Jay</span> <a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>学习之前：MyBatis是一款优秀的持久层框架，它支持自定义SQL、存储过程以及高级映射。MyBatis免除了几乎所有的JDBC代码以及设置参数和获取结果集的工作。2.1向SQL语句传参2.1.1mybatis日志输出配置MyBatis配置文件详解：官方文档：mybatis–MyBatis3|简介标签：用于选择MyBatis配置环境的标签，如开发、测试和生产环境需要不同的配置。更换环境，只需更开标</div> </li> <li><a href="/article/1903202408071229440.htm" title="VUE中的组件加载方式" target="_blank">VUE中的组件加载方式</a> <span class="text-muted">catino</span> <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> <div>加载方式有哪些，及如何进行选择常规的静态引入是在组件初始化时就加载所有依赖的组件，而懒加载则是等到组件需要被渲染的时候才加载。对于大型应用，可能会有很多组件，如果一开始都加载，可能会影响首屏加载时间。如果某些组件在首屏不需要，比如弹窗或者标签页里的内容，那么懒加载会更好，减少初始加载时间，实现时使用动态导入和异步组件，同时注意处理加载状态和错误处理。。反之，如果组件在页面初始化时就必须显示，那么静</div> </li> <li><a href="/article/1903202152705224704.htm" title="uni-app 设置背景图在手机中无效" target="_blank">uni-app 设置背景图在手机中无效</a> <span class="text-muted">catino</span> <a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a> <div>如下写法在微信开发者工具中显示正常，但在真机调试下，手机端背景图并未显示内容文字exportdefault{data(){return{imageBgURL:'../../static/imageBg.png'};}}解决方案如下：1，将图片转为base64编码2，将图片文件上传至服务器，使用网络地址3，使用image标签替代，如文本内容.textBg{height:114rpx;width:62</div> </li> <li><a href="/article/1903162658169876480.htm" title="html5 图像标签" target="_blank">html5 图像标签</a> <span class="text-muted">不负韶华ღ</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%2B/1.htm">+</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/%2B/1.htm">+</a><a class="tag" taget="_blank" href="/search/js/1.htm">js</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> <div>HTML网页中任何元素的实现都要依靠HTML标签，要想在网页中显示图像就需要使用图像标签。1、：图像嵌入HTML元素将一份图像嵌入文档。src属性用于指定图像文件的路径和文件名，是标签的必需属性。alt属性包含一条对图像的文本描述，这不是强制性的，但对无障碍而言，它难以置信地有用——屏幕阅读器会将这些描述读给需要使用阅读器的使用者听，让他们知道图像的含义。如果由于某种原因无法加载图像，普通浏览器也</div> </li> <li><a href="/article/50.htm" title="java封装继承多态等" target="_blank">java封装继承多态等</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/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/encapsulatopn/1.htm">encapsulatopn</a> <div> 最近一段时间看了很多的视频却忘记总结了，现在只能想到什么写什么了，希望能起到一个回忆巩固的作用。 1、final关键字译为：最终的 &</div> </li> <li><a href="/article/177.htm" title="F5与集群的区别" target="_blank">F5与集群的区别</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/weblogic/1.htm">weblogic</a><a class="tag" taget="_blank" href="/search/%E9%9B%86%E7%BE%A4/1.htm">集群</a><a class="tag" taget="_blank" href="/search/F5/1.htm">F5</a> <div> http请求配置不是通过集群，而是F5；集群是weblogic容器的，如果是ejb接口是通过集群。 F5同集群的差别，主要还是会话复制的问题，F5一把是分发http请求用的，因为http都是无状态的服务，无需关注会话问题，类似</div> </li> <li><a href="/article/304.htm" title="LeetCode[Math] - #7 Reverse Integer" target="_blank">LeetCode[Math] - #7 Reverse Integer</a> <span class="text-muted">Cwind</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E9%A2%98%E8%A7%A3/1.htm">题解</a><a class="tag" taget="_blank" href="/search/Math/1.htm">Math</a><a class="tag" taget="_blank" href="/search/LeetCode/1.htm">LeetCode</a><a class="tag" taget="_blank" href="/search/Algorithm/1.htm">Algorithm</a> <div>原题链接：#7 Reverse Integer 要求：按位反转输入的数字例1：输入 x = 123, 返回 321 例2：输入 x = -123, 返回 -321 难度：简单分析：对于一般情况，首先保存输入数字的符号，然后每次取输入的末位（x%10）作为输出的高位（result = result*10 + x%10）即可。但</div> </li> <li><a href="/article/431.htm" title="BufferedOutputStream" target="_blank">BufferedOutputStream</a> <span class="text-muted">周凡杨</span> <div> 首先说一下这个大批量，是指有上千万的数据量。例子：有一张短信历史表，其数据有上千万条数据，要进行数据备份到文本文件，就是执行如下SQL然后将结果集写入到文件中！ select t.msisd</div> </li> <li><a href="/article/558.htm" title="linux下模拟按键输入和鼠标" target="_blank">linux下模拟按键输入和鼠标</a> <span class="text-muted">被触发</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>查看/dev/input/eventX是什么类型的事件， cat /proc/bus/input/devices 设备有着自己特殊的按键键码，我需要将一些标准的按键，比如0－9，X－Z等模拟成标准按键，比如KEY_0,KEY-Z等，所以需要用到按键模拟，具体方法就是操作/dev/input/event1文件，向它写入个input_event结构体就可以模拟按键的输入了。 linux/in</div> </li> <li><a href="/article/685.htm" title="ContentProvider初体验" target="_blank">ContentProvider初体验</a> <span class="text-muted">肆无忌惮_</span> <a class="tag" taget="_blank" href="/search/ContentProvider/1.htm">ContentProvider</a> <div>ContentProvider在安卓开发中非常重要。与Activity，Service，BroadcastReceiver并称安卓组件四大天王。在android中的作用是用来对外共享数据。因为安卓程序的数据库文件存放在data/data/packagename里面，这里面的文件默认都是私有的，别的程序无法访问。如果QQ游戏想访问手机QQ的帐号信息一键登录，那么就需要使用内容提供者COnte</div> </li> <li><a href="/article/812.htm" title="关于Spring MVC项目（maven）中通过fileupload上传文件" target="_blank">关于Spring MVC项目（maven）中通过fileupload上传文件</a> <span class="text-muted">843977358</span> <a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/spring+mvc/1.htm">spring mvc</a><a class="tag" taget="_blank" href="/search/%E4%BF%AE%E6%94%B9%E5%A4%B4%E5%83%8F/1.htm">修改头像</a><a class="tag" taget="_blank" href="/search/%E4%B8%8A%E4%BC%A0%E6%96%87%E4%BB%B6/1.htm">上传文件</a><a class="tag" taget="_blank" href="/search/upload/1.htm">upload</a> <div>Spring MVC 中通过fileupload上传文件，其中项目使用maven管理。 1.上传文件首先需要的是导入相关支持jar包：commons-fileupload.jar,commons-io.jar 因为我是用的maven管理项目，所以要在pom文件中配置（每个人的jar包位置根据实际情况定）  </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>