一、搜索引擎工作原理

当我们在输入框中输入关键词，点击搜索或查询时，然后得到结果。深究其背后的故事，搜索引擎做了很多事情。

在搜索引擎网站，比如百度，在其后台有一个非常庞大的数据库，里面存储了海量的关键词，而每个关键词又对应着很多网址，这些网址是百度程序从茫茫的互联网上一点一点下载收集而来的，这些程序称之为“搜索引擎蜘蛛”或“网络爬虫”。这些勤劳的“蜘蛛”每天在互联网上爬行，从一个链接到另一个链接，下载其中的内容，进行分析提炼，找到其中的关键词，如果“蜘蛛”认为关键词在数据库中没有而对用户是有用的便存入数据库。反之，如果“蜘蛛”认为是垃圾信息或重复信息，就舍弃不要，继续爬行，寻找最新的、有用的信息保存起来提供用户搜索。当用户搜索时，就能检索出与关键字相关的网址显示给访客。

一个关键词对用多个网址，因此就出现了排序的问题，相应的当与关键词最吻合的网址就会排在前面了。在“蜘蛛”抓取网页内容，提炼关键词的这个过程中，就存在一个问题：“蜘蛛”能否看懂。如果网站内容是flash和js，那么它是看不懂的，会犯迷糊，即使关键字再贴切也没用。相应的，如果网站内容是它的语言，那么它便能看懂，它的语言即SEO。

二、SEO简介

全称：Search English Optimization，搜索引擎优化。自从有了搜索引擎，SEO便诞生了。

存在的意义：为了提升网页在搜索引擎自然搜索结果中的收录数量以及排序位置而做的优化行为。简言之，就是希望百度等搜索引擎能多多我们收录精心制作后的网站，并且在别人访问时网站能排在前面。

分类：白帽SEO和黑帽SEO。白帽SEO，起到了改良和规范网站设计的作用，使网站对搜索引擎和用户更加友好，并且网站也能从搜索引擎中获取合理的流量，这是搜索引擎鼓励和支持的。黑帽SEO，利用和放大搜索引擎政策缺陷来获取更多用户的访问量，这类行为大多是欺骗搜索引擎，一般搜索引擎公司是不支持与鼓励的。本文针对白帽SEO，那么白帽SEO能做什么呢？

对网站的标题、关键字、描述精心设置，反映网站的定位，让搜索引擎明白网站是做什么的；
网站内容优化：内容与关键字的对应，增加关键字的密度；
在网站上合理设置Robot.txt文件；
生成针对搜索引擎友好的网站地图；
增加外部链接，到各个网站上宣传；

三、前端SEO

通过网站的结构布局设计和网页代码优化，使前端页面既能让浏览器用户能够看懂，也能让“蜘蛛”看懂。

3.1 网站结构布局优化：尽量简单、开门见山，提倡扁平化结构。

一般而言，建立的网站结构层次越少，越容易被“蜘蛛”抓取，也就容易被收录。一般中小型网站目录结构超过三级，“蜘蛛”便不愿意往下爬，“万一天黑迷路了怎么办”。并且根据相关调查：访客如果经过跳转3次还没找到需要的信息，很可能离开。因此，三层目录结构也是体验的需要。为此我们需要做到：

控制首页链接数量

网站首页是权重最高的地方，如果首页链接太少，没有“桥”，“蜘蛛”不能继续往下爬到内页，直接影响网站收录数量。但是首页链接也不能太多，一旦太多，没有实质性的链接，很容易影响用户体验，也会降低网站首页的权重，收录效果也不好。

因此对于中小型企业网站，建议首页链接在100个以内，链接的性质可以包含页面导航、底部导航、锚文字链接等等，注意链接要建立在用户的良好体验和引导用户获取信息的基础之上。

扁平化的目录层次，尽量让“蜘蛛”只要跳转3次，就能到达网站内的任何一个内页。扁平化的目录结构，比如：“植物”--> "水果" --> "苹果"、“桔子”、“香蕉”，通过3级就能找到香蕉了。
导航优化

导航应该尽量采用文字方式，也可以搭配图片导航，但是图片代码一定要进行优化，标签必须添加“alt”和“title”属性，告诉搜索引擎导航的定位，做到即使图片未能正常显示时，用户也能看到提示文字。

其次，在每一个网页上应该加上面包屑导航，好处：从用户体验方面来说，可以让用户了解当前所处的位置以及当前页面在整个网站中的位置，帮助用户很快了解网站组织形式，从而形成更好的位置感，同时提供了返回各个页面的接口，方便用户操作；对“蜘蛛”而言，能够清楚的了解网站结构，同时还增加了大量的内部链接，方便抓取，降低跳出率。

网站的结构布局--不可忽略的细节

页面头部：logo及主导航，以及用户的信息。
页面主体：左边正文，包括面包屑导航及正文；右边放热门文章及相关文章，好处：留住访客，让访客多停留，对“蜘蛛”而言，这些文章属于相关链接，增强了页面相关性，也能增强页面的权重。
页面底部：版权信息和友情链接。

特别注意：分页导航写法，推荐写法：“首页 1 2 3 4 5 6 7 8 9 下拉框”，这样“蜘蛛”能够根据相应页码直接跳转，下拉框直接选择页面跳转。而下面的写法是不推荐的，“首页下一页尾页”，特别是当分页数量特别多时，“蜘蛛”需要经过很多次往下爬，才能抓取，会很累、会容易放弃。

控制页面的大小，减少http请求，提高网站的加载速度。

