洁洁！

【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/1950232820773351424.htm" title="移动端城市区县二级联动选择功能实现包" target="_blank">移动端城市区县二级联动选择功能实现包</a> good2know <div>本文还有配套的精品资源，点击获取简介：本项目是一套为移动端设计的jQuery实现方案，用于简化用户在选择城市和区县时的流程。它包括所有必需文件：HTML、JavaScript、CSS及图片资源。通过动态更新下拉菜单选项，实现城市到区县的联动效果，支持数据异步加载。开发者可以轻松集成此功能到移动网站或应用，并可基于需求进行扩展和优化。1.jQuery移动端解决方案概述jQuery技术简介jQuery</div> </li> <li><a href="/article/1950232190038110208.htm" title="day15｜前端框架学习和算法" target="_blank">day15｜前端框架学习和算法</a> universe_01 <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>T22括号生成先把所有情况都画出来，然后（在满足什么情况下）把不符合条件的删除。T78子集要画树状图，把思路清晰。可以用暴力法、回溯法和DFS做这个题DFS深度搜索：每个边都走完，再回溯应用：二叉树搜索，图搜索回溯算法=DFS+剪枝T200岛屿数量（非常经典BFS宽度把树状转化成队列形式，lambda匿名函数“一次性的小函数，没有名字”setup语法糖：让代码更简洁好写的语法ref创建：基本类型的</div> </li> <li><a href="/article/1950225381961297920.htm" title="SpringMVC的执行流程" target="_blank">SpringMVC的执行流程</a> <div>1、什么是MVCMVC是一种设计模式。MVC的原理图如下所示M-Model模型（完成业务逻辑：有javaBean构成，service+dao+entity）V-View视图（做界面的展示jsp，html……）C-Controller控制器（接收请求—>调用模型—>根据结果派发页面2、SpringMVC是什么SpringMVC是一个MVC的开源框架，SpringMVC=Struts2+Spring，</div> </li> <li><a href="/article/1950208989954371584.htm" title="Selenium 特殊控件操作与 ActionChains 实践详解" target="_blank">Selenium 特殊控件操作与 ActionChains 实践详解</a> 小馋喵知识杂货铺 <a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95%E5%B7%A5%E5%85%B7/1.htm">测试工具</a> <div>1.下拉框单选操作(a)使用SeleniumSelect类（标准HTML标签）Selenium提供了内置的Select类用于操作标准下拉框，这种方式简单且直观。fromselenium.webdriver.support.uiimportSelect#定位下拉框dropdown=Select(driver.find_element("id","dropdown_id"))#通过以下三种方式选择单个</div> </li> <li><a href="/article/1950207097413103616.htm" title="微信公众号回调java_处理微信公众号消息回调" target="_blank">微信公众号回调java_处理微信公众号消息回调</a> weixin_39607620 <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%85%AC%E4%BC%97%E5%8F%B7%E5%9B%9E%E8%B0%83java/1.htm">微信公众号回调java</a> <div>1、背景在上一节中，咱们知道如何接入微信公众号，可是以后公众号会与咱们进行交互，那么微信公众号如何通知到咱们本身的服务器呢？咱们知道咱们接入的时候提供的url是GET/mp/entry，那么公众号以后产生的事件将会以POST/mp/entry发送到咱们本身的服务器上。html2、代码实现，此处仍是使用weixin-java-mp这个框架实现一、引入weixin-java-mpcom.github.</div> </li> <li><a href="/article/1950201094361640960.htm" title="人工智能应用研究快讯 2021-11-30" target="_blank">人工智能应用研究快讯 2021-11-30</a> 峰谷皆平 <div>[HTML]ArtificialIntelligenceforSkinCancerDetection:ScopingReviewATakiddin,JSchneider,YYang,AAbd-Alrazaq...JournalofMedicalInternet...,2021ABSTACT:Background:Skincanceristhemostcommoncancertypeaffectin</div> </li> <li><a href="/article/1950195876991397888.htm" title="【Jupyter】个人开发常见命令" target="_blank">【Jupyter】个人开发常见命令</a> TIM老师 <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/Pycharm/1.htm">Pycharm</a><a class="tag" taget="_blank" href="/search/%26amp%3B/1.htm">&</a><a class="tag" taget="_blank" href="/search/VSCode/1.htm">VSCode</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/Jupyter/1.htm">Jupyter</a> <div>1.查看python版本importsysprint(sys.version)2.ipynb/py文件转换jupyternbconvert--topythonmy_file.ipynbipynb转换为mdjupyternbconvert--tomdmy_file.ipynbipynb转为htmljupyternbconvert--tohtmlmy_file.ipynbipython转换为pdfju</div> </li> <li><a href="/article/1950194742100815872.htm" title="用代码生成艺术字：设计个性化海报的秘密" target="_blank">用代码生成艺术字：设计个性化海报的秘密</a> <div>本文围绕“用代码生成艺术字：设计个性化海报的秘密”展开，先概述代码生成艺术字在海报设计中的独特价值，接着介绍常用的代码工具（如HTML、CSS、JavaScript等），详细阐述从构思到实现的完整流程，包括字体样式设计、动态效果添加等，还分享了提升艺术字质感的技巧及实际案例。最后总结代码生成艺术字的优势，为设计师提供打造个性化海报的实用指南，助力提升海报设计的独特性与吸引力，符合搜索引擎SEO标准</div> </li> <li><a href="/article/1950191208873652224.htm" title="vue element 封装表单" target="_blank">vue element 封装表单</a> 影子信息 <a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>背景：在前端系统开发中，系统页面涉及到的表单组件比较多，所以进行了简单的封装。封装的包括一些Form表单组件，如下：input输入框、select下拉框、等实现效果：理论知识：表单组件官方链接：点击跳转封装组件：封装组件的思路：不封装element组件，每一个input组件绑定一个form对象，例如官网。简单封装element组件，利用for循环生成form表单的每一项el-form-item。进</div> </li> <li><a href="/article/1950191165710069760.htm" title="前端面试每日 3+1 —— 第39天" target="_blank">前端面试每日 3+1 —— 第39天</a> 浪子神剑 <div>今天的面试题(2019.05.25)——第39天[html]title与h1、b与strong、i与em的区别分别是什么？[css]写出你知道的CSS水平和垂直居中的方法[js]说说你对模块化的理解[软技能]公钥加密和私钥加密是什么？《论语》，曾子曰：“吾日三省吾身”（我每天多次反省自己）。前端面试每日3+1题，以面试题来驱动学习，每天进步一点！让努力成为一种习惯，让奋斗成为一种享受！欢迎在Iss</div> </li> <li><a href="/article/1950187223672483840.htm" title="GDP经济社会人文民生栅格数据下载网站汇总" target="_blank">GDP经济社会人文民生栅格数据下载网站汇总</a> 疯狂学习GIS <div> 本文为“GIS数据获取整理”专栏（https://blog.csdn.net/zhebushibiaoshifu/category_10857546.html）中第八篇独立博客，因此本文全部标题均由“8”开头。本文对目前主要的GDP、社会与经济数据获取网站加以整理与介绍，若需其它GIS领域数据（如遥感影像数据、气象数据、土地土壤数据、农业数据等），大家可以点击上方专栏查看，也可以看这一篇汇总文</div> </li> <li><a href="/article/1950180497007112192.htm" title="【MySQL】MySQL数据库如何改名" target="_blank">【MySQL】MySQL数据库如何改名</a> 武昌库里写JAVA <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/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>MySQL建库授权语句https://www.jianshu.com/p/2237a9649ceeMySQL数据库改名的三种方法https://www.cnblogs.com/gomysql/p/3584881.htmlMySQL安全修改数据库名几种方法https://blog.csdn.net/haiross/article/details/51282417MySQL重命名数据库https://</div> </li> <li><a href="/article/1950178477592342528.htm" title="前端数据库：IndexedDB从基础到高级使用指南" target="_blank">前端数据库：IndexedDB从基础到高级使用指南</a> <div>文章目录前端数据库：IndexedDB从基础到高级使用指南引言一、IndexedDB概述1.1什么是IndexedDB1.2与其他存储方案的比较二、基础使用2.1打开/创建数据库2.2基本CRUD操作添加数据读取数据更新数据删除数据三、高级特性3.1复杂查询与游标3.2事务高级用法3.3性能优化技巧四、实战案例：构建离线优先的待办事项应用4.1数据库设计4.2同步策略实现五、常见问题与解决方案5.</div> </li> <li><a href="/article/1950169524384886784.htm" title="【Java Web实战】从零到一打造企业级网上购书网站系统 | 完整开发实录（三）" target="_blank">【Java Web实战】从零到一打造企业级网上购书网站系统 | 完整开发实录（三）</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/%E7%8A%B6%E6%80%81%E6%A8%A1%E5%BC%8F/1.htm">状态模式</a> <div>核心功能设计用户管理系统用户管理是整个系统的基础，我设计了完整的用户生命周期管理：用户注册流程验证失败验证通过验证失败验证通过用户名已存在用户名可用失败成功用户访问注册页面填写注册信息前端表单验证显示错误提示提交到后端后端数据验证返回错误信息用户名唯一性检查提示用户名重复密码加密处理保存用户信息保存成功?显示系统错误注册成功跳转登录页面登录认证机制深度解析我实现了一套企业级的多层次安全认证机制：认</div> </li> <li><a href="/article/1950169526440095744.htm" title="从零到一：打造基于GigaChat AI的艺术创作平台 | 笙囧同学的全栈开发实战" target="_blank">从零到一：打造基于GigaChat AI的艺术创作平台 | 笙囧同学的全栈开发实战</a> <div>作者简介：笙囧同学，中科院计算机大模型方向硕士，全栈开发爱好者联系方式：3251736703@qq.com各大平台账号：笙囧同学座右铭：偷懒是人生进步的阶梯前言在AI技术飞速发展的今天，如何将前沿的大模型技术与实际应用相结合，一直是我们开发者关注的焦点。今天，笙囧同学将带大家从零开始，构建一个基于GigaChatAI的艺术创作平台，实现React前端+Django后端的完整全栈解决方案。这不仅仅是</div> </li> <li><a href="/article/1950164483057971200.htm" title="14.tornado操作之应用Websocket协议实现聊天室功能" target="_blank">14.tornado操作之应用Websocket协议实现聊天室功能</a> 孤寒者 <a class="tag" taget="_blank" href="/search/Tornado%E6%A1%86%E6%9E%B6%E4%BB%8E%E5%85%A5%E9%97%A8%E5%88%B0%E5%AE%9E%E6%88%98/1.htm">Tornado框架从入门到实战</a><a class="tag" taget="_blank" href="/search/websocket/1.htm">websocket</a><a class="tag" taget="_blank" href="/search/tornado/1.htm">tornado</a><a class="tag" taget="_blank" href="/search/%E8%81%8A%E5%A4%A9%E5%AE%A4%E5%8A%9F%E8%83%BD%E5%AE%9E%E7%8E%B0/1.htm">聊天室功能实现</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>目录：每篇前言：1.什么是WebSocket（1）定义（2）优点（3）和HTTP对比（4）适用场景2.WebSocket关键方法3.本tornado项目中使用WebSocket（1）准备一个聊天室的页面：第一步：编写视图：第二步：编写接口：（app.py中加入以下接口！）第三步：编写前端页面：测试接口——响应OK！（2）使用WebSocket：（3）聊天室的聊天功能的最终实现：第一步：战前准备第二</div> </li> <li><a href="/article/1950144218282389504.htm" title="为什么学习Web前端一定要掌握JavaScript？" target="_blank">为什么学习Web前端一定要掌握JavaScript？</a> web前端学习指南 <div>为什么学习Web前端一定要掌握JavaScript？在前端的世界里，没有什么是JavaScript实现不了的，关于JS有一句话：凡是可以用JavaScript来写的应用，最终都会用JavaScript，JavaScript可运行在所有主要平台的所有主流浏览器上，也可运行在每一个主流操作系统的服务器端上。现如今我们在为网站写任何一个主要功能的时候都需要有懂能够用JavaScript写前端的开发人员。</div> </li> <li><a href="/article/1950143305194991616.htm" title="小架构step系列25：错误码" target="_blank">小架构step系列25：错误码</a> 秋千码途 <a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>1概述一个系统中，可能产生各种各样的错误，对这些错误进行编码。当错误发生时，通过这个错误码就有可能快速判断是什么错误，不一定需要查看代码就可以进行处理，提高问题处理效率。有了统一的错误码，还可以标准化错误信息，方便把错误信息纳入文档管理和对错误信息进行国际化等。没有错误码的管理，开发人员就会按自己的理解处理这些错误。有些直接把堆栈直接反馈到前端页面上，使用看不懂这些信息体验很差，也暴露了堆栈信息有</div> </li> <li><a href="/article/1950140903616212992.htm" title="Java朴实无华按天计划从入门到实战（强化速战版-66天）" target="_blank">Java朴实无华按天计划从入门到实战（强化速战版-66天）</a> 岫珩 <a class="tag" taget="_blank" href="/search/Java/1.htm">Java</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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/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/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/%E6%97%B6%E9%97%B4%E5%AE%89%E6%8E%92/1.htm">时间安排</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E8%AE%A1%E5%88%92/1.htm">学习计划</a> <div>致敬读者感谢阅读笑口常开生日快乐⬛早点睡觉博主相关博主信息博客首页专栏推荐活动信息文章目录Java朴实无华按天计划从入门到实战（强化速战版-66天）1.基础（18）1.1JavaSE核心（5天）1.2数据库与SQL（5天）1.3前端基础（8天）2.进阶（17天）2.1JavaWeb核心（5天）2.2Mybatis与Spring全家桶（6天）2.3中间件入门（4天）2.4实践项目（2天）3.高阶（1</div> </li> <li><a href="/article/1950132204336115712.htm" title="《跨域资源共享CORS的深层逻辑与前端实践精要》" target="_blank">《跨域资源共享CORS的深层逻辑与前端实践精要》</a> <div>不同源头的资源交互已成为常态，而跨域资源共享（CORS）正是支撑这种交互的隐形架构。现代Web安全体系中平衡开放与防护的精妙设计。理解CORS的深层逻辑，不仅能解决实际开发中的跨域难题，更能触及网络安全与资源流通的核心矛盾，为前端工程师构建稳健的应用提供底层认知支撑。跨域资源共享的诞生，源于网络安全与应用发展的必然冲突。浏览器的同源策略，作为早期网络安全的基石，通过限制不同源文档的交互，有效阻挡了</div> </li> <li><a href="/article/1950131321980383232.htm" title="深入了解 Kubernetes（k8s）：从概念到实践" target="_blank">深入了解 Kubernetes（k8s）：从概念到实践</a> <div>目录一、k8s核心概念二、k8s的优势三、k8s架构组件控制平面组件节点组件四、k8s+docker运行前后端分离项目的例子1.准备前端项目2.准备后端项目3.创建k8s部署配置文件4.部署应用到k8s集群在当今云计算和容器化技术飞速发展的时代，Kubernetes（简称k8s）已成为容器编排领域的事实标准。无论是互联网巨头、传统企业还是初创公司，都在广泛采用k8s来管理和部署容器化应用。本文将带</div> </li> <li><a href="/article/1950130722157162496.htm" title="移动端适配rem方案" target="_blank">移动端适配rem方案</a> 简单的码农 <div>1.rem+动态html的font-size1.rem单位是相对于html元素的font-size来设置的，那么如果我们需要在不同的屏幕下有不同的尺寸，可以动态的修改html的font-size尺寸。2.比如如下案例：设置一个盒子的宽度是2rem；设置不同的屏幕上html的font-size不同；image这样在开发中，我们只需要考虑两个问题：问题一：针对不同的屏幕，设置html不同的font-s</div> </li> <li><a href="/article/1950130692448907264.htm" title="Vue CSR 到 Nuxt 3 SSR 迁移：技术实现与问题解决实录" target="_blank">Vue CSR 到 Nuxt 3 SSR 迁移：技术实现与问题解决实录</a> 二倍速播放 <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>1.迁移动机与技术选型1.1CSR架构的局限性基于Vue3和Vite构建的客户端渲染(CSR)单页应用(SPA)提供了良好的开发体验和用户交互流畅性。但是其核心局限在于：搜索引擎优化(SEO)：初始HTML响应仅包含一个根div元素，实际内容由JavaScript在浏览器端动态生成。虽然主流搜索引擎（如Google）能够执行部分JavaScript，但其抓取效率和稳定性不如直接获取完整HTML。非</div> </li> <li><a href="/article/1950127794931429376.htm" title="redis反弹shell时kali无法接收回弹的解决方法" target="_blank">redis反弹shell时kali无法接收回弹的解决方法</a> 显哥无敌 <a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a><a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a> <div>无法接受回谈大概率是bash命令写的不对，那个crontab中间的星号个数是有意义的，不是随便加的，下面贴一下crontab的基本用法https://www.cnblogs.com/zhoading/p/11572630.html{minute}{hour}{day-of-month}{month}{day-of-week}{full-path-to-shell-script}如果是要cronta</div> </li> <li><a href="/article/1950121289456873472.htm" title="native.js设置可缩放的webview并隐藏缩放控件" target="_blank">native.js设置可缩放的webview并隐藏缩放控件</a> Nanayai <div>需求明确:webview页面可以手指缩放,并且不要那个原生控件;实现思路:1.使用h5+封装好的方法:设置scalable属性,并在html中设置meta标签:user-scalable=yes或不设置,minimum-scale和maximum-scale需要注意不要都设为1:mui.openWindow({url:"someThing",id:"someThing",styles:{scala</div> </li> <li><a href="/article/1950119224630374400.htm" title="大厂都在用的前端缓存策略，你掌握了吗？" target="_blank">大厂都在用的前端缓存策略，你掌握了吗？</a> AI架构全栈开发实战笔记 <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E7%BC%93%E5%AD%98/1.htm">缓存</a><a class="tag" taget="_blank" href="/search/ai/1.htm">ai</a> <div>大厂都在用的前端缓存策略，你掌握了吗？关键词：前端缓存、HTTP缓存、ServiceWorker、CDN缓存、缓存策略、性能优化、浏览器缓存摘要：本文将深入探讨前端开发中常用的缓存策略，从浏览器缓存到ServiceWorker，从HTTP缓存头到CDN缓存，全面解析大厂都在使用的高效缓存技术。通过生动的比喻和实际代码示例，帮助开发者理解并掌握这些提升Web应用性能的关键技术。背景介绍目的和范围本文</div> </li> <li><a href="/article/1950117078799282176.htm" title="Redis反弹Shell" target="_blank">Redis反弹Shell</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/%23%E6%9C%AA%E6%8E%88%E6%9D%83%E8%AE%BF%E9%97%AE%E6%BC%8F%E6%B4%9E/1.htm">#未授权访问漏洞</a><a class="tag" taget="_blank" href="/search/%23SSRF/1.htm">#SSRF</a><a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">网络安全</a><a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a> <div>这里我来总结几种Redis反弹Shell的方法一、利用Redis写WebShell前提条件开了web服务器，并且知道路径，还需要有文件读写增删改查的权限条件比较苛刻，但是满足条件上传就会简单一点，我们直接将文件写入www目录下，完了使用工具连接即可。语句：redis:6379>configsetdir/var/www/html/redis:6379>configsetdbfilenameshell</div> </li> <li><a href="/article/1950115062781898752.htm" title="26. 什么是雪碧图，作用和原理了解吗" target="_blank">26. 什么是雪碧图，作用和原理了解吗</a> yqcoder <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95-CSS/1.htm">前端面试-CSS</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><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>总结小图合成一张，使用background来使用，减少资源请求一、什么是雪碧图？雪碧图（CSSSprite）是一种前端优化技术，指的是将多个小图标合并成一张大图，通过CSS控制显示其中的某一部分。它常用于网站中图标、按钮等小图较多的场景。二、雪碧图的作用作用说明✅减少HTTP请求次数合并多个图片为一张图，减少请求资源数✅提升页面加载速度尤其在图片较多时效果明显✅避免图片加载闪烁鼠标悬停切换图片时不</div> </li> <li><a href="/article/1950112039502409728.htm" title="H5UI微信小程序前端框架实战指南" target="_blank">H5UI微信小程序前端框架实战指南</a> ai <div>本文还有配套的精品资源，点击获取简介：H5UI是一个为微信小程序开发设计的前端框架，基于H5技术，提供简洁高效的组件库。框架集成了丰富的UI元素，如按钮、表格、导航栏等，简化了界面布局和交互的实现。通过安装、引入、使用组件和事件绑定四个步骤，开发者可以轻松构建功能齐全的应用。了解性能优化等注意事项对于高效开发同样重要。1.微信小程序前端开发框架介绍微信小程序概述微信小程序是微信官方推出的一种无需下</div> </li> <li><a href="/article/1950108839089074176.htm" title="Windows下Oracle安装图解" target="_blank">Windows下Oracle安装图解</a> 叫我老村长 <div>Windows下Oracle安装图解----oracle-win-64-11g详细安装步骤一、Oracle下载官方下地址http://www.oracle.com/technetwork/database/enterprise-edition/downloads/index.htmlwin32位操作系统下载地址：http://download.oracle.com/otn/nt/oracle11g</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>