...好的报错界面吧如果页面返回的直接就是nginx的404，这......说不过去吧，说明站点做的不认真，容错比较差，搜索引擎和用户看了都会摇摇头。所以，至少把“文章不存在”这种错误，封装一下，返回一个有好的界面，友好的提示用户“文章可能被作者删除了，看看其它文章吧！” 至少，在用户看来，这个提示是友好的，毕竟非技术人员看到nginx的404都会认为“呵，破网站，挂了！” 方法二：方法一是个错误，会引擎搜索引擎的反感啥？你说了半天方法一，还是个错误？尤其是你的被删的文章比较多的时候，搜索引擎每次来访，都会提取到文案“文章可能被作者删除了，看看其它文章吧！”，这... 第一，没什么价值，搜索引擎会认为低质量！这很严重第二，更大的麻烦，这个文字是重复的，搜索引擎会认为你的站点有大量的重复！这很严重方法三：正确的处理方法是返回404或410 404大家比较熟悉，410是啥，其实和404差不多：但是二者在seo上的区别，当搜索引擎拿到410后，可能会更快地在索引库中删除被删除的文件。当然，返回404和410在这里都可以。至少是老实承认问题的态度，让搜索引擎可以根据404或410做出正确的下一步操作。 java代码可以用这个返回404： response.setStatus(HttpServletResponse.SC_NOT_FOUND); 方法四：返回301状态码跳转到另一篇文章 301是跳转，永久性跳转，但这种跳转是被搜索引擎唯一接受、不认为是作弊的跳转。不要使用302跳转、任何js跳转、meta刷新等方式，都会被搜索引擎认为是作弊哦！所以，当文章不存在的时候，使用301跳转到另一篇文章（但最好主体相关的、或另起炉灶新写一篇弥补手误删除的错误），这样，有两个好处：第一，搜索引擎不会惩罚第二，会把老文章的权重301传到新文章，一举两得 java代码可以用这个返回301： // response.sendRedirect(getRandomArticleByCategoryHref(category)); // 这种是302 response.setStatus(HttpServletResponse.SC_MOVED_PERMANENTLY); // 这种是301，se唯一认可的非作弊的跳转方式 response.setHeader("Location",新路径); 方法五：死链提交站长后台都支持死链提交，如果你确定一个url里面的文章确实被删除了，可以手动提交死链。主动承认链接问题。下图是谷歌站长后台的入口：

2024-01-26 17:59:54

540

admin-tim

JSON

json 的遍历方法

...N数据进行解析并更新页面状态。 for-in循环 , for-in是JavaScript中的一种循环结构，用于遍历一个对象的所有可枚举属性（不包含Symbol类型和继承自原型链的属性）。在文中，通过for-in循环可以依次取出JSON对象中的每一个属性名（key）及其对应的值，实现对JSON数据的逐项访问和操作。对于嵌套的JSON对象或数组，开发者可以通过递归或其他方式配合for-in循环实现深度遍历。

2023-03-20 23:03:41

517

程序媛

转载文章

[转载]layui内置图标不满足需求，自定义添加阿里矢量图标

...图标资源可进一步提升页面加载速度与渲染性能。通过将多个SVG图标组合成一个SVG文件，并利用CSS进行调用，既能减少HTTP请求，又能确保图标在不同分辨率下清晰显示。总之，在实际开发过程中，充分结合各种图标资源库的优势，灵活运用到layui等前端框架中，不仅可以增强界面美观度，还能有效提高开发灵活性与用户体验。不断关注阿里矢量图标库等资源的更新动态，将有助于开发者与时俱进，打造出更具竞争力的产品界面。

2023-01-15 13:55:36

534

转载

JQuery

jquery手机轮播图插件

