web前端开发课程的主要内容-Linux大棚

admin 管理员组

文章数量: 1087652

2024年6月14日发(作者：z型檩条搭接规范)

一、HTML基础知识

1.1 HTML的概念和作用

HTML，即超文本标记语言（HyperText Markup Language），是一

种用于创建网页的标记语言。它定义了网页的结构和内容，包括标题、

段落、信息、图像等元素。

1.2 HTML的基本结构

HTML文档由、、、<body>等标签构成，</p><p style="text-indent: 2em;font-size:18px;">其中<html>标签包裹整个文档，<head>标签用于定义文档的头部信</p><p style="text-indent: 2em;font-size:18px;">息，<title>标签用于定义文档的标题，<body>标签包含文档的主要</p><p style="text-indent: 2em;font-size:18px;">内容。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">1.3 HTML元素 </p><p style="text-indent: 2em;font-size:18px;">HTML元素由开始标签、结束标签和内容组成，例如：<p>这是一个</p><p style="text-indent: 2em;font-size:18px;">段落</p>。常用的HTML元素包括段落（<p>）、标题</p><p style="text-indent: 2em;font-size:18px;">（<h1>~<h6>）、列表（<ul>、<ol>、<li>）、信息（<a>）、</p><p style="text-indent: 2em;font-size:18px;">图像（<img>）等。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">1.4 HTML属性 </p><p style="text-indent: 2em;font-size:18px;">HTML元素可以拥有属性，用于提供有关元素的附加信息。常见的</p><p style="text-indent: 2em;font-size:18px;">HTML属性包括id、class、style、href、src等。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">1.5 HTML表单 </p><p style="text-indent: 2em;font-size:18px;">HTML表单用于收集用户信息，包括文本框、密码框、复选框、单选</p><p style="text-indent: 2em;font-size:18px;">按钮、下拉框等。表单元素由<form>、<input>、<select>、</p><p style="text-indent: 2em;font-size:18px;"><textarea>等标签构成。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">二、CSS样式设计 </p><p style="text-indent: 2em;font-size:18px;">2.1 CSS的概念和作用 </p><p style="text-indent: 2em;font-size:18px;">CSS，即层叠样式表（Cascading Style Sheets），是一种用于控制网</p><p style="text-indent: 2em;font-size:18px;">页布局和样式的标记语言。它通过定义样式规则来美化和优化网页的</p><p style="text-indent: 2em;font-size:18px;">外观。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">2.2 CSS选择器 </p><p style="text-indent: 2em;font-size:18px;">CSS选择器用于选择元素并为其应用样式。常见的CSS选择器包括元</p><p style="text-indent: 2em;font-size:18px;">素选择器、类选择器、ID选择器、后代选择器、伪类选择器等。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">2.3 CSS样式 </p><p style="text-indent: 2em;font-size:18px;">CSS样式定义了元素的外观，包括字体、颜色、边框、背景等。通过</p><p style="text-indent: 2em;font-size:18px;">CSS样式可以实现网页的排版和装饰效果。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">2.4 CSS布局 </p><p style="text-indent: 2em;font-size:18px;">CSS布局用于控制网页的版面结构，包括盒模型、浮动、定位、弹性</p><p style="text-indent: 2em;font-size:18px;">布局、格网布局等。良好的CSS布局可以提升网页的用户体验和可访</p><p style="text-indent: 2em;font-size:18px;">问性。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">2.5 响应式设计 </p><p style="text-indent: 2em;font-size:18px;">响应式设计是指根据用户设备的不同，自动调整网页布局和样式，以</p><p style="text-indent: 2em;font-size:18px;">实现最佳的显示效果。通过CSS媒体查询和弹性布局等技术，可以实</p><p style="text-indent: 2em;font-size:18px;">现网页的响应式设计。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">三、JavaScript编程 </p><p style="text-indent: 2em;font-size:18px;">3.1 JavaScript语言 </p><p style="text-indent: 2em;font-size:18px;">JavaScript是一种用于网页交互的脚本语言，具有动态性、弱类型和</p><p style="text-indent: 2em;font-size:18px;">面向对象等特点。它可以操作DOM元素、处理事件、发送请求、实</p><p style="text-indent: 2em;font-size:18px;">现动画效果等。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">3.2 JavaScript语法 </p><p style="text-indent: 2em;font-size:18px;">JavaScript语法包括变量、运算符、条件语句、循环语句、函数、对</p><p style="text-indent: 2em;font-size:18px;">象等。熟练掌握JavaScript语法可以实现网页的功能和效果。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">3.3 DOM操作 </p><p style="text-indent: 2em;font-size:18px;">DOM（Document Object Model）是网页的文档对象模型，通过</p><p style="text-indent: 2em;font-size:18px;">JavaScript可以操作和控制DOM元素，包括查询元素、修改属性、</p><p style="text-indent: 2em;font-size:18px;">添加节点、事件绑定等。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">3.4 Ajax技术 </p><p style="text-indent: 2em;font-size:18px;">Ajax（Asynchronous JavaScript and XML）是一种无需刷新页面即</p><p style="text-indent: 2em;font-size:18px;">可实现数据交互的技术。通过JavaScript的XMLHttpRequest对象，</p><p style="text-indent: 2em;font-size:18px;">可以发送异步请求并处理服务器响应。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">3.5 jQuery框架 </p><p style="text-indent: 2em;font-size:18px;">jQuery是一个快速、简洁的JavaScript库，封装了大量常用的DOM</p><p style="text-indent: 2em;font-size:18px;">操作、事件处理、动画效果等功能。使用jQuery可以简化JavaScript</p><p style="text-indent: 2em;font-size:18px;">编程，并提高开发效率。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">四、实战项目 </p><p style="text-indent: 2em;font-size:18px;">4.1 个人网页 </p><p style="text-indent: 2em;font-size:18px;">通过HTML、CSS和JavaScript的学习，学员可以制作个人网页，包</p><p style="text-indent: 2em;font-size:18px;">括个人信息、作品展示、技能介绍、通联方式等内容。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">4.2 上线商城 </p><p style="text-indent: 2em;font-size:18px;">学员可以利用HTML、CSS和JavaScript制作一个简单的上线商城页</p><p style="text-indent: 2em;font-size:18px;">面，包括商品展示、购物车功能、订单管理等模块。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">4.3 网页动画 </p><p style="text-indent: 2em;font-size:18px;">通过JavaScript的动画效果和CSS的过渡、变换等特性，学员可以制</p><p style="text-indent: 2em;font-size:18px;">作各种炫酷的网页动画，提升网页的交互体验。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">4.4 网页优化 </p><p style="text-indent: 2em;font-size:18px;">学员可以学习利用HTML5、CSS3和JavaScript进行网页的性能优化，</p><p style="text-indent: 2em;font-size:18px;">包括压缩资源、减少重绘重排、响应式布局、懒加载等技术。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">五、课程总结 </p><p style="text-indent: 2em;font-size:18px;">通过本课程的学习，学员将掌握HTML基础知识、CSS样式设计、</p><p style="text-indent: 2em;font-size:18px;">JavaScript编程技能，并能够应用于实际项目中。希望学员能够在</p><p style="text-indent: 2em;font-size:18px;">Web前端开发领域迅速成长，成为优秀的前端工程师。</p><p style="text-indent: 2em;font-size:18px;"> </p></div><br><p><h2></h2></p>  <p class="tag"> 本文标签： <a style="margin-right: 10px" href="/tag/331.html" target="_blank">网页</a> <a style="margin-right: 10px" href="/tag/428378.html" target="_blank">包括</a> <a style="margin-right: 10px" href="/tag/428094.html" target="_blank">元素</a> <a style="margin-right: 10px" href="/tag/379.html" target="_blank">用于</a> <a style="margin-right: 10px" href="/tag/428505.html" target="_blank">学员</a> </p> <div class="roclinux-cn copyright"> <blockquote> <p> 版权声明：本文标题：web前端开发课程的主要内容内容由网友自发贡献，该文观点仅代表作者本人，转载请联系作者并注明出处：<a href="http://www.roclinux.cn/b/1718306108a720014.html">http://www.roclinux.cn/b/1718306108a720014.html</a>，本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。 </p> </blockquote> </div> </div> <div class="roclinux-cn block-wrap single-relative"> <h2 class="block-title"> 更多相关文章 </h2> <div class="roclinux-cn post-list"> <div class="roclinux-cn post-item">         <a href="/b/1740071901a2128918.html" class="post-item-title" title="关于解决新安装的Chrome浏览器打开后显示hao123，360导航等一众流氓网页地址问题"> <h3>关于解决新安装的Chrome浏览器打开后显示hao123，360导航等一众流氓网页地址问题</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">4月前</div> </div> <p class="post-item-summary">由于电脑用的久了，C盘都快满了，所以今天重装了系统，装完系统后第二步肯定要装浏览器，然后依次在浏览器上下载软件。当我装完Chrome浏览器后&</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1740072067a2128946.html" class="post-item-title" title="微信PC版浏览器打不开网页"> <h3>微信PC版浏览器打不开网页</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">4月前</div> </div> <p class="post-item-summary">现象： 我的pc版的微信最近几个月就一直“在内置浏览器不能打开网页”，更新到3.9.2.23后，依旧不能。解决： 登录后微信&#xff0</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1740072558a2129034.html" class="post-item-title" title="浏览器预览html网址,在浏览器中预览网页"> <h3>浏览器预览html网址,在浏览器中预览网页</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">4月前</div> </div> <p class="post-item-summary">在浏览器中预览网页 10112017 本文内容为了便于在 Microsoft Expression Web 中设计网页，您可以在不同 Web 浏览器和不同大小的窗口中预览网页的外观。可以选择的窗口大小与标准屏幕分辨率相对应：640 x</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1740117927a2137092.html" class="post-item-title" title="电脑网页无法打开提示err_connection_refused怎么办"> <h3>电脑网页无法打开提示err_connection_refused怎么办</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">4月前</div> </div> <p class="post-item-summary">大家在使用浏览器的时候有没有遇到过网页崩溃这一类问题，就有网友说自己打不开网页且界面显示“err_connection_reset网络错误”，这是怎么回事？又该怎么解决呢&a</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1740118122a2137124.html" class="post-item-title" title="Egde浏览器打开是2345网页怎么办？"> <h3>Egde浏览器打开是2345网页怎么办？</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">4月前</div> </div> <p class="post-item-summary">首先打开edge然后打开设置（右上角三个点） 点击开始、主页和新建标签页把它设置为打开新标签页就行了，并删除2345网页</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1740118521a2137195.html" class="post-item-title" title="Win10无法显示网页提示此站点不安全怎么办"> <h3>Win10无法显示网页提示此站点不安全怎么办</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">4月前</div> </div> <p class="post-item-summary">最近有用户发现自己某个网页会出现无法显示网页的情况，还会收到此站点不安全的提示，这可能是有人举报了这个网站的原因。那么Win10无法显示网页提示此站点不安全怎么办呢?下面小编就教教大家具体的打开方</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1740120641a2137573.html" class="post-item-title" title="html代码图片无法右键另存为,网页右键无法保存图片怎么办？网页右键无法另存为的解决办法..."> <h3>html代码图片无法右键另存为,网页右键无法保存图片怎么办？网页右键无法另存为的解决办法...</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">4月前</div> </div> <p class="post-item-summary">在大家浏览网页的时候，肯定都碰到过这样的烦恼：很多网页都对其内容作出的保护措施，网页上的文字不能选中、网页的图片不能右键保存，直接截图保存图片的质量又大</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1740120647a2137574.html" class="post-item-title" title="网页微博连接不上服务器,新浪微博网络出错加载不了怎么办"> <h3>网页微博连接不上服务器,新浪微博网络出错加载不了怎么办</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">4月前</div> </div> <p class="post-item-summary">1. 手机上新浪微博显示网络连接失败 2. 手机登陆新浪微博为什么显示网络连接失败 3. 微博老是出现网络出错,重新加载怎么办手机上新浪微博显示网络连接失败困扰了一天刚解决了 1电脑上微博授权应用中取消手机客户端授权(不同手机型号应用名</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1741135080a2261813.html" class="post-item-title" title="网页乱码问题（edge浏览器）"> <h3>网页乱码问题（edge浏览器）</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary">网页乱码问题（edge） 文章目录网页乱码问题（edge）前言一、网页乱码问题1.是什么：（描述&</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1742533715a2405082.html" class="post-item-title" title="本地网页的发布第一篇：Apache的下载与安装（Windows版本）"> <h3>本地网页的发布第一篇：Apache的下载与安装（Windows版本）</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary">1、什么是Apache 首先，了解一下什么是Apache。 Apache HTTP Server（简称Apache）是Apache软件基金会的一个开放源码的网页服务器&</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1742569303a2409824.html" class="post-item-title" title="打开谷歌浏览器就能显示某个网页怎么设置"> <h3>打开谷歌浏览器就能显示某个网页怎么设置</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary">要设置在打开Google Chrome浏览器时自动显示某个网页，你可以按照以下步骤操作： 1. 在Chrome中设置主页打开Chrome浏览器。点击右上角的三个竖点（“</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1742569703a2409885.html" class="post-item-title" title="XMing + XShell 打开Linux服务器网页界面"> <h3>XMing + XShell 打开Linux服务器网页界面</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary">1、修改X0.hosts文件修改为服务器的ip地址 2、打开XLaunch、XMing 打开XLaunch后一路下一步>下一步>完成打开XMing 3、XShell连接服务器连接服务器的时候SSH->隧道</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1742570309a2409965.html" class="post-item-title" title="【求助】python自动向网页填写表单-打开浏览器方法报错"> <h3>【求助】python自动向网页填写表单-打开浏览器方法报错</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary">在网上找到一段代码，可以打开浏览器，并自动填写表单，提交。但是运行的时候报错，看了半天，不知道为啥不知哪位大神可以帮忙看看</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1742571049a2410060.html" class="post-item-title" title="在浏览器中禁止拖动页面的元素或者拖动图片打开新的窗口"> <h3>在浏览器中禁止拖动页面的元素或者拖动图片打开新的窗口</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary"><body ondragstart"return false"> <body>在浏览器中禁止拖动页面的元素或者拖动图片打开窗口在浏览器中禁止拖动打开新的窗口</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1743680288a2461538.html" class="post-item-title" title="如何解压7z文件？8种方法（WinMac手机网页端）"> <h3>如何解压7z文件？8种方法（WinMac手机网页端）</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">7z 文件是一种高效的压缩文件格式，由 7 - Zip 软件开发者所采用。它运用独特的压缩算法，能显著缩小文件体积，便于存储与传输各类数据，像软件安装包</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1743812752a2483918.html" class="post-item-title" title="h5页面提示只能在微信浏览器中打开_Javascript限制网页只能在微信内置浏览器中访问..."> <h3>h5页面提示只能在微信浏览器中打开_Javascript限制网页只能在微信内置浏览器中访问...</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">那么问题就来了，这个网页首先涉及到了移动web前端开发，我优先选择了用HTML5bootstrap组合来实现页面的美观效果，前端其他的任务交给javascript解决(这里我</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1743813405a2484029.html" class="post-item-title" title="手机浏览器能上网微信无法连接服务器,手机打不开微信的网页怎么办？手机打不开微信网页的原因和解决方法..."> <h3>手机浏览器能上网微信无法连接服务器,手机打不开微信的网页怎么办？手机打不开微信网页的原因和解决方法...</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">有一个路饭网友在路饭问答中心提问说：手机能连上网，信号强，但打不开微信的网页。手机打不开微信的网页这个问题小编觉得挺典型的，所以特意拿来谈一谈&</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1743815565a2484398.html" class="post-item-title" title="eclipse内置浏览器404打不开网页"> <h3>eclipse内置浏览器404打不开网页</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">在eclipse中启动tomcat显示网页 http:localhost:8080 为404，但是在外置浏览器中可以正常显示网页原因： eclipse内置浏览器是IE&#xff0</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1743862953a2492634.html" class="post-item-title" title="计算机无法播放flash,电脑中已安装Flash网页视频还是提示未安装Flash播放器怎么办..."> <h3>计算机无法播放flash,电脑中已安装Flash网页视频还是提示未安装Flash播放器怎么办...</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">‍ 如果在电脑中播放网页视频提示“未安装Flash播放器”，那么我们通常会考虑电脑中是否安装Flash插件或者是否更新到最新版本。但是在已经安装最新版Flash的情况下还是会出现该提示，导致无法播</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1743915321a2501670.html" class="post-item-title" title="NextChat：一键免费部署你的私人 ChatGPT 网页应用，支持 Claude, GPT4 & Gemini Pro 模型。（MCP需要2.16版本才支持）"> <h3>NextChat：一键免费部署你的私人 ChatGPT 网页应用，支持 Claude, GPT4 & Gemini Pro 模型。（MCP需要2.16版本才支持）</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">NextChat：一键免费部署你的私人 ChatGPT 网页应用，支持各种流行的AI大模型。官网：https:githubChatGPTNextWebNextCh</p> </div> </div> </div> <div class="roclinux-cn comments"> <div class="roclinux-cn postcomm block-wrap" id="divCommentPost"> <h2 class="block-title"> 发表评论 </h2> <form id="saypl" target="_self" method="post" name="saypl" action="/comment/create/720014.html?safe_token=rS4RGjmnnFbKbZZ_2BRS4N_2F3O3dpLlqm7OXR5P4N5MWV5iEZciOWtYZoTD18oLrxsjx6VeLvFy6Pk2PbKOlSqQ_2FQ_3D_3D"> <input type="hidden" name="doctype" value="1" /> <input type="hidden" name="quotepid" value="0" /> <div class="roclinux-cn comment-box comment-textarea"> <textarea name="message" id="txaArticle" class="text" cols="50" rows="4" tabindex="5" placeholder="评论内容"></textarea> </div> <input name="sumbit" type="submit" tabindex="6" value="发表评论" class="sub"> </form> </div> </div> <div class="sn-comments"> <div class="sn-comments__title">全部评论 0</div> <div class="sn-comments__body"> <div class="sn-empty">暂无评论</div> </div> </div> </div> </div> <div class="aside"> <div class="block-wrap" id="side-top-dxt"> <h2 class="block-title">推荐文章<i class="mcico mico-right"></i></h2> <div class="mcdas"> <a href="/p/1744043874a2523758.html" title="javascript - Change navigation font color based on background - Stack Overflow" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> javascript - Change navigation font color based on background - Stack Overflow </h3> </div> </a> <a href="/p/1744089907a2531834.html" title="Azure app container for Nginx and Symfony - Stack Overflow" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> Azure app container for Nginx and Symfony - Stack Overflow </h3> </div> </a> <a href="/b/1747571680a2548251.html" title="Windows安装nvm【超详细图解】" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> Windows安装nvm【超详细图解】 </h3> </div> </a> <a href="/b/1749531783a2729286.html" title="华硕天选4系列恢复出厂系统远程安装原厂系统" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> 华硕天选4系列恢复出厂系统远程安装原厂系统 </h3> </div> </a> <a href="/b/1749820084a2766013.html" title="msvcr110.dll丢失怎么办？彻底解析msvcr110.dll错误原因及修复方法完整解决方案指南" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> msvcr110.dll丢失怎么办？彻底解析msvcr110.dll错误原因及修复方法完整解决方案指南 </h3> </div> </a> </div> </div> <div class="block-wrap" id="side-hot-view-item"> <h2 class="block-title">热门文章<i class="mcico mico-right"></i> </h2> <ul> <li class="mclas">      <div class="list-content"> <a title="python - Polars wheel file - Stack Overflow" target="_blank" href="/p/1744036295a2522422.html"> <h3>python - Polars wheel file - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="hyperparameters - Hyperopt: attribute 'quniformint' not recognized - Stack Overflow" target="_blank" href="/p/1744041576a2523351.html"> <h3>hyperparameters - Hyperopt: attribute 'quniformint' not recognized - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - How do I check if an indexedDB instance is open? - Stack Overflow" target="_blank" href="/p/1744056615a2525967.html"> <h3>javascript - How do I check if an indexedDB instance is open? - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="php - Server-side or client-side for fetching tweets? - Stack Overflow" target="_blank" href="/p/1744062138a2526914.html"> <h3>php - Server-side or client-side for fetching tweets? - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - Find Parallel or Offset SVG path - Stack Overflow" target="_blank" href="/p/1744063431a2527146.html"> <h3>javascript - Find Parallel or Offset SVG path - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - jquery show hide loader for the element which clicked - Stack Overflow" target="_blank" href="/p/1744085872a2531114.html"> <h3>javascript - jquery show hide loader for the element which clicked - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - Ember.js - CRUD scenarios - Specifying View from within a Route - Stack Overflow" target="_blank" href="/p/1744088834a2531647.html"> <h3>javascript - Ember.js - CRUD scenarios - Specifying View from within a Route - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="html - How can I play sound in JavaScript, without using the <audio> tag? - Stack Overflow" target="_blank" href="/p/1744091801a2532171.html"> <h3>html - How can I play sound in JavaScript, without using the <audio> tag? - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - When scroll page down appear and dissapear element - Stack Overflow" target="_blank" href="/p/1744092955a2532376.html"> <h3>javascript - When scroll page down appear and dissapear element - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="现在的电脑还能装win7吗_电脑装win7系统全面分析 (支持新旧机型安装分析)" target="_blank" href="/b/1749701804a2751329.html"> <h3>现在的电脑还能装win7吗_电脑装win7系统全面分析 (支持新旧机型安装分析)</h3> </a> <span class="post-date">14天前</span> </div> </li> </ul> </div> <div class="block-wrap" id="side-new-view-item"> <h2 class="block-title">最新文章<i class="mcico mico-right"></i> </h2> <ul> <li class="mclas">      <div class="list-content"> <a title="javascript - How do I toggle the readonly attribute of all child element with jquery - Stack Overflow" target="_blank" href="/p/1744100356a2533471.html"> <h3>javascript - How do I toggle the readonly attribute of all child element with jquery - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - Might it be possible to block an entire US state from accessing my site, using PHP? - Stack Overflow" target="_blank" href="/p/1744100331a2533470.html"> <h3>javascript - Might it be possible to block an entire US state from accessing my site, using PHP? - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="c++ - Is dereferencing std::span::end always undefined? - Stack Overflow" target="_blank" href="/p/1744100330a2533469.html"> <h3>c++ - Is dereferencing std::span::end always undefined? - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - Delay function execution if it has been called recently - Stack Overflow" target="_blank" href="/p/1744100302a2533468.html"> <h3>javascript - Delay function execution if it has been called recently - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - Google Maps Autocomplete List - Stack Overflow" target="_blank" href="/p/1744100275a2533467.html"> <h3>javascript - Google Maps Autocomplete List - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="【免费下载】重温经典：MSDN原版Windows 7 with SP1各版本下载推荐" target="_blank" href="/b/1750343581a2773665.html"> <h3>【免费下载】重温经典：MSDN原版Windows 7 with SP1各版本下载推荐</h3> </a> <span class="post-date">7天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="【免费下载】大神U盘工具（Win10PE）UEFI纯净版启动盘制作工具" target="_blank" href="/b/1750338815a2773064.html"> <h3>【免费下载】大神U盘工具（Win10PE）UEFI纯净版启动盘制作工具</h3> </a> <span class="post-date">7天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="【免费下载】重温经典：Windows 98原版系统镜像下载资源推荐" target="_blank" href="/b/1750332320a2772263.html"> <h3>【免费下载】重温经典：Windows 98原版系统镜像下载资源推荐</h3> </a> <span class="post-date">7天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Windows系统更新，显示Windows启动管理器，进去后为重装系统界面的解决方法。" target="_blank" href="/b/1749840474a2768367.html"> <h3>Windows系统更新，显示Windows启动管理器，进去后为重装系统界面的解决方法。</h3> </a> <span class="post-date">12天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="win11登录密码忘记了？别慌！无需重装系统，一个U盘轻松移除！" target="_blank" href="/b/1749839568a2768244.html"> <h3>win11登录密码忘记了？别慌！无需重装系统，一个U盘轻松移除！</h3> </a> <span class="post-date">12天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Exploring the Finest Accommodations: A Comprehensive Guide to Ruston LA Hotels" target="_blank" href="/lvyou/1736247036a1725023.html"> <h3>Exploring the Finest Accommodations: A Comprehensive Guide to Ruston LA Hotels</h3> </a> <span class="post-date">5月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="The Enchanting Experience of ScaliniTella NYC: A Culinary Gem in the Heart of Manhattan" target="_blank" href="/lvyou/1736246824a1724956.html"> <h3>The Enchanting Experience of ScaliniTella NYC: A Culinary Gem in the Heart of Manhattan</h3> </a> <span class="post-date">5月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Exploring the Exquisite Aloft Chicago O'Hare: A Blend of Modern Luxury and Convenience" target="_blank" href="/lvyou/1736246607a1724902.html"> <h3>Exploring the Exquisite Aloft Chicago O'Hare: A Blend of Modern Luxury and Convenience</h3> </a> <span class="post-date">5月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="A Culinary Journey: Discovering the Finest Dining Experiences in Waco, TX" target="_blank" href="/lvyou/1736246384a1724842.html"> <h3>A Culinary Journey: Discovering the Finest Dining Experiences in Waco, TX</h3> </a> <span class="post-date">5月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="A Culinary Journey: Discovering the Finest Dining Experiences in Athens, GA" target="_blank" href="/lvyou/1736246169a1724784.html"> <h3>A Culinary Journey: Discovering the Finest Dining Experiences in Athens, GA</h3> </a> <span class="post-date">5月前</span> </div> </li> </ul> </div> </div> </div> <div class="footer"> CopyRight © 2022 All Rights Reserved. <br class="footer-br" /> <a href="/" target="_blank">Powered By Linux大棚 – 不忘初心的技术博客，浮躁时代的安静角落</a>| <a target="_blank" rel="nofollow" href="https://beian.miit.gov.cn/" style="font-size: 12px;">豫ICP备2022026798号-10</a> </div> <script src="/view/js/xiuno.js?2.3.0"></script> <script src="/view/template/quzhiwa/js/custom.js?2.3.0"></script> <script> $('.cat-tab-wrap li[data-active="fid-4"]').addClass('current-menu-item'); $('.menu-header-container li[data-active="fid-4"]').addClass('current-menu-item'); </script> </body> </html>