一个页面最好不要超过100k，太大，页面加载速度慢。当速度很慢时，用户体验不好，留不住访客，并且一旦超时，“蜘蛛”也会离开。

3.2 网页代码优化

</code>标题：只强调重点即可，尽量把重要的关键词放在前面，关键词不要重复出现，尽量做到每个页面的<title>标题中不要设置相同的内容。</p></li> <li><p><code><meta keywords></code>标签：关键词，列举出几个页面的重要关键字即可，切记过分堆砌。</p></li> <li><p><code><meta description></code>标签：网页描述，需要高度概括网页内容，切记不能太长，过分堆砌关键词，每个页面也要有所不同。</p></li> <li><p><code><body></code>中的标签：尽量让代码语义化，在适当的位置使用适当的标签，用正确的标签做正确的事。让阅读源码者和“蜘蛛”都一目了然。比如：h1-h6 是用于标题类的，<code><nav></code>标签是用来设置页面主导航的等。</p></li> <li><p><code><a></code>标签：页内链接，要加 “title” 属性加以说明，让访客和 “蜘蛛” 知道。而外部链接，链接到其他网站的，则需要加上 el="nofollow" 属性, 告诉 “蜘蛛” 不要爬，因为一旦“蜘蛛”爬了外部链接之后，就不会再回来了。</p></li> <li><p>正文标题要用<code><h1></code>标签：“蜘蛛” 认为它最重要，若不喜欢<code><h1></code>的默认样式可以通过CSS设置。尽量做到正文标题用<code><h1></code>标签，副标题用<code><h2></code>标签, 而其它地方不应该随便乱用 h 标题标签。</p></li> </ol> <p>7.<code><br></code>标签：只用于文本内容的换行，比如:</p> <pre><code><p> 　第一行文字内容<br/> 第二行文字内容<br/> 第三行文字内容 </p> </code></pre> <ol start="8"> <li>表格应该使用<code><caption></code>表格标题标签</li> </ol> <p>9.<code><img></code>应使用 "alt" 属性加以说明</p> <ol start="10"> <li> <code><strong>、<em></code>标签 : 需要强调时使用。<code><strong></code>标签在搜索引擎中能够得到高度的重视，它能突出关键词，表现重要的内容，<code><em></code>标签强调效果仅次于<code><strong></code>标签。</li> </ol> <p><strong><code><b>、<i></code>标签: 只是用于显示效果时使用，在SEO中不会起任何效果。</strong></p> <ol start="11"> <li><p>文本缩进不要使用特殊符号 <code> </code>; 应当使用CSS进行设置。版权符号不要使用特殊符号<code>©</code>; 可以直接使用输入法，拼<code>“banquan”</code>，选择序号5就能打出版权符号©。</p></li> <li><p>巧妙利用CSS布局，将重要内容的HTML代码放在最前面，最前面的内容被认为是最重要的，优先让“蜘蛛”读取，进行内容关键词抓取。</p></li> <li><p>重要内容不要用JS输出，因为“蜘蛛”不认识</p></li> <li><p>尽量少使用iframe框架,因为“蜘蛛”一般不会读取其中的内容</p></li> <li><p>谨慎使用<code>display：none</code>：对于不想显示的文字内容，应当设置z-index或设置到浏览器显示器之外。因为搜索引擎会过滤掉display:none其中的内容。</p></li> <li><p>不断精简代码</p></li> <li><p>js代码如果是操作DOM操作，应尽量放在body结束标签之前，html代码之后。</p></li> </ol> </article> </div> </div> </div>  <div id="SOHUCS" sid="1298073309744799744"></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">你可能感兴趣的:(前端SEO优化)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1894948231595487232.htm" title="前端学习Day4 CSS基础笔记" target="_blank">前端学习Day4 CSS基础笔记</a> <span class="text-muted">Yukukiii</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>目标能够说出什么是CSS能够使用CSS基础选择器能够设置字体样式能够设置文本样式能够说出CSS的三种引入方式能够使用Chrome调试工具调试样式CSS:层叠样式表(Cascadingstylesheets)语法：写在head里面p{color:brown;//文字变色font-size:30px;//字变大background-color:blue;//背景色为蓝色width:400px;heig</div> </li> <li><a href="/article/1894947977886232576.htm" title="《从零到全栈：Bootstrap 响应式布局指南》" target="_blank">《从零到全栈：Bootstrap 响应式布局指南》</a> <span class="text-muted">CodeComposer</span> <a class="tag" taget="_blank" href="/search/bootstrap/1.htm">bootstrap</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>一、概念1.Bootstrap是什么？Bootstrap是一个基于HTML、CSS和JavaScript的开源前端框架，主要用于快速构建响应式网页。它是UI库（CSS库），提供了丰富的预定义样式和组件，帮助开发者快速实现美观且功能强大的界面。文档地址：Bootstrap中文文档2.响应式布局响应式布局是一种网页设计方法，使页面能够根据设备屏幕尺寸自动调整布局和样式。核心原理：通过媒体查询（@med</div> </li> <li><a href="/article/1894946335266762752.htm" title="Vite 与 Webpack：性能差异解析" target="_blank">Vite 与 Webpack：性能差异解析</a> <span class="text-muted">阿珊和她的猫</span> <a class="tag" taget="_blank" href="/search/webpack/1.htm">webpack</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a> <div>前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录Vite与Webpack：性能差异解析开发模式下的性能ViteWebpack生产模式下的性能V</div> </li> <li><a href="/article/1894914318315614208.htm" title="大模型成本优化实战：从分布式训练到量化剪枝，轻松降低AI计算开销" target="_blank">大模型成本优化实战：从分布式训练到量化剪枝，轻松降低AI计算开销</a> <span class="text-muted">网罗开发</span> <a class="tag" taget="_blank" href="/search/AI/1.htm">AI</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%A8%A1%E5%9E%8B/1.htm">大模型</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a> <div>网罗开发（小红书、快手、视频号同名）大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO</div> </li> <li><a href="/article/1894914191043653632.htm" title="高并发微服务日志管理：ELK、Loki、Fluentd 终极对决与实战指南" target="_blank">高并发微服务日志管理：ELK、Loki、Fluentd 终极对决与实战指南</a> <span class="text-muted">网罗开发</span> <a class="tag" taget="_blank" href="/search/java%E9%9B%86/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/%E4%BA%91%E5%8E%9F%E7%94%9F/1.htm">云原生</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E6%9C%8D%E5%8A%A1/1.htm">微服务</a><a class="tag" taget="_blank" href="/search/elk/1.htm">elk</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a> <div>网罗开发（小红书、快手、视频号同名）大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO</div> </li> <li><a href="/article/1894892368633589760.htm" title="【前端】【面试】【功能函数】写一个JavaScript树形结构操作函数：`filter` 与 `forEach`" target="_blank">【前端】【面试】【功能函数】写一个JavaScript树形结构操作函数：`filter` 与 `forEach`</a> <span class="text-muted">患得患失949</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E8%80%83%E9%A2%98%E4%B8%93%E6%A0%8F%EF%BC%88%E5%89%8D%E5%90%8E%E7%AB%AF%EF%BC%89/1.htm">面试考题专栏（前后端）</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%BB%84%E4%BB%B6/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/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><a class="tag" taget="_blank" href="/search/%E6%A0%91%E7%BB%93%E6%9E%84/1.htm">树结构</a><a class="tag" taget="_blank" href="/search/filter/1.htm">filter</a><a class="tag" taget="_blank" href="/search/forEach/1.htm">forEach</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>写一个JavaScript树形结构操作函数：filter与forEach在JavaScript开发中，处理树形结构数据是一项常见的任务。本文将详细介绍两个用于操作树形结构数据的函数：filter和forEach，包括它们的功能、使用方法以及具体示例。1.filter函数1.1功能概述filter函数用于过滤树形结构数据。它会遍历树形结构中的每个节点，根据传入的过滤函数func来决定是否保留该节点。</div> </li> <li><a href="/article/1894879122996391936.htm" title="js：根据后端返回的数组取出每一个数组的keyword字段然后拼接成一个逗号分隔的字符串" target="_blank">js：根据后端返回的数组取出每一个数组的keyword字段然后拼接成一个逗号分隔的字符串</a> <span class="text-muted">fury_123</span> <a class="tag" taget="_blank" href="/search/elementui/1.htm">elementui</a><a class="tag" taget="_blank" href="/search/vue3/1.htm">vue3</a><a class="tag" taget="_blank" href="/search/js/1.htm">js</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><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>问：现在有一个el-select，后端接口返回数据为keyword:'xxx',referenceNum:1,tagId:'132sf32fasdfaf'组成的数组，现在select是多选，但是但我选择多个下拉框选项后，后端需要前端返回的数据tagIds字段需要时一个字符串，比方：'132sf32fasdfaf,132sf32fasdfaf,132sf32fasdfaf'这样的字符串，中间逗号要是</div> </li> <li><a href="/article/1894877357156659200.htm" title="Uniapp 小程序获取用户手机号功能实现" target="_blank">Uniapp 小程序获取用户手机号功能实现</a> <span class="text-muted">前端小雪的博客.</span> <a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a> <div>在开发Uniapp小程序时，获取用户手机号是一个常见的需求，比如用于用户注册、身份验证等场景。下面将详细介绍如何在Uniapp小程序中实现获取用户手机号的功能。前端代码实现1.uniapp自带按钮在页面中添加一个按钮，当用户点击该按钮时，会触发获取手机号的操作。这里使用v-if指令判断当前平台是否为微信小程序，只有在微信小程序环境下才显示该按钮。去绑定2.处理获取手机号事件在script部分，实现</div> </li> <li><a href="/article/1894862352038293504.htm" title="Jenkins部署GitHub上的前端项目" target="_blank">Jenkins部署GitHub上的前端项目</a> <span class="text-muted">2401_84150191</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/jenkins/1.htm">jenkins</a><a class="tag" taget="_blank" href="/search/github/1.htm">github</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>构建–选择执行shell，这里请安装cnpm，构建速度快，且容易报错。echo$PATHnode-vnpm-vnpminstall-gcnpm--registry=https://registry.npm.taobao.orgcnpminstallnpmrunbuild如果部署到服务器的话，建议打包cddisttar-zcvfdist.tar.gz*构建后步骤，发布到远程服务器这里我们时使用doc</div> </li> <li><a href="/article/1894849367924338688.htm" title="探索未来科技：PositronV3 - 高性能全栈Web框架" target="_blank">探索未来科技：PositronV3 - 高性能全栈Web框架</a> <span class="text-muted">毕艾琳</span> <div>探索未来科技：PositronV3-高性能全栈Web框架去发现同类优质开源项目:https://gitcode.com/是一个强大且灵活的全栈Web开发框架，专为高效、可扩展和易于维护的应用程序设计。它集合了现代前端和后端技术，提供了一站式解决方案，让开发者能够快速构建复杂的Web应用程序。技术分析PositronV3的核心架构基于Node.js，利用其非阻塞I/O模型提供了高性能的服务端处理能力</div> </li> <li><a href="/article/1894842308457721856.htm" title="浏览器原生「磁吸」效果！Anchor Positioning 锚点定位神器解析" target="_blank">浏览器原生「磁吸」效果！Anchor Positioning 锚点定位神器解析</a> <span class="text-muted"></span> <div>从Chrome125开始，支持了一个全新的CSS特性-AnchorPositioning，翻译过来即是锚点定位。在之前的文章中，我们较为系统的讲述了这个新特性的使用，感兴趣的可以翻开一下前文：抢先体验！超强大的AnchorPositioning锚点定位。在本文中，我们将使用锚点定位，实现一个简化版本的Popover功能。下面，我们将一起一探究竟。传统Popover功能长话短说，在日常的前端需求开发</div> </li> <li><a href="/article/1894840408614170624.htm" title="当Vue组件的复用性不是很高的时候，组件化还有必要用vue吗？" target="_blank">当Vue组件的复用性不是很高的时候，组件化还有必要用vue吗？</a> <span class="text-muted">百锦再@新空间代码工作室</span> <a class="tag" taget="_blank" href="/search/%E5%8C%85%E7%BD%97%E4%B8%87%E8%B1%A1/1.htm">包罗万象</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/%E7%BB%84%E4%BB%B6/1.htm">组件</a><a class="tag" taget="_blank" href="/search/%E5%A4%8D%E7%94%A8/1.htm">复用</a> <div>图片:Vue作为一个轻量级的前端框架，在个性化开发中的使用非常广泛，尤其是其组件化开发的思想可以有效提升开发效率、可维护性和代码复用性。不过，正如你提到的，当Vue组件的复用性不高时，组件化是否还必要、是否还有使用Vue的必要性就变得有些模糊了。一、Vue组件化开发的优势组件化思想Vue的组件化开发思想，使得开发者可以将UI和业务逻辑划分为不同的模块。每个模块（组件）都可以独立开发、调试、测试和维</div> </li> <li><a href="/article/1894803204634374144.htm" title="Springboot后台 uniapp前端实现文件的下载与上传〖文件上传篇〗" target="_blank">Springboot后台 uniapp前端实现文件的下载与上传〖文件上传篇〗</a> <span class="text-muted">ktoking</span> <a class="tag" taget="_blank" href="/search/Springboot/1.htm">Springboot</a><a class="tag" taget="_blank" href="/search/Uniapp/1.htm">Uniapp</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E5%85%B7util/1.htm">工具util</a><a class="tag" taget="_blank" href="/search/Springboot%E5%90%8E%E5%8F%B0/1.htm">Springboot后台</a><a class="tag" taget="_blank" href="/search/uniapp%E5%89%8D%E7%AB%AF/1.htm">uniapp前端</a><a class="tag" taget="_blank" href="/search/%E5%AE%9E%E7%8E%B0%E6%96%87%E4%BB%B6%E7%9A%84%E4%B8%8B%E8%BD%BD%E4%B8%8E%E4%B8%8A%E4%BC%A0%E3%80%96%E6%96%87%E4%BB%B6/1.htm">实现文件的下载与上传〖文件</a> <div>Springboot实现文件的下载与上传最近一段时间要学习一下springboot为后台的文件上传也下载,前端部分我使用uniapp来写一.springboot后台部分注意Java文件类以抽象的方式代表文件名和目录路径名。该类主要用于文件和目录的创建、文件的查找和文件的删除等。File对象代表磁盘中实际存在的文件和目录点此学习JAVA文件类controller实现上传单个文件(主要看注解)@Req</div> </li> <li><a href="/article/1894782521720238080.htm" title="JavaScript系列（87）--Webpack 高级配置详解" target="_blank">JavaScript系列（87）--Webpack 高级配置详解</a> <span class="text-muted">ᅟᅠ ‌‍‎‏ 一进制</span> <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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/webpack/1.htm">webpack</a> <div>Webpack高级配置详解️Webpack是前端工程化中最流行的构建工具之一，掌握其高级配置可以帮助我们构建更高效、更优化的应用。本文将深入探讨Webpack的高级配置技巧和最佳实践。Webpack核心概念回顾小知识：Webpack本质上是一个现代JavaScript应用程序的静态模块打包器。当Webpack处理应用程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这</div> </li> <li><a href="/article/1894781766686797824.htm" title="Svelte 最新中文文档教程（20）—— TypeScript" target="_blank">Svelte 最新中文文档教程（20）—— TypeScript</a> <span class="text-muted"></span> <div>前言Svelte，一个语法简洁、入门容易，面向未来的前端框架。从Svelte诞生之初，就备受开发者的喜爱，根据统计，从2019年到2024年，连续6年一直是开发者最感兴趣的前端框架No.1：Svelte以其独特的编译时优化机制著称，具有轻量级、高性能、易上手等特性，非常适合构建轻量级Web项目，也是我做个人项目的首选技术栈。目前Svelte基于Svelte5发布了最新的官方文档，但却缺少对应的中文</div> </li> <li><a href="/article/1894739647750270976.htm" title="uniCloud云开发笔记一" target="_blank">uniCloud云开发笔记一</a> <span class="text-muted">萧寂173</span> <a class="tag" taget="_blank" href="/search/uniapp/1.htm">uniapp</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>文章目录云空间配置创建云空间创建数据库项目连接云空间云函数创建和使用云数据库操作云函数通过传统方式操作数据库查查询全部数据查询数据总条数分页查询正序倒序查询查询字段过滤where查询正则表达式模糊搜索增单个新增批量新增改单个修改批量修改字段是数组或对象的修改更新操作符覆盖性修改(不会保留其他字段,修改时传什么字段这个数据就是什么)删单个删除条件删除(批量删除)云函数的上传和下载前端项目托管配置域名</div> </li> <li><a href="/article/1894737378757636096.htm" title="skywalking前端_SkyWalking" target="_blank">skywalking前端_SkyWalking</a> <span class="text-muted">智能迷宫</span> <a class="tag" taget="_blank" href="/search/skywalking%E5%89%8D%E7%AB%AF/1.htm">skywalking前端</a> <div>Skywalking(简称SW)是分布式系统的应用程序性能监视(APM)工具，专为微服务、云原生和容器架构而设计，提供分布式追踪、服务网格遥测分析、度量聚合和可视化一体化解决方案。通过探针自动收集所需的指标，并进行分布式追踪，具有无代码嵌入，支持众多中间件，agent种类全面，性能消耗低等优点。下载在github的Skywalking项目中下载最新版安装包官网地址解压部署tar-zxvfapach</div> </li> <li><a href="/article/1894713170065420288.htm" title="浅析vue项目优化" target="_blank">浅析vue项目优化</a> <span class="text-muted">欧阳呀</span> <a class="tag" taget="_blank" href="/search/vue%E9%A1%B9%E7%9B%AE%E4%BC%98%E5%8C%96/1.htm">vue项目优化</a><a class="tag" taget="_blank" href="/search/Vue/1.htm">Vue</a><a class="tag" taget="_blank" href="/search/2.0/1.htm">2.0</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/vue%E9%A1%B9%E7%9B%AE%E4%BC%98%E5%8C%96/1.htm">vue项目优化</a><a class="tag" taget="_blank" href="/search/Vue/1.htm">Vue</a><a class="tag" taget="_blank" href="/search/2.0/1.htm">2.0</a> <div>vue用了半年多了，一路踩坑过来，也算是收获不少。不错呢，踩坑的文章很多，我就不写了，主要来写一写怎么去优化vue项目注意:适用于vue-cli初始化、webpack打包的单页应用。组件化组件化(也叫模块化)是前端的一个新的趋势，vue的核心之一也是组件化。项目里公共的地方都要组件化出来，少写很多代码(弹窗，表格，提示等等)。路由管理路由也是vue的重点，主要是涉及到参数传递，一般用这两种，par</div> </li> <li><a href="/article/1894661602100178944.htm" title="前端知识点个人实践" target="_blank">前端知识点个人实践</a> <span class="text-muted">fan510988896</span> <a class="tag" taget="_blank" href="/search/%E4%B8%AA%E4%BA%BA%E5%AE%9E%E8%B7%B5%28%E5%89%8D%E7%AB%AF%29/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/javascript/1.htm">javascript</a> <div>前端知识点最佳实践前端一些记录js相乘小数点问题场景解决方案table值获取问题背景：需要遍历table，获取每行数据解决方案jquery的一些实践自己看吧前端一些记录js相乘小数点问题场景在js相乘中，会发现有很多小数点解决方案首先确定相乘精确位数，然后再末尾去零handleCutZero(result.toFixed(size)functionhandleCutZero(num){//拷贝一份</div> </li> <li><a href="/article/1894624535550947328.htm" title="【现代前端静态资源打包与缓存管理指南（3万字警告）】" target="_blank">【现代前端静态资源打包与缓存管理指南（3万字警告）】</a> <span class="text-muted">Gazer_S</span> <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> <div>现代前端静态资源打包与缓存管理指南一、从「缓存失控」到「精准更新」的认知跃迁1.1缓存问题的本质矛盾用户侧痛点：浏览器缓存加速页面加载vs开发者诉求：代码更新后用户即时生效经典报错场景：#更新后用户看到的诡异错误UncaughtTypeError:(intermediatevalue).sayHelloisnotafunction1.2缓存控制技术图谱控制维度技术方案生效层级文件指纹Hash/Ve</div> </li> <li><a href="/article/1894624156188733440.htm" title="业务线接入前端异常监控sentry" target="_blank">业务线接入前端异常监控sentry</a> <span class="text-muted">weixin_33711647</span> <div>1.前端异常处理的框架对比是否开源收费语言监控范围sentry是自己搭建服务器（免费）价格英文Angular、AngularJs、Backbone、Ember、JavaScript、React、Vue......fundebug否收费（708一年，本地版：12万一年）中文Angular、AngularJs、Backbone、Ember、JavaScript、React、Vue、微信小程序等等...</div> </li> <li><a href="/article/1894598568644243456.htm" title="微信小程序授权登录源码" target="_blank">微信小程序授权登录源码</a> <span class="text-muted">小莉爱编程</span> <a class="tag" taget="_blank" href="/search/uniapp/1.htm">uniapp</a><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> <div>应广大前端程序员要求，源码附上了这里是授权的页面@import"../assets/sass/setting";.authorization{position:relative;.box{position:absolute;top:50%;</div> </li> <li><a href="/article/1894592768202829824.htm" title="【前端开发】能不能用Vue+Bootstrap进行项目开发？有什么需求场景需要用到的地方" target="_blank">【前端开发】能不能用Vue+Bootstrap进行项目开发？有什么需求场景需要用到的地方</a> <span class="text-muted">爱上大树的小猪</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/bootstrap/1.htm">bootstrap</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>简介：Vue.jsVue.js（通常简称为Vue）是一个用于构建用户界面的渐进式JavaScript框架。它允许开发者创建高效的、交互式的单页面应用（SPA）。Vue的核心库专注于视图层，易于学习且集成到现有项目中，同时也能够为复杂的应用提供强大的功能支持。Vue通过组件化的方式让代码更加模块化、可重用和维护。BootstrapBootstrap是一个开源的CSS框架，旨在简化网页和Web应用的前</div> </li> <li><a href="/article/1894590119093006336.htm" title="短剧源码搭建部署短剧小程序测试报告" target="_blank">短剧源码搭建部署短剧小程序测试报告</a> <span class="text-muted">南阳迈特网络科技</span> <a class="tag" taget="_blank" href="/search/%E7%9F%AD%E5%89%A7%E6%BA%90%E7%A0%81/1.htm">短剧源码</a><a class="tag" taget="_blank" href="/search/%E7%9F%AD%E5%89%A7%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">短剧小程序</a><a class="tag" taget="_blank" href="/search/%E7%9F%AD%E5%89%A7%E7%B3%BB%E7%BB%9F/1.htm">短剧系统</a><a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F%E6%9E%B6%E6%9E%84/1.htm">系统架构</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a> <div>短剧小程序测试报告1.概述今天对一款短剧小程序进行了全面测试，整体体验非常优秀。该小程序在功能设计、用户体验、后台管理以及商业模式等方面都表现出色。以下是详细的测试反馈：感兴趣的可以点我参考一起讨论一下2.前端体验2.1格式布局优点：界面设计简洁美观，色彩搭配舒适，符合短剧类应用的用户群体审美。布局合理，导航清晰，用户可以轻松找到所需功能。响应式设计良好，在不同尺寸的设备上都能保持良好的显示效果。</div> </li> <li><a href="/article/1894580534953177088.htm" title="前端解决跨域问题的三种方法" target="_blank">前端解决跨域问题的三种方法</a> <span class="text-muted">web13638179351</span> <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/%E9%9D%A2%E8%AF%95/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/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a> <div>一、cors后端程序员提供的解决跨域访问的方法，和前端程序员没有关系，定义后端程序代码让所有的前端程序都可以访问后端的数据，后端程序告诉服务器这个后端程序的数据任何前端请求都可以访问，服务器就不再执行跨域访问拦截数据的操作。因为博主目前主攻前端对后端并不熟悉，因此这种方法暂不详细解答。二、服务器代理proxy2.1步骤（1）修改Nginx或者Apache服务器文件，目前博主使用的是Nginx代理（</div> </li> <li><a href="/article/1894572088254066688.htm" title="前端开发中的最佳实践与技巧" target="_blank">前端开发中的最佳实践与技巧</a> <span class="text-muted">lina_mua</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/es6/1.htm">es6</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a> <div>1.引言1.1前端开发的重要性在当今的互联网时代，前端开发已经成为构建用户友好、高效、安全的Web应用程序的关键。前端不仅仅是用户与应用程序交互的界面，它还直接影响用户体验、性能和安全性。1.2本文的目标本文旨在分享前端开发中的最佳实践与技巧，帮助开发者提高代码质量、优化性能、增强安全性，并掌握最新的前端技术趋势。2.HTML最佳实践2.1语义化标签的使用语义化HTML不仅有助于SEO，还能提高代</div> </li> <li><a href="/article/1894566417844465664.htm" title="前端开发岗模拟面试题套卷A答案及解析（一）技术面部分" target="_blank">前端开发岗模拟面试题套卷A答案及解析（一）技术面部分</a> <span class="text-muted">向贤</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/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/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>前端开发岗模拟面试题套卷A答案及解析（一）技术面部分（一）技术面一、JavaScript核心技术（ES6+）1-1、实现防抖函数functiondebounce(fn,delay){lettimer=null;returnfunction(...args){clearTimeout(timer);//清除已有定时器timer=setTimeout(()=>{fn.apply(this,args);</div> </li> <li><a href="/article/1894548878519234560.htm" title="React 开发全面指南：核心 API、方法函数及属性详解" target="_blank">React 开发全面指南：核心 API、方法函数及属性详解</a> <span class="text-muted">北辰alk</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/react/1.htm">react</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a> <div>React作为当前最流行的前端框架之一，凭借其组件化、声明式编程和高效的虚拟DOM机制，成为构建复杂用户界面的首选工具。本文将深入解析React的核心API、方法函数及属性，覆盖从基础到高级的各个方面，助你全面掌握React开发技巧。文章目录1.React核心概念1.1组件化开发1.2JSX语法1.3虚拟DOM2.组件生命周期方法（类组件）2.1挂载阶段（Mounting）2.2更新阶段（Upda</div> </li> <li><a href="/article/1894548879068688384.htm" title="Vue 与 React 深度对比：从代码到原理的全方位解析" target="_blank">Vue 与 React 深度对比：从代码到原理的全方位解析</a> <span class="text-muted">北辰alk</span> <a class="tag" taget="_blank" href="/search/react/1.htm">react</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/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/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>Vue和React作为当前最主流的前端框架，各自凭借独特的理念和设计哲学赢得了大量开发者的青睐。Vue以“渐进式框架”和易上手著称，React则以“声明式UI”和灵活性见长。本文将从代码风格、底层原理、API设计、性能优化、生态系统等多个维度，对两者进行深度对比，助你在技术选型时做出明智决策。文章目录1.核心设计理念对比1.1Vue：渐进式框架1.2React：声明式UI库1.3哲学差异总结2.模</div> </li> <li><a href="/article/1894524554911477760.htm" title="2024年前端框架选择指南：React、Vue、Angular与新兴框架对比" target="_blank">2024年前端框架选择指南：React、Vue、Angular与新兴框架对比</a> <span class="text-muted">海豹工匠</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a> <div>在当今快速发展的前端技术领域，选择合适的框架对于项目成功至关重要。本文将深入探讨主流前端框架的特点、优缺点及适用场景，为开发者提供全面的选择指南。主流框架概览React特点：基于组件的开发方式，虚拟DOM差分算法优点：灵活性强，生态系统丰富缺点：需要学习JSX和状态管理库适用场景：中大型项目，需要高度灵活性和复杂状态管理的应用Vue特点：简单易学，模板直观，内置状态管理优点：学习曲线平缓，适合快速</div> </li> <li><a href="/article/31.htm" title="312个免费高速HTTP代理IP（能隐藏自己真实IP地址）" target="_blank">312个免费高速HTTP代理IP（能隐藏自己真实IP地址）</a> <span class="text-muted">yangshangchuan</span> <a class="tag" taget="_blank" href="/search/%E9%AB%98%E9%80%9F/1.htm">高速</a><a class="tag" taget="_blank" href="/search/%E5%85%8D%E8%B4%B9/1.htm">免费</a><a class="tag" taget="_blank" href="/search/superword/1.htm">superword</a><a class="tag" taget="_blank" href="/search/HTTP%E4%BB%A3%E7%90%86/1.htm">HTTP代理</a> <div> 124.88.67.20:843 190.36.223.93:8080 117.147.221.38:8123 122.228.92.103:3128 183.247.211.159:8123 124.88.67.35:81 112.18.51.167:8123 218.28.96.39:3128 49.94.160.198:3128 183.20</div> </li> <li><a href="/article/158.htm" title="pull解析和json编码" target="_blank">pull解析和json编码</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/pull%E8%A7%A3%E6%9E%90/1.htm">pull解析</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a> <div>n.json文件: [{name:java,lan:c++,age:17},{name:android,lan:java,age:8}] pull.xml文件 <?xml version="1.0" encoding="utf-8"?> <stu> <name>java</div> </li> <li><a href="/article/285.htm" title="[能源与矿产]石油与地球生态系统" target="_blank">[能源与矿产]石油与地球生态系统</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E8%83%BD%E6%BA%90/1.htm">能源</a> <div> 按照苏联的科学界的说法,石油并非是远古的生物残骸的演变产物,而是一种可以由某些特殊地质结构和物理条件生产出来的东西,也就是说,石油是可以自增长的.... 那么我们做一个猜想: 石油好像是地球的体液,我们地球具有自动产生石油的某种机制,只要我们不过量开采石油,并保护好</div> </li> <li><a href="/article/412.htm" title="类与对象浅谈" target="_blank">类与对象浅谈</a> <span class="text-muted">沐刃青蛟</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%9F%BA%E7%A1%80/1.htm">基础</a> <div> 类，字面理解，便是同一种事物的总称，比如人类，是对世界上所有人的一个总称。而对象，便是类的具体化，实例化，是一个具体事物，比如张飞这个人，就是人类的一个对象。但要注意的是：张飞这个人是对象，而不是张飞，张飞只是他这个人的名字，是他的属性而已。而一个类中包含了属性和方法这两兄弟，他们分别用来描述对象的行为和性质（感觉应该是</div> </li> <li><a href="/article/539.htm" title="新站开始被收录后，我们应该做什么？" target="_blank">新站开始被收录后，我们应该做什么？</a> <span class="text-muted">IT独行者</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/seo/1.htm">seo</a> <div>新站开始被收录后，我们应该做什么？百度终于开始收录自己的网站了，作为站长，你是不是觉得那一刻很有成就感呢，同时，你是不是又很茫然，不知道下一步该做什么了？至少我当初就是这样，在这里和大家一份分享一下新站收录后，我们要做哪些工作。至于如何让百度快速收录自己的网站，可以参考我之前的帖子《新站让百</div> </li> <li><a href="/article/666.htm" title="oracle 连接碰到的问题" target="_blank">oracle 连接碰到的问题</a> <span class="text-muted">文强chu</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>Unable to find a java Virtual Machine－－安装64位版Oracle11gR2后无法启动SQLDeveloper的解决方案作者：草根IT网来源：未知人气：813标签：导读：安装64位版Oracle11gR2后发现启动SQLDeveloper时弹出配置java.exe的路径，找到Oracle自带java.exe后产生的路径“C:\app\用户名\prod</div> </li> <li><a href="/article/793.htm" title="Swing中按ctrl键同时移动鼠标拖动组件（类中多借口共享同一数据）" target="_blank">Swing中按ctrl键同时移动鼠标拖动组件（类中多借口共享同一数据）</a> <span class="text-muted">小桔子</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%BB%A7%E6%89%BF/1.htm">继承</a><a class="tag" taget="_blank" href="/search/swing/1.htm">swing</a><a class="tag" taget="_blank" href="/search/%E6%8E%A5%E5%8F%A3/1.htm">接口</a><a class="tag" taget="_blank" href="/search/%E7%9B%91%E5%90%AC/1.htm">监听</a> <div> 都知道java中类只能单继承，但可以实现多个接口，但我发现实现多个接口之后，多个接口却不能共享同一个数据，应用开发中想实现：当用户按着ctrl键时，可以用鼠标点击拖动组件，比如说文本框。编写一个监听实现KeyListener,NouseListener,MouseMotionListener三个接口，重写方法。定义一个全局变量boolea</div> </li> <li><a href="/article/920.htm" title="linux常用的命令" target="_blank">linux常用的命令</a> <span class="text-muted">aichenglong</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4/1.htm">常用命令</a> <div>1 startx切换到图形化界面 2 man命令:查看帮助信息 man 需要查看的命令,man命令提供了大量的帮助信息,一般可以分成4个部分 name:对命令的简单说明 synopsis:命令的使用格式说明 description:命令的详细说明信息 options:命令的各项说明 3 date:显示时间语法：date [OPTION]... [+FORMAT] </div> </li> <li><a href="/article/1047.htm" title="eclipse内存优化" target="_blank">eclipse内存优化</a> <span class="text-muted">AILIKES</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a> <div>一基本说明在JVM中，总体上分2块内存区,默认空余堆内存小于 40%时，JVM就会增大堆直到-Xmx的最大限制；空余堆内存大于70%时，JVM会减少堆直到-Xms的最小限制。 1)堆内存(Heap memory):堆是运行时数据区域，所有类实例和数组的内存均从此处分配,是Java代码可及的内存，是留给开发人</div> </li> <li><a href="/article/1174.htm" title="关键字的使用探讨" target="_blank">关键字的使用探讨</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/%E5%85%B3%E9%94%AE%E5%AD%97/1.htm">关键字</a> <div>//关键字的使用探讨/*访问关键词private 只能在本类中访问public 只能在本工程中访问protected 只能在包中和子类中访问默认的只能在包中访问*//*final 类方法变量 final 类不能被继承 final 方法不能被子类覆盖，但可以继承 final 变量只能有一次赋值，赋值后不能改变 final 不能用来修饰构造方法*///this()</div> </li> <li><a href="/article/1301.htm" title="JS中定义对象的几种方式" target="_blank">JS中定义对象的几种方式</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a> <div> 1. 基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)： <html> <head> <title>基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)</title> </head> <script> var obj = new Object(); </div> </li> <li><a href="/article/1428.htm" title="表驱动法实例" target="_blank">表驱动法实例</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%A1%A8%E9%A9%B1%E5%8A%A8%E6%B3%95/1.htm">表驱动法</a><a class="tag" taget="_blank" href="/search/TDD/1.htm">TDD</a> <div>获得月的天数是典型的直接访问驱动表方式的实例，下面我们来展示一下： MonthDaysTest.java package com.study.test; import org.junit.Assert; import org.junit.Test; import com.study.MonthDays; public class MonthDaysTest { @T</div> </li> <li><a href="/article/1555.htm" title="LInux启停重启常用服务器的脚本" target="_blank">LInux启停重启常用服务器的脚本</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>启动，停止和重启常用服务器的Bash脚本，对于每个服务器，需要根据实际的安装路径做相应的修改 #! /bin/bash Servers=(Apache2, Nginx, Resin, Tomcat, Couchbase, SVN, ActiveMQ, Mongo); Ops=(Start, Stop, Restart); currentDir=$(pwd); echo</div> </li> <li><a href="/article/1682.htm" title="【HBase六】REST操作HBase" target="_blank">【HBase六】REST操作HBase</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/hbase/1.htm">hbase</a> <div>HBase提供了REST风格的服务方便查看HBase集群的信息，以及执行增删改查操作 1. 启动和停止HBase REST 服务 1.1 启动REST服务前台启动（默认端口号8080） [hadoop@hadoop bin]$ ./hbase rest start 后台启动 hbase-daemon.sh start rest 启动时指定</div> </li> <li><a href="/article/1809.htm" title="大话zabbix 3.0设计假设" target="_blank">大话zabbix 3.0设计假设</a> <span class="text-muted">ronin47</span> <div>What’s new in Zabbix 2.0? 去年开始使用Zabbix的时候，是1.8.X的版本，今年Zabbix已经跨入了2.0的时代。看了2.0的release notes，和performance相关的有下面几个： :: Performance improvements::Trigger related da</div> </li> <li><a href="/article/1936.htm" title="http错误码大全" target="_blank">http错误码大全</a> <span class="text-muted">byalias</span> <a class="tag" taget="_blank" href="/search/http%E5%8D%8F%E8%AE%AE/1.htm">http协议</a><a class="tag" taget="_blank" href="/search/javaweb/1.htm">javaweb</a> <div>响应码由三位十进制数字组成，它们出现在由HTTP服务器发送的响应的第一行。响应码分五种类型，由它们的第一位数字表示： 1）1xx：信息，请求收到，继续处理 2）2xx：成功，行为被成功地接受、理解和采纳 3）3xx：重定向，为了完成请求，必须进一步执行的动作 4）4xx：客户端错误，请求包含语法错误或者请求无法实现 5）5xx：服务器错误，服务器不能实现一种明显无效的请求 </div> </li> <li><a href="/article/2063.htm" title="J2EE设计模式-Intercepting Filter" target="_blank">J2EE设计模式-Intercepting Filter</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a> <div>Intercepting Filter类似于职责链模式有两种实现其中一种是Filter之间没有联系，全部Filter都存放在FilterChain中，由FilterChain来有序或无序地把把所有Filter调用一遍。没有用到链表这种数据结构。示例如下： package com.ljn.filter.custom; import java.util.ArrayList;</div> </li> <li><a href="/article/2190.htm" title="修改jboss端口" target="_blank">修改jboss端口</a> <span class="text-muted">chicony</span> <a class="tag" taget="_blank" href="/search/jboss/1.htm">jboss</a> <div>修改jboss端口 %JBOSS_HOME%\server\{服务实例名}\conf\bindingservice.beans\META-INF\bindings-jboss-beans.xml 中找到  </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>

前端SEO优化

一、搜索引擎工作原理

二、SEO简介

三、前端SEO

3.1 网站结构布局优化：尽量简单、开门见山，提倡扁平化结构。

3.2 网页代码优化