...移动优先时代，手机端页面的用户体验优化显得尤为重要。jQuery库中的Swiper插件因其高效易用的轮播图功能而备受开发者青睐。事实上，随着技术的不断迭代更新，Swiper已不仅仅局限于jQuery版本，它现在是一个独立且强大的JavaScript触摸滑动插件，支持React、Vue等多种现代前端框架。近期，Swiper 6.0版本发布，引入了更多先进的特性，如对Web Components的支持，以及更灵活的API和模块化设计，使得开发者可以根据项目需求定制适合自己的轮播组件。此外，新版本还增强了无障碍访问功能，确保视障用户也能通过屏幕阅读器等辅助设备正常感知轮播内容。值得注意的是，针对移动端性能优化，Swiper实现了懒加载图片以提高页面加载速度，并提供了平滑滚动与触摸释放惯性滑动效果，让用户的交互体验更加自然流畅。结合当下流行的PWA（Progressive Web App）趋势，Swiper能够在离线状态下依然保持基本的轮播功能，进一步提升了移动端应用的可用性和可靠性。总的来说，无论是对于新手还是资深开发者，持续关注并掌握像Swiper这样的前沿UI组件库，将有助于打造出更具吸引力且性能优越的移动端网页应用。同时，在实际项目中，理解并合理运用轮播图插件的各项配置选项，既能满足视觉表现需求，又能提升用户体验，从而实现产品的商业价值最大化。

2023-08-09 12:53:02

1443

电脑达人

CSS

CSS模块化样式重复引用

...一个模块或许会被多个页面所引用，这就或许会造成样式的多次引用问题。在CSS组件化中，我们运用的是以模块为单位的样式编写方法，每个模块拥有自己独特的样式定义。但是，当多个模块的样式定义存在相同时，我们可能就需要运用多次引用的方式来防止冗余代码。举个例子，我们设想一个简单的页面布局，其中包含有两个模块：头部模块和底部模块。我们可以将头部模块的样式写在一个CSS文件中，底部模块的样式写在另一个CSS文件中。然后，在引用这两个模块的HTML文件中，我们需要同时引用这两个CSS文件。如下所示的是头部模块的样式代码： .header { height: 50px; background-color: 000; color: fff; text-align: center; } 下面是底部模块的样式代码： .footer { height: 80px; background-color: 4CAF50; color: fff; text-align: center; } 在HTML页面中，我们需要同时引用这两个模块的CSS文件： <head> <link rel="stylesheet" href="header.css"> <link rel="stylesheet" href="footer.css"> </head> 通过这种方式，我们就可以防止模块样式的多次引用问题。同时，如果我们需要修改样式，也只需要修改对应的CSS文件即可，不会影响到其他模块。总之，CSS组件化的样式多次引用问题是一种常见的问题。但是，通过合理的CSS组件化编写方法和多次引用的方式，我们可以很方便地解决这个问题，从而提高CSS代码的可维护性和可读性。

2023-09-11 12:29:02

408

算法侠

转载文章

[转载]zabbix server is not running the information displayed may not be current

...实并删除相应内容。页面报错如下查看日志提示 30037:20190710:193016.878 cannot start alert manager service: Cannot bind socket to "/var/run/zabbix/zabbix_server_alerter.sock": [13] Permission denied.30039:20190710:193016.879 server 30 started [preprocessing manager 1]30039:20190710:193016.879 cannot start preprocessing service: Cannot bind socket to "/var/run/zabbix/zabbix_server_preprocessing.sock": [13] Permission denied. 发现原来是Selinux没有关闭~ 关闭 SeLinux 临时关闭 setenforce 0 永久关闭 vi /etc/selinux/config 重启解决本篇文章为转载内容。原文链接：https://datamining.blog.csdn.net/article/details/95374695。该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

2023-04-15 23:41:26

299

转载

JQuery

jquery数组转原生数组

...以减少冗余代码并提高页面加载速度。这方面的案例分析和实战教程可以在许多技术博客和社区论坛上找到，如“重构：从jQuery到原生JavaScript的最佳实践”一文，提供了详细的步骤指导和性能对比测试。总之，在当今快速发展的Web开发领域中，理解和掌握不同场景下最优的数组操作方式至关重要，无论是原生JavaScript还是第三方库提供的工具，都需要紧跟技术潮流，以便于构建高性能且易于维护的Web应用。

2023-03-19 10:40:17

代码侠

VUE

vue图片资源怎么处理

...从服务器获取并展示在页面上。 require , 在JavaScript中，require是一个CommonJS规范的导入函数，常用于Node.js环境中加载模块。在Vue项目中，由于使用了Webpack，因此也可以借助require函数动态导入图片或其他资源，使其能被Webpack正确识别和处理，并转化为模块化的引用方式，这样在模板中可以通过变量来调用图片资源，避免因路径问题导致图片无法加载的情况发生。

2023-03-20 19:48:02

143

键盘勇士

CSS

