洁洁！

【web前端】web前端设计入门到实战第二弹——面试题总结+答案

这里写目录标题

一、选择题
二、填空题

一、选择题

1、表格的主要作用是（ B ）。

A.网页排版布局
B.显示数据
C.处理图像
D.优化网站

2、如果表格的边框不显示，应设置border的值为（ B ）。

A.1
B.0
C.2
D.3

3、定义单元格的是（A ）。

A.<td>td>                B.<tr>tr>    
C.<table>table>    D.<caption>caption>

4、为了解决浏览器对视频格式的兼容情况，可以使用（ A ）标签为同一个每天数据指定多个播放格式与编码方式。

A.<source>  
B.<audio>    
C.<video>    
D.<track>

5、在下面的标签中，（ A ）是通用标签。

A.<span>     
B.<p>    
C.<ol>    
D.<pre>

6、WEB使用（ D ）在服务器和客户端之间传输数据

A.FTP
B.Telnet
C.E-mail
D.HTTP

7、HTTP服务默认的端口号是（ D ）。

A.20
B.21
C.25
D.80

8、HTML是一种标记语言，由（ C ）解释执行。

A.WEB服务器
B.操作系统
C.WEB浏览器
D.不需要解释

9、目前的WEB标准不包括（ D ）。

A.结构标准
B.表现标准
C.行为标准
D.动态网页

10、下面正确的URL地址是（ C ）。

A.Get://www.solt.com/about.html
B.ftp://tsinghua.edu.cn
C.http://www.tsinghua.edu.cn
D.http://www.bhu.edu.cn

11、下列有关网页中图像的说法不正确的是（ C ）。

A.网页中的图像并不与网页保存在同一个文件中，每个图像单独保存
B.HTML5图像标签可以描述图像的位置、大小等属性
C.HTML5图像标签可以直接描述图像上的像素
D.图像可以作为超链接的起始对象

12、在以下标签中，主要用来创建视频和Flash的是（ B ）。

A.<object>                
 B.<embed>
C.<form>                    
D.<marquee>

13、在下面的颜色值中，（ D ）是正确的颜色值。

A.&FF0000
B.#FFHH00
C.#FF00GG
D.#FFBB00

14、在HTML5文档中，使用（ C ）标签标记定义列表。

A.<ol>                 
B.<ul>
C.<dl>                 
D.<list>

15、在下面的标签中，（C ）是HTML5新增的标签。

A.<br>
B.<break>
C.<header>
D.<head>

16．关于Web开发核心技术的描述，不正确的是（ A ）。

A. HTML文件中只能写HTML代码，不能添加CSS代码或JavaScript代码。
B. 设置网页样式时，可以通过引入CSS文件，也可以将CSS代码写在HTML中。
C. JavaScript文件的后缀名只能是.js
D. A、B、C都不正确

17．HTML文档的树状结构中，（ A ）标签为文档的根节点，位于结构中的最顶层。

A.  <HTML>                         
B.  <HEAD>
C.  <BODY>                        
D.  <TITLE>

18．关于网站首页制作的说法错误的是（ D ）。

A．首页的文件名称可以是index.htm或index.html。
B．可以使用排版表格和排版单元格来进行定位网页元素。
C．可以使用表格对网页进行定位。
D．在首页中我们不可以使用css样式来定义风格。

19．下面说法正确的是（ D ）。

A．在制作网页时，为了少建立文件夹，应该吧所有的HTML代码，CSS代码和JavaScript代码都写在HTML文件中。
B．编写时没必要加注释，写注释是多此一举。
C．为文件命名时，可以随便命名，不需要做到“见名知意”
D．A、B、C都不对。

20．下面哪个软件不是用于编写HTML5程序代码（ A ）。

A．Dreamweaver
B．Visual studio
C．EditPlus
D．WebStorm

21、在HTML5文档中，超链接的基本形式是（ B ）。

A.<a link=“URL”>a>
B.<a href=“URL”>a>
C.<a URL=“URL”>a>
D.<a http=“URL”>a>

