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

admin 管理员组

文章数量: 1087135

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://roclinux.cn/b/1718306108a720014.html">http://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/1740070245a2128623.html" class="post-item-title" title="JavaScript - 判断当前网页是否在微信内置浏览器中运行（最靠谱的方案，检查是否在微信浏览器中打开网站或页面）"> <h3>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">3月前</div> </div> <p class="post-item-summary">前言 Vue - 判断访问网页客户端设备是手机移动端还是 PC 电脑端（判断设备类型是否是移动端手机）。使用 Vue.jsNuxt.js 开发 H5 网站时，难免需要判断当前</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1740070555a2128680.html" class="post-item-title" title="unity2018版关于打开固定的浏览器并打开固定的网页，同时设置unity窗口显示在最上层"> <h3>unity2018版关于打开固定的浏览器并打开固定的网页，同时设置unity窗口显示在最上层</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">unity 关于打开固定的浏览器并打开固定的网页，同时设置unity窗口显示在最上层最近的项目中需求提到了打开固定的浏览器并且要打开固定的网址，以前虽然使用过，但是和这次</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1740073322a2129174.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">不少的用户都有遇到电脑打开默认系统浏览器的时候，提示网页无法打开的问题。最主要的是我们的网络是正常的，因为可以登上自己的社交平台等，手机也可以正常的访问网络。那么这是怎么回事</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">3月前</div> </div> <p class="post-item-summary">在大家浏览网页的时候，肯定都碰到过这样的烦恼：很多网页都对其内容作出的保护措施，网页上的文字不能选中、网页的图片不能右键保存，直接截图保存图片的质量又大</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1741132661a2261391.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">3月前</div> </div> <p class="post-item-summary">手机浏览器的使用基本主要都是用于浏览网页，如果遇到打不开网页的事那浏览器多半是出问题了。下面是小编给大家整理的一些有关手机浏览器打不开网页的解决方法，希望对大家有帮助! 手机浏览器打不开网页的解决</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1741134742a2261753.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">import webbrowserwebbrowser.open("http:www.baidu")</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1741135674a2261915.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">关于微信网页支付，分为微信域内浏览器支付 + 外部浏览器支付，两者还是稍微有点点区别的，内部浏览器即在微信内打开网页，进行支付，支付调用是需要开通JSAPI支付方式；而外部浏览器「比如浏览器等」则需要开通 H5支付方式。准备工作接入说</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1741135753a2261929.html" class="post-item-title" title="php网页只能在微信浏览器中打开"> <h3>php网页只能在微信浏览器中打开</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">$useragent$_SERVER[HTTP_USER_AGENT];if(strpos($useragent, MicroMessenger)false && strpos($useragent, Window</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1742417126a2389314.html" class="post-item-title" title="在浏览器中运行Windows11网页版"> <h3>在浏览器中运行Windows11网页版</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">按照微软的预告，Windows 11 正式版会在 2021 年底推出。现在网上已经有了 Windows 11 ISO 预览版本，不过应该还是开发测试版，并不能应用于正式环境。</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1742568126a2409673.html" class="post-item-title" title="pc端vue项目打开pdf文件；网页查看pdf文件；浏览器直接打开pdf文件"> <h3>pc端vue项目打开pdf文件；网页查看pdf文件；浏览器直接打开pdf文件</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">要求url是可以直接在地址栏打开的pdf地址urlhttps:push-repair.zuihuibaoACHC00DE0421FP00359D.pdf?e1629447429&tokenvuxdWg0Cy8FED</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">2月前</div> </div> <p class="post-item-summary">要设置在打开Google Chrome浏览器时自动显示某个网页，你可以按照以下步骤操作： 1. 在Chrome中设置主页打开Chrome浏览器。点击右上角的三个竖点（“</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1742570467a2409986.html" class="post-item-title" title="设置网页默认为360浏览器极速模式打开"> <h3>设置网页默认为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">2月前</div> </div> <p class="post-item-summary">设置网页默认为360浏览器极速模式打开在head标签中添加一行代码： <html><head><meta name"renderer" content&quo</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1742570725a2410018.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">1.概要：从用户在浏览器输入域名开始，到web页面加载完毕，这个过程叫做网页加载过程，个人总结，长期更新 2.分析&#xf</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/1743812787a2483923.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">此方法可以实现微信内置浏览器跳转到手机其它浏览器，现在网上其它的方法都只是一个页面，让访问者自己手动点右上角浏览器打开，而这个不同，是可以直接自动跳转的。安卓访问时可以直接自动跳转浏览器；IOS 就复杂一点了，需要点一下然后借助手机淘宝才</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1743813869a2484107.html" class="post-item-title" title="Android中通过intent打开浏览器到指定网页"> <h3>Android中通过intent打开浏览器到指定网页</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">android系统内置了很多应用，包括电话拨号，短信，浏览器等，这里创建一个简单的Android程序，调用内置的浏览器打开指定的地</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1743815762a2484433.html" class="post-item-title" title="如何用JS判断网页H5在某个手机APP环境中打开的？"> <h3>如何用JS判断网页H5在某个手机APP环境中打开的？</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">JS如何判断是否在微信浏览器打开，是否在QQ空间浏览器，是否在新浪微博打开，是否在支付宝打开，是否在xx应用程序内打开？ let</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1743815843a2484445.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">2月前</div> </div> <p class="post-item-summary">可能会遇到的问题： 各大网页在退出后，登陆状态消失，下次再打开该网页，就要重新登录。解决方案： 打开设置——>隐私、搜索和</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 class="roclinux-cn post-item">         <a href="/b/1747730858a2576691.html" class="post-item-title" title="热门的AI网页版网址大全"> <h3>热门的AI网页版网址大全</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">18天前</div> </div> <p class="post-item-summary">1. 热门 AI 官方网站(网页版) DeepSeek（深度求索）Qwen（阿里通义千问） ：通义tongyi.ai_你的全能</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=UqUvYmr_2BTDi6BxvXb3fxDWA2iIAIpmlBFZpMYGktKWegHtfqZYXzsKjEDLD4IRoTNWcttFW_2BNpl2wLCAvZTS9Q_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/1744038689a2522851.html" title="Authenticating into Azure from Python - Stack Overflow" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> Authenticating into Azure from Python - Stack Overflow </h3> </div> </a> <a href="/p/1744040430a2523151.html" title="How to write type hints for recursive function computing depth in Python? - Stack Overflow" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> How to write type hints for recursive function computing depth in Python? - Stack Overflow </h3> </div> </a> <a href="/b/1744040462a2523156.html" title="windows关机自动还原设置UWF" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> windows关机自动还原设置UWF </h3> </div> </a> <a href="/p/1744046888a2524285.html" title="Stop checking checkboxes after a number of checkboxes have been checked in jQuery or JavaScript - Stack Overflow" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> Stop checking checkboxes after a number of checkboxes have been checked in jQuery or JavaScript - Stack Overflow </h3> </div> </a> <a href="/b/1747624174a2563423.html" title="2025年的电脑能装win7吗_2025年组装电脑装win7详细图文教程" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> 2025年的电脑能装win7吗_2025年组装电脑装win7详细图文教程 </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="javascript - What js 'engine' does cordova use? - Stack Overflow" target="_blank" href="/p/1744036815a2522518.html"> <h3>javascript - What js 'engine' does cordova use? - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - NextJS TypeError: Cannot read properties of null (reading 'length') - Stack Overflow" target="_blank" href="/p/1744038313a2522783.html"> <h3>javascript - NextJS TypeError: Cannot read properties of null (reading 'length') - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="How to include Special characters search like (,),{,} in graph api search - Stack Overflow" target="_blank" href="/p/1744041240a2523297.html"> <h3>How to include Special characters search like (,),{,} in graph api search - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - How to implement ng-change for custom directive for select list? - Stack Overflow" target="_blank" href="/p/1744044005a2523781.html"> <h3>javascript - How to implement ng-change for custom directive for select list? - 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="How to call a javascript function after the selection of file from the Open Dialog window close event. in HTMLusing html file ty" target="_blank" href="/p/1744082440a2530500.html"> <h3>How to call a javascript function after the selection of file from the Open Dialog window close event. in HTMLusing html file ty</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="How to connect Oracle Database using Javascript & HTML - Stack Overflow" target="_blank" href="/p/1744088179a2531529.html"> <h3>How to connect Oracle Database using Javascript & HTML - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="联想电脑异常：找不到wifi网络" target="_blank" href="/b/1747455188a2536759.html"> <h3>联想电脑异常：找不到wifi网络</h3> </a> <span class="post-date">21天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="轻松恢复数据：EasyRecovery2024中文版数据恢复软件推荐" target="_blank" href="/b/1747594106a2557708.html"> <h3>轻松恢复数据：EasyRecovery2024中文版数据恢复软件推荐</h3> </a> <span class="post-date">20天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="电脑操作技巧——工作效率提高200倍" target="_blank" href="/b/1748229405a2633860.html"> <h3>电脑操作技巧——工作效率提高200倍</h3> </a> <span class="post-date">12天前</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="【教程】Python Flask快速学习" target="_blank" href="/b/1749251520a2692895.html"> <h3>【教程】Python Flask快速学习</h3> </a> <span class="post-date">18小时前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="国内可用chatgpt中文版镜像网站最新合集在线网页版-202562" target="_blank" href="/b/1749129858a2676209.html"> <h3>国内可用chatgpt中文版镜像网站最新合集在线网页版-202562</h3> </a> <span class="post-date">2天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="【Windows默认】编码格式修改" target="_blank" href="/b/1749121851a2675119.html"> <h3>【Windows默认】编码格式修改</h3> </a> <span class="post-date">2天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="系统启动U盘制作" target="_blank" href="/b/1748975928a2655893.html"> <h3>系统启动U盘制作</h3> </a> <span class="post-date">3天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="U盘重装win11系统专业版—启动盘制作与安装" target="_blank" href="/b/1748356478a2650282.html"> <h3>U盘重装win11系统专业版—启动盘制作与安装</h3> </a> <span class="post-date">11天前</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>