css模糊半径什么意思

在运用CSS进行页面美化的期间，我们常常会运用CSS的模糊范围（Blur Radius）属性。那么这个属性到底是什么意思呢？首先，模糊范围是一个用来调整模糊处理的变量，它用于在实施某种滤镜（Filter）的时候调整组件的模糊强度。在最新CSS中，我们可以运用“filter”属性通过设定各类的滤镜方法来达成这个效果。 filter: blur(5px); 其中blur方法就表示我们要为组件设定模糊处理，括号内的5px就是模糊范围，用来调整模糊的程度。数值越大，模糊的程度就越高。需要注意的是，模糊范围不只可以用于图片的模糊处理，还可以用在文字、边框等组件上。比如我们可以为页面中的边框添加模糊处理： border: 2px solid 000; filter: blur(4px); 上面的代码就表示我们为组件的边框添加了一个宽度为2px、颜色为黑色、模糊范围为4px的模糊处理。最后值得注意的是，由于最新CSS的滤镜属性并不是所有的浏览器都支持，因此我们在运用的时候需要特别注意兼容性问题。我们可以通过加上一些浏览器前缀来兼容各类的浏览器： filter: blur(5px); -webkit-filter: blur(5px);/ Safari和Chrome浏览器需要加上该前缀 / 总结：模糊范围是最新CSS中用来调整滤镜效果模糊强度的一个属性，可以用于图片、文字、边框等组件。在运用的时候需要注意兼容性问题，可以通过为不同浏览器加上前缀来解决。

2023-01-02 20:52:05

510

逻辑鬼才

VUE

vue和sku

...许多其他的功能，例如页面展现、表单验证、事件处理等。因此，Vue.js已经成为许多开发者选择的第一框架。

2023-05-19 22:11:19

101

算法侠

Java

java中pdf和string互转

...更加精细地控制PDF页面布局与内容填充，实现复杂报表、合同文档等多种类型的PDF生成。值得注意的是，无论是iText还是PDFBox，都遵循了Apache 2.0开源协议，确保了开发者在商业项目中的自由使用。同时，它们均提供了详细的官方文档和丰富的社区资源，便于开发者深入学习和解决实际问题。另外，随着云计算和微服务架构的发展，越来越多的服务提供商如Google Cloud、阿里云等也推出了基于RESTful API的云端PDF处理服务，使得开发者无需直接在本地应用中集成上述库，即可轻松完成PDF与字符串之间的转换任务，进一步提升了开发效率与系统的可扩展性。综上所述，在面对PDF与String互转这一需求时，Java开发者可以根据具体场景选择合适的工具或服务，以适应快速变化的技术环境和业务需求。对于希望深入了解和掌握PDF处理技术的开发者来说，持续关注并研究这些最新的技术和解决方案，无疑将极大地提升自身在文档处理领域的专业能力。

2023-08-30 10:08:22

315

键盘勇士

Java

java中js和jsp

...们可以通过在HTML页面中添加

2024-01-04 09:43:00

350

电脑达人

转载文章

[转载]smarty capture使用

...使得开发者可以专注于页面设计和PHP代码的编写。在Smarty中，通过特定的语法结构，如变量替换、条件语句、循环结构等，实现动态内容的生成，同时提供了缓存机制以提高性能。模板引擎 , 模板引擎是一种软件组件，用于处理由静态部分和动态部分组成的文本文件（例如HTML）。在Web开发中，模板引擎允许开发者将程序代码（如PHP、Python或Java）与HTML或其他格式的文档分离，通过变量替换、控制结构等机制动态生成最终输出给用户的网页内容。在本文中，Smarty就是一种模板引擎的具体实现。 capture内置函数 , capture是Smarty模板引擎提供的一个内置函数，允许开发者捕获并存储模板中特定范围内的输出内容到一个变量中，而非直接输出到页面上。capture函数有三种用法。

2023-12-03 17:52:39

转载

Element-UI

Vue.js项目中利用Element-UI el-table实现行点击展开/收起子内容：row-click事件与状态变量应用