22、（ A ）是空格字符实体。

A.
B.&1t
C.>
D.©

23、在HTML5中，列表不包括（ D ）。

A.无序列表
B.有序列表
C.定义列表
D.公用列表

24、以下代码片段完全符合HTML5语法标准的是（ C ）。

A.<br>                    
B.<p>这是一个段落
C.<div>div>     
D.<hr>

25．

和标签说法不正确的是（ D ）。

A．

标签是块级元素
B．标签是内联元素
C．都可以添加文字
D．没有区别

26．关于链接标签的说法不正确的是（ C ）

A．标签里可以是文字也可以是图片
B．通过href属性添加目标链接地址
C．通过target属性添加目标链接地址
D．以上说法都不正确。

27．下列标签书写正确的是（ D ）。

A.  <p/>      
B.  <img>img>       
C.  <span>       
D.  <div>div>

28．下列不是标签的HTML属性的是（ B ）。

A．src
B．href
C．alt
D．title

29．在网页中添加一个链接，并要求在新窗口打开链接，下列代码正确的是（ A ）。

A．<a href=”link.html” target=”_blank”>友情链接a>
B．<a href=”link.html” target=”_parent”>友情链接a>
C．<a href=”link.html” target=”_self”>友情链接a>
D．<a href=”link.html” target=”_top”>友情链接a>。

30．对于下面代码解读不正确的是（ C ）。

<img src=”pic.png” alt=”我的头像” title=”my head” width=”50px”>

A．该图片在网页中显示的宽度是50像素，高度按比例放大或缩小。
B．图片的路径是“img.png”。
C．鼠标悬停在图片上时，鼠标附近会显示图片信息“我的头像”
D．当图片无法正常显示时，图片位置会显示内容“我的头像”

31、关于HTML5的基本语法，下列说服错误的是（ B ）

A.在文档开始要定义文档的类型
B.元素允许交叉嵌套
C.空标签最好加“/”来关闭
D.属性值建议用“”括起来

32、的作用是（ A ）。

A.用来定义文档类型
B.用来声明命名空间
C.用来向搜索引擎声明网站关键字
D.用来向搜索引擎声明网站作者

33、（ B ）标签是文件头的开始。

A.<html>               
B.<head>  
C.<font>              
D.<frameset>

34．关于超链接下面说法正确的是（ C ）。

A．链接地址只能使用绝对地址
B．链接地址只能使用相对地址
C．链接地址绝对地址和相对地址都可以使用
D．以上说法都不正确

35．关于HTML5文件结构，下列说法正确的是（ C ）

A．标签中的所有内容都会显示在网页中。
B．标签</code>用于定义网页标题，该标签中的内容不会显示在网页的最上方。 C．<code><body>标签</code>中的内容为网页主体。 D．A、B、C都对 <blockquote> 36．设置<code><a></code>标签的目标链接地址的属性为（ B ）。 </blockquote> A．src B．href C．target D．to <blockquote> 37．为网页添加视频可以通过以下哪个标签（ B ）。 </blockquote> <pre><code class="prism language-html">A．<audio> B．<video> C．<meta> D．A、B、C都可以 </code></pre> <blockquote> 38．为网页添加音频可以通过以下哪个标签（ A ）。 </blockquote> <pre><code class="prism language-html">A．<audio> B．<video> C．<meta> D．A、B、C都可以 </code></pre> <blockquote> 39．如果要设置页面加载完毕后立即播放视频，应该在标签中设置什么属性（ C ）。 </blockquote> A．loop B．play C．autoplay D．controls <blockquote> 40．如果要添加音频工具栏，则应该通过什么属性（ B ）。 </blockquote> A．loop B．controls C．autoplay D．width <blockquote> 41．下面那个标签中不能插入文字（ A ）。 </blockquote> <pre><code class="prism language-html">A．<img> B．<div> C．<span> D．<p> </code></pre> <blockquote> 42．使用<code><img>标</code>签在网页中成功地添加一张图片，必不可少的属性是（ C ）。 </blockquote> A．alt B．title C．src D．width <blockquote> 43．关于<code> 和<hr>标签</code>说法不正确的是（ D ）。 </blockquote> A．都是单标签 B．<code> </code>标签用于换行显示内容 C．<code><hr></code>标签合一在网页中添加一条水平线 D．<code> </code>标签与<code></code>标签的作用相同，都是换行 <blockquote> 44．下列说法错误的是（ C ）。 </blockquote> A. <code><ul></code>是无序列表标签 B. <code><dl></code>是定义列表标签 C. <code><ul>和<ol></code>都是块级元素 D. 列表标签只有有序列表、无序列表和定义列表这三种。 <blockquote> 45．下面有关定义列表的说法中，正确的是（ B ）。 </blockquote> A．在<code><dl></dl></code>中直接输入内容就可以 B．在<code><dt></dt></code>中输入定义的内容，在<code><dd></dd></code>中输入解释的内容 C．在<<code>dt></dt></code>中输入解释的内容，在<<code>dd></dd></code>中输入定义的内容 D．在<code><dt></dt></code>和<code><dd></dd></code>是唯一且一一对应的。 <blockquote> 46．关于列表下列说法错误的是（ D ） </blockquote> A．常见的列表有有序列表、无序列表和定义列表 B．有序列表的列表项目之间排列是有顺序的 C．无序列表的列表项目之间排列是没有顺序的 D．列表之间不可以嵌套使用 <blockquote> 47．关于HTML中的表格，下列说法错误的是（ C ）。 </blockquote> A．表格标签是<code><table></code> B．在表格标签中通过width和height属性可以设置表格大小 C．在表格标签中直接添加可以<<code>td></code>单元格标签 D．表格标签中可以通过bgcolor添加设置表格的背景颜色 <blockquote> 48．跨行合并表格的HTML代码为（ D ）。 </blockquote> <pre><code class="prism language-html">A．<tr colspan=”3”> B．<tr rospan=”3”> C．<td colspan=”3”> D．<td rowspan=”3”> </code></pre> <blockquote> 48．对下列代码描述不正确的是（ B ）。 </blockquote> <pre><code class="prism language-html"><video src=”a.mp4”>请更新您的浏览器</video> </code></pre> A．上面面代码可以在网页中插入一段视频 B．上面代码可以在网页中插入一段音频 C．当浏览器不支持播放视频时，浏览器中就会显示文字“请更新您的浏览器” D．”a.mp4”是视频的路径 <blockquote> 50．关于定义列表标签说法错误的是（ B ）。 </blockquote> A．定义列表是一个包含两个层次的列表 B．定义列表中一个<code><dd></code>标签可以对应多个<code><dt></code>标签 C．定义列表标签是<code><dl></code>标签 D．定义列表中一个<code><dt></code>标签可以对应多个<code><dd></code>标签 <blockquote> 51．下面四种标签哪种写法不正确（ A ）。 </blockquote> <pre><code class="prism language-html">A．<html></html> B．<Html></Html> C．<HTML></HTML> D．<html><html/> </code></pre> <blockquote> 52．Web开发的主要技术不包括以下哪个（ C ）。 </blockquote> A．HTML B．JavaScript C．Java D．CSS <blockquote> 53．关于HTML描述不正确的是（ A ）。 </blockquote> A．HTML5是一种文件 B．HTML5是纯文本类型的语言 C．HTML是一种网页控制技术 D．A、B、C都对 <blockquote> 54．编写网页的过程中，下面那种注释不正确（ C ）。 </blockquote> <pre><code class="prism language-html">A． B．//注释 C．<**注释**> D．/*注释*/ </code></pre> <blockquote> 55．下列说法正确的是（ B ）。 </blockquote> A．有序列表中，type属性可以设置其序号类型 B．无序列表中，type属性可以设置项目符号 C．CSS中可以通过list-style-image自定义列表项的图标 D．A、B、C都对 <blockquote> 56．下面代码的运行结果，说法正确的是（ B ）。 </blockquote> <pre><code class="prism language-html"><ul> <li>苹果</li> <li>香蕉</li> <li>橘子</li> </ul> </code></pre> A.是有序列表 B.是无序列表 C.是定义列表 D.都不正确 <blockquote> 57．下列关于有序列表和无序列表的说法正确的是（ C ） </blockquote> A．有序列表标签是<code><ul></code> B．无序列表标签是<code><ol></code> C．无序列表和有序列表中添加列表项都需要使用<code><li></code>标签 D．有序列表的每一项前面有列表项符号，而无序列表的每一项前面是排序的序号 <h2>二、填空题</h2> 1．阅读以下代码： <pre><code class="prism language-html"><h2>学习用品</h2> <ul> <li>钢笔</li> <li>笔记本</li> <li>书</li> <li>文具盒</li> </ul> <h2>水果分类</h2> <ol> <li>苹果</li> <li>香蕉</li> <li>橘子</li> <li>梨</li> </ol> </code></pre> “学习用品”部分使用的列表为__无序列表_________， “水果分类”使用的列表为__有序列表_________ 2．下列代码中，"images/banner1.jpg"是图片的____路径_______， "491"和 "824"表示图片的_____高度______和________宽度___。 <pre><code class="prism language-html"><img src="images/banner1.jpg" alt="替换文本" height="491" width="824" /> </code></pre> 3．从块级元素和内联元素来区分，<code><div></code>标签是______块级元素_____，<code></code>标签是____内联_______。 4．<code><video></code>添加视频后，设置视频播放器大小的属性是__height_________。 5．<code><audio></code>标签中添加音频工具栏的属性是___controls________。 6．从选中标签的数量对比，类选择器与ID选择器的区别是_____ID选择器权重大______。 7．<code><audio></code>标签中src属性作用是____获得播放音频的路径_______。 8．添加表单应该使用_____<code><table>_</code>_____标签。 9．常见的列表有____无序列表_______、有序列表_______和__自定义列表_____。 10．<code><ol></code>标签用于在网页中添加___有序列表________。 11．定义列表时一个含有两个层次的列表，名词为第一层次，其标签为_____<code><dl></code>，解释为第二层次，其标签为<code><dt>_</code>____。 12．<code></code>标签的作用是______定义段落_____。 13．HTML文件的后缀可以是______.html_____和________.htm___。 14．标签分为______内标签_____和_外标签__________。 15．制作网页时，网页主体内容代码需要写在____<code><body></code>_标签里。 16．<code><title></code>标签的作用是_____定义文档的标题。 17．注释的作用是____解释代码辅助调试标注作者或版权信息_______。注释分为三类，分别是______单行注释_____、多行注释_____、文档注释_____。 18.meta元素的属性有___http-equiv________、name___。其中_______name____属性用于描述网页，以便于搜索引擎机器人查找分类。 19.CSS文件的后缀名是____.css_______。 20．按单双标签分类，<code><hr></code>标签的类型___单标签________，它的作用是____添加水平分割线_______。 21．添加视频或音频时，如果要设置音频或视频加载完毕后立即播放，可以使用_____autoplay______属性。 22.下面代码： <pre><code class="prism language-html"><p align="center">点击进入首页</p> </code></pre> <code></code>标签的作用是____成段落（段落标签）______，align="center"的作用是：居中。 23．下面代码： <pre><code class="prism language-html"><a href="lx1.html">点击进入首页</a> </code></pre> <code><a></code>标签的作用是____超链接点击点击进入首页，从一个页面跳转到另一个页面_______，"lx1.html"使用的地址为：相对地址路径_。 . 24. <code> </code>标签的作用是_____换行______。 25．<code><video></code>标签的作用是_____定义视频______，<code><audio></code>标签的作用是_____定义音频______。 26．在网页中添加图片使用的标签是_____<code><img></code>______。 27<code>.<body></code>标签中设置网页背景颜色的属性是___bgcolor________。 28．WEB开发的核心技术是________HTML___、CSS_______、JavaScript_________。 29．在网页中添加链接应使用___<code><link></code>________标签。 30．为“友情链接”四个字添加链接，并且目标地址为“link.html”，设置目标窗口在父窗口打开的代码是_____________<code><a herf=”./link.html” target=”_self”>友情链接</a></code>_______。 31．在网页中添加视频或音频时，可以通过_____src______属性添加视频或音频的路径。 </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1716878432446525440"></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">你可能感兴趣的:(web前端,1024程序员节,前端,html)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1835509897106649088.htm" title="Long类型前后端数据不一致" target="_blank">Long类型前后端数据不一致</a> igotyback <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问</div> </li> <li><a href="/article/1835509770287673344.htm" title="swagger访问路径" target="_blank">swagger访问路径</a> igotyback <a class="tag" taget="_blank" href="/search/swagger/1.htm">swagger</a> <div>Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip</div> </li> <li><a href="/article/1835508130608410624.htm" title="html 中如何使用 uniapp 的部分方法" target="_blank">html 中如何使用 uniapp 的部分方法</a> 某公司摸鱼前端 <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了</div> </li> <li><a href="/article/1835499615491813376.htm" title="四章-32-点要素的聚合" target="_blank">四章-32-点要素的聚合</a> 彩云飘过 <div>本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.</div> </li> <li><a href="/article/1835498925755297792.htm" title="DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理" target="_blank">DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理</a> STU学生网页设计 <a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/%E6%9C%9F%E6%9C%AB%E7%BD%91%E9%A1%B5%E4%BD%9C%E4%B8%9A/1.htm">期末网页作业</a><a class="tag" taget="_blank" href="/search/html%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">html静态网页</a><a class="tag" taget="_blank" href="/search/html5%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">html5期末大作业</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/web%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web大作业</a> <div>️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程</div> </li> <li><a href="/article/1835497792265613312.htm" title="【加密社】Solidity 中的事件机制及其应用" target="_blank">【加密社】Solidity 中的事件机制及其应用</a> 加密社 <a class="tag" taget="_blank" href="/search/%E9%97%B2%E4%BE%83/1.htm">闲侃</a><a class="tag" taget="_blank" href="/search/%E5%8C%BA%E5%9D%97%E9%93%BE/1.htm">区块链</a><a class="tag" taget="_blank" href="/search/%E6%99%BA%E8%83%BD%E5%90%88%E7%BA%A6/1.htm">智能合约</a><a class="tag" taget="_blank" href="/search/%E5%8C%BA%E5%9D%97%E9%93%BE/1.htm">区块链</a> <div>加密社引言在Solidity合约开发过程中，事件（Events）是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时，该事件会被记录在区块链的交易收据中。具体而言，事件</div> </li> <li><a href="/article/1835496149843275776.htm" title="关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript" target="_blank">关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript</a> 二挡起步 <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/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><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/%E9%A3%8E%E6%99%AF/1.htm">风景</a> <div>⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip</div> </li> <li><a href="/article/1835496148601761792.htm" title="HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动" target="_blank">HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动</a> 二挡起步 <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/web%E8%AE%BE%E8%AE%A1%E7%BD%91%E9%A1%B5%E8%A7%84%E5%88%92%E4%B8%8E%E8%AE%BE%E8%AE%A1/1.htm">web设计网页规划与设计</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线</div> </li> <li><a href="/article/1835448238103162880.htm" title="springboot+vue项目实战一-创建SpringBoot简单项目" target="_blank">springboot+vue项目实战一-创建SpringBoot简单项目</a> 苹果酱0567 <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98%E6%B1%87%E6%80%BB%E4%B8%8E%E8%A7%A3%E6%9E%90/1.htm">面试题汇总与解析</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%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/%E4%B8%AD%E9%97%B4%E4%BB%B6/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>这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一</div> </li> <li><a href="/article/1835437775344726016.htm" title="博客网站制作教程" target="_blank">博客网站制作教程</a> 2401_85194651 <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a> <div>首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java</div> </li> <li><a href="/article/1835435506645692416.htm" title="00. 这里整理了最全的爬虫框架（Java + Python）" target="_blank">00. 这里整理了最全的爬虫框架（Java + Python）</a> 有一只柴犬 <a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB%E7%B3%BB%E5%88%97/1.htm">爬虫系列</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2</div> </li> <li><a href="/article/1835435141535723520.htm" title="详解：如何设计出健壮的秒杀系统？" target="_blank">详解：如何设计出健壮的秒杀系统？</a> 夜空_2cd3 <div>作者：Yrion博客园：cnblogs.com/wyq178/p/11261711.html前言：秒杀系统相信很多人见过，比如京东或者淘宝的秒杀，小米手机的秒杀。那么秒杀系统的后台是如何实现的呢？我们如何设计一个秒杀系统呢？对于秒杀系统应该考虑哪些问题？如何设计出健壮的秒杀系统？本期我们就来探讨一下这个问题：image目录一：****秒杀系统应该考虑的问题二：****秒杀系统的设计和技术方案三：*</div> </li> <li><a href="/article/1835428317084348416.htm" title="最简单将静态网页挂载到服务器上(不用nginx)" target="_blank">最简单将静态网页挂载到服务器上(不用nginx)</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/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/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/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>最简单将静态网页挂载到服务器上(不用nginx)如果随便弄个静态网页挂在服务器都要用nignx就太麻烦了，所以直接使用Apache来搭建一些简单前端静态网页会相对方便很多检查Web服务器服务状态：sudosystemctlstatushttpd#ApacheWeb服务器如果发现没有安装web服务器：安装Apache：sudoyuminstallhttpd启动Apache：sudosystemctl</div> </li> <li><a href="/article/1835427057752961024.htm" title="补充元象二面" target="_blank">补充元象二面</a> Redstone Monstrosity <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>1.请尽可能详细地说明，防抖和节流的区别，应用场景？你的回答中不要写出示例代码。防抖（Debounce）和节流（Throttle）是两种常用的前端性能优化技术，它们的主要区别在于如何处理高频事件的触发。以下是防抖和节流的区别和应用场景的详细说明：防抖和节流的定义防抖：在一段时间内，多次执行变为只执行最后一次。防抖的原理是，当事件被触发后，设置一个延迟定时器。如果在这个延迟时间内事件再次被触发，则重</div> </li> <li><a href="/article/1835420753252675584.htm" title="微信小程序开发注意事项" target="_blank">微信小程序开发注意事项</a> jun778895 <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a> <div>微信小程序开发是一个融合了前端开发、用户体验设计、后端服务（可选）以及微信小程序平台特性的综合性项目。这里，我将详细介绍一个典型的小程序开发项目的全过程，包括项目规划、设计、开发、测试及部署上线等各个环节，并尽量使内容达到或超过2000字的要求。一、项目规划1.1项目背景与目标假设我们要开发一个名为“智慧校园助手”的微信小程序，旨在为学生提供一站式校园生活服务，包括课程表查询、图书馆座位预约、食堂</div> </li> <li><a href="/article/1835411044768509952.htm" title="字节二面" target="_blank">字节二面</a> Redstone Monstrosity <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>1.假设你是正在面试前端开发工程师的候选人，面试官让你详细说出你上一段实习过程的收获和感悟。在上一段实习过程中，我获得了宝贵的实践经验和深刻的行业洞察，以下是我的主要收获和感悟：一、专业技能提升框架应用熟练度：通过实际项目，我深入掌握了React、Vue等前端框架的使用，不仅提升了编码效率，还学会了如何根据项目需求选择合适的框架。问题解决能力：在实习期间，我遇到了许多预料之外的技术难题。通过查阅文</div> </li> <li><a href="/article/1835403246865313792.htm" title="斟一小组鸡血视频" target="_blank">斟一小组鸡血视频</a> 和自己一起成长 <div>http://m.v.qq.com/play/play.html?coverid=&vid=c0518henl2a&ptag=2_6.0.0.14297_copy有一种努力叫做靠自己http://m.v.qq.com/play/play.html?coverid=&vid=i0547o426g4&ptag=2_6.0.0.14297_copy世界最励志短片https://v.qq.com/x/pa</div> </li> <li><a href="/article/1835398064727224320.htm" title="前端代码上传文件" target="_blank">前端代码上传文件</a> 余生逆风飞翔 <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>点击上传文件import{ElNotification}from'element-plus'import{API_CONFIG}from'../config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL}from'../config/index'i</div> </li> <li><a href="/article/1835395039572881408.htm" title="Dockerfile命令详解之 FROM" target="_blank">Dockerfile命令详解之 FROM</a> 清风怎不知意 <a class="tag" taget="_blank" href="/search/%E5%AE%B9%E5%99%A8%E5%8C%96/1.htm">容器化</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</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>许多同学不知道Dockerfile应该如何写，不清楚Dockerfile中的指令分别有什么意义，能达到什么样的目的，接下来我将在容器化专栏中详细的为大家解释每一个指令的含义以及用法。专栏订阅传送门https://blog.csdn.net/qq_38220908/category_11989778.html指令不区分大小写。但是，按照惯例，它们应该是大写的，以便更容易地将它们与参数区分开来。(引用</div> </li> <li><a href="/article/1835389111658180608.htm" title="《HTML 与 CSS—— 响应式设计》" target="_blank">《HTML 与 CSS—— 响应式设计》</a> 陈在天box <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性（一）概念响应式设计是一种网页设计方法，旨在</div> </li> <li><a href="/article/1835387977480630272.htm" title="【C语言】- 自定义类型：结构体、枚举、联合" target="_blank">【C语言】- 自定义类型：结构体、枚举、联合</a> Cavalier_01 <a class="tag" taget="_blank" href="/search/C%E8%AF%AD%E8%A8%80/1.htm">C语言</a> <div>【C语言】：操作符（https://mp.csdn.net/editor/html/115218055）数据类型（https://mp.csdn.net/editor/html/115219664）自定义类型：结构体、枚举、联合（https://mp.csdn.net/editor/html/115373785）变量、常量（https://mp.csdn.net/editor/html/11523</div> </li> <li><a href="/article/1835385458356482048.htm" title="uniapp实现动态标记效果详细步骤【前端开发】" target="_blank">uniapp实现动态标记效果详细步骤【前端开发】</a> 2401_85123349 <a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a> <div>第二个点在于实现将已经被用户标记的内容在下一次获取后刷新它的状态为已标记。这是什么意思呢？比如说上面gif图中的这些人物对象，有一些已被该用户添加为关心，那么当用户下一次进入该页面时，这些已经被添加关心的对象需要以“红心”状态显现出来。这个点的难度还不算大，只需要在每一次获取后端的内容后对标记对象进行状态更新即可。II.动态标记效果实现思路和步骤首先，整体的思路是利用动态类名对不同的元素进行选择。</div> </li> <li><a href="/article/1835382685745377280.htm" title="html+css网页设计旅游网站首页1个页面" target="_blank">html+css网页设计旅游网站首页1个页面</a> html+css+js网页设计 <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/%E6%97%85%E6%B8%B8/1.htm">旅游</a> <div>html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击</div> </li> <li><a href="/article/1835379153730367488.htm" title="spring mvc @RequestBody String类型参数" target="_blank">spring mvc @RequestBody String类型参数</a> zoyation <a class="tag" taget="_blank" href="/search/spring-mvc/1.htm">spring-mvc</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a> <div>通过如下配置：text/html;charset=UTF-8application/json;charset=UTF-8在springmvc的Controller层使用@RequestBody接收Content-Type为application/json的数据时，默认支持Map方式和对象方式参数@RequestMapping(value="/{code}/saveUser",method=Requ</div> </li> <li><a href="/article/1835377684025274368.htm" title="ubuntu安装opencv最快的方法" target="_blank">ubuntu安装opencv最快的方法</a> Derek重名了 <div>最快方法，当然不能太多文字$sudoapt-getinstallpython-opencv借助python就可以把ubuntu的opencv环境搞起来，非常快非常容易参考：https://docs.opencv.org/trunk/d2/de6/tutorial_py_setup_in_ubuntu.html</div> </li> <li><a href="/article/1835376759739084800.htm" title="处理标签包裹的字符串，并取出前250字符" target="_blank">处理标签包裹的字符串，并取出前250字符</a> 周bro <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>//假设这是你的HTML字符串varhtmlString=`这是一个段落。这是一个标题这是另一个段落，包含一些链接。`;//解析HTML字符串并提取文本functionextractTextFromHTML(html){varparser=newDOMParser();vardoc=parser.parseFromString(html,"text/html");vartextContent=do</div> </li> <li><a href="/article/1835373236217540608.htm" title="360前端星计划-动画可以这么玩" target="_blank">360前端星计划-动画可以这么玩</a> 马小蜗 <div>动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能</div> </li> <li><a href="/article/1835372727582683136.htm" title="h5小游戏定制开发" target="_blank">h5小游戏定制开发</a> 红匣子实力推荐 <div>随着科技的不断发展，移动互联网已经成为人们生活中不可或缺的一部分。在这个背景下，H5小游戏应运而生，为人们带来了丰富的娱乐体验。H5小游戏定制开发作为一种新兴的游戏开发方式，正逐渐受到市场的关注和青睐。那么，什么是H5小游戏定制开发呢？它又具有哪些特点和优势呢？让我们一起来深入了解一下。首先，我们来了解一下H5小游戏的基本概念。H5小游戏是一种基于HTML5技术的游戏，可以在移动端、PC端等多平台</div> </li> <li><a href="/article/1835368019430305792.htm" title="Vue + Express实现一个表单提交" target="_blank">Vue + Express实现一个表单提交</a> 九旬大爷的梦 <div>最近在折腾一个cms系统，用的vue+express，但是就一个表单提交就弄了好久，记录一下。环境：Node10+前端：Vue服务端：Express依赖包：vueexpressaxiosexpress-formidableelement-ui（可选）前言：axiosget请求参数是：paramsaxiospost请求参数是：dataexpressget接受参数是req.queryexpresspo</div> </li> <li><a href="/article/1835354700392787968.htm" title="Nginx的使用场景：构建高效、可扩展的Web架构" target="_blank">Nginx的使用场景：构建高效、可扩展的Web架构</a> 张某布响丸辣 <a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</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%9E%B6%E6%9E%84/1.htm">架构</a> <div>Nginx，作为当今最流行的Web服务器和反向代理软件之一，凭借其高性能、稳定性和灵活性，在众多Web项目中扮演着核心角色。无论是个人博客、中小型网站，还是大型企业级应用，Nginx都能提供强大的支持。本文将探讨Nginx的几个主要使用场景，帮助读者理解如何在实际项目中充分利用Nginx的优势。1.静态文件服务对于包含大量静态文件（如HTML、CSS、JavaScript、图片等）的网站，Ngin</div> </li> <li><a href="/article/50.htm" title="java封装继承多态等" target="_blank">java封装继承多态等</a> 麦田的设计者 <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> bijian1013 <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> Cwind <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> 周凡杨 <div> 首先说一下这个大批量，是指有上千万的数据量。例子：有一张短信历史表，其数据有上千万条数据，要进行数据备份到文本文件，就是执行如下SQL然后将结果集写入到文件中！ select t.msisd</div> </li> <li><a href="/article/558.htm" title="linux下模拟按键输入和鼠标" target="_blank">linux下模拟按键输入和鼠标</a> 被触发 <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> 肆无忌惮_ <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> 843977358 <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>