...者快速搭建企业级前端页面。在本文中，主要讨论了如何利用Element-UI的el-table组件来实现表格行点击展开/收起的效果。 row-click事件 , row-click是Element-UI el-table组件提供的一个原生事件，当用户点击表格中的某一行时会触发该事件，并将被点击行的数据作为参数传递给绑定的事件处理函数。在此应用场景下，通过监听row-click事件，开发者能够获取到用户点击的具体行数据，进而控制该行的展开或收起状态。 ARIA角色属性 , ARIA（Accessible Rich Internet Applications）角色属性是一种W3C标准，用于增强网页元素的语义和辅助功能信息，以便于辅助技术（如屏幕阅读器）识别和解释网页内容。在无障碍设计领域，为el-table组件添加合适的ARIA角色属性有助于确保其展开/收起功能对键盘操作友好，符合WCAG 2.1标准，使得所有用户都能顺畅地与具有此功能的数据表格进行交互。

2023-10-23 16:53:41

405

青山绿水_t

VUE

vue商城列表

...需要将这些数据渲染到页面。下面是HTML代码： <div id="app"> <ul> <li v-for="product in products"> { {product.name} } - { {product.price} } </li> </ul> </div> 在这个示例中，我们使用Vue.js的v-for指令，遍历products数组，并将每个元素渲染为li元素。我们还使用双大括号语法来展示商品名称和价格。现在我们已经构建了一个简单的商城列表，可以根据需要进行修改和定制。

2023-05-09 19:21:01

125

编程狂人

CSS

css模态框开始是隐藏状态

...ed，让它始终停留在页面的中心位置。接下来，我们给弹窗的父元素设定了overflow:auto，这样当文本超过弹窗的高度时，用户可以通过滑动来查看所有文本。弹窗中的文本放在.modal-content这个盒子中，并设定了一些基本的样式，比如背景色、边框、内边距等。最后，我们定义了一个.modal-show的样式，在用户点击某个按钮或链接时，通过JavaScript来添加该样式，即可让弹窗展现出来。

2023-09-25 10:35:23

469

数据库专家

HTML

HTML与CSS结合实现自定义滚动条样式：提升Web开发中的用户体验，运用-webkit-scrollbar、滚动条反馈动画及按钮触发滚动实践详解

...了让用户更方便地控制页面的滚动，我们可以在页面上添加一些按钮，点击这些按钮后，页面会按照指定的方向滚动。 html 上一页下一页四、总结通过本文的学习，你应该已经掌握了如何使用HTML来实现自定义滚动条样式和交互效果的方法。记住了啊，甭管你采取何种方式方法，归根结底的目的就一条：提升用户体验。让他们在你的网站上溜达时，能有个更舒坦、更流畅的体验，就像逛自家后花园一样轻松自在。所以，大胆尝试，发挥你的创造力吧！

2023-01-11 20:54:07

522

素颜如水-t

HTML

个人博客纯html代码

...息的描述，如字符集、页面标题等。在HTML文件中，元数据通常位于<head>标签内，例如，<meta charset=UTF-8>定义了网页的字符编码格式，<title>标签则设置了浏览器标签页上显示的网页标题，这些都是构成网页元数据的重要部分。静态网站生成器 , 静态网站生成器是一种工具，它可以将文本文件（如Markdown格式的内容）转换为完整的、功能齐全的静态网页。在Web开发领域，Jekyll、Hugo和Hexo等静态网站生成器常被用来搭建个人博客，它们的优势在于能快速生成SEO友好、加载速度快且易于部署的静态网页，同时支持主题定制和插件扩展，使得非专业开发者也能高效地管理博客内容和样式布局。虽然本文主要介绍了如何使用纯HTML代码创建博客，但提及静态网站生成器是为了提供一个更现代化、高效的博客搭建方案作为后续探索方向。

2023-04-28 09:03:31

417

电脑达人

JQuery

如何在jQuery GET加载动态内容时获取当前页面URL地址：利用$.get()与window.location.href

...h API来获取当前页面URL并发送GET请求，如下所示： javascript let url = new URL(window.location.href); // 添加或修改查询参数 url.searchParams.append('key1', 'value1'); url.searchParams.append('key2', 'value2'); fetch(url) .then(response => response.json()) .then(data => { // 处理返回的内容 }) .catch(error => { // 错误处理 }); 此外，考虑到兼容性和模块化的需求，许多现代前端框架，如React、Vue和Angular等，都封装了自己的HTTP客户端库，便于开发者在不同环境下进行统一且高效的网络数据交互操作。因此，掌握jQuery的get()方法固然重要，但作为前端开发者，我们还需关注并熟悉新兴的API和技术趋势，以便更好地适应快速变化的Web开发环境，提高代码质量与应用性能。

2023-09-09 17:20:27

1068

断桥残雪_t

VUE

vue图片排版

...构，它可以轻易地完成页面模块，其中的图像排列也很方便。下面给大家说明一下应用Vue完成图像排列的方式。 <template> <div class="img-container"> <div v-for="img in images" class="img-wrapper"> <img :src="img.src" :alt="img.name"> <div class="img-name">{ { img.name } }</div> </div> </div> </template> <script> export default { data() { return { images: [ { src: 'example1.jpg', name: 'Example 1' }, { src: 'example2.jpg', name: 'Example 2' }, { src: 'example3.jpg', name: 'Example 3' }, { src: 'example4.jpg', name: 'Example 4' }, { src: 'example5.jpg', name: 'Example 5' } ] } } }; </script> <style> .img-container { display: flex; flex-wrap: wrap; } .img-wrapper { flex-basis: calc(20% - 20px); margin: 10px; text-align: center; } .img-wrapper img { width: 100%; height: auto; } .img-name { margin-top: 10px; font-size: 14px; font-weight: bold; } </style> 上面是一个示例代码，对应的页面是一个包含5张图像和图像名字的模块。其中，模板部分应用了Vue的v-for指令来实时生成图像，style部分应用了Flexbox来完成图像的排列。通过以上代码，我们可以发现，Vue的图像排列非常简洁和容易拓展。将图像保存在模块的资料中，然后应用v-for循环，就可以轻易地在页面上实时展现图像。在风格部分，应用Flexbox可以完成灵活强大的排列效果。在实际应用中，可以根据具体需求对风格代码进行改动，完成更多元化的图像排列效果。

2023-10-22 16:29:35

173

算法侠

CSS

css模块放置不了最底部

...联网环境下，用户对于页面加载速度的要求愈发严苛。随着HTTP/2、 preload、prefetch等技术的广泛应用，CSS资源的加载策略也在不断演进。例如，Google提倡的核心网页指标（Core Web Vitals）中强调了首屏内容的加载速度和视觉稳定性，为此推荐开发者采用“内联关键CSS”或“CSS资源优先级标记”的方法，以确保快速渲染初始视口内容。近期一项研究显示，将关键CSS直接内嵌在HTML文档头部可以显著提升页面交互性，尤其对于移动端用户而言，这种做法能够有效减少“首次输入延迟”（First Input Delay, FID），从而提高用户体验评分。同时，针对非关键或者按需加载的CSS资源，则可通过异步加载方式，在不影响首屏内容展示的情况下完成样式更新。然而，将CSS置于底部并非一劳永逸的解决方案，它可能导致“无样式内容闪烁”（Flash of Unstyled Content, FOUC）的问题，影响用户体验。因此，更现代的做法是结合最新的前端性能优化工具和技术，如Webpack、Parcel等进行代码分割与智能加载，并利用浏览器缓存机制进一步加快重复访问时的页面加载速度。此外，值得深入探究的是如何在保证页面加载速度的同时，兼顾SEO优化及无障碍阅读的需求。一些最佳实践指出，合理布局CSS并遵循语义化HTML标准，既能改善搜索引擎抓取效率，也能增强辅助技术对网站内容的理解和呈现，最终实现多维度的网页性能优化目标。

2023-12-20 17:00:57

449

软件工程师

JQuery

jquery搜索框智能提示功能

...网页在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。在文章中，当用户在搜索框中输入关键词时，通过Jquery触发的keyup事件调用后台接口获取智能提示信息，这一过程就运用了AJAX技术实现实时的数据传输和动态内容加载。智能提示 , 智能提示是用户界面设计中的一个常见特性，特别是在搜索框应用中。它能够根据用户已经输入的部分字符实时提供可能的匹配项或建议结果，帮助用户更快更准确地完成搜索操作。在本文中，智能提示功能通过Jquery和后台PHP脚本协同工作，在用户输入过程中动态展示与关键词相关的搜索建议。

2023-07-13 13:42:25

289

程序媛

知识学习

实践的时候请根据实际情况谨慎操作。

随机学习一条linux命令：

cut -d ',' -f 1,3 file.csv - 根据逗号分隔符提取csv文件中第1列和第3列的内容。