南北极之间
南北极之间

Vue.js + Element UI 实战：手把手教你实现评论关键词过滤功能，新手必学！》 《前端开发必备技能：Vue 2 + Element UI 实现评论敏感词过滤，完整代码分享》 《新手友

效果图

Vue.js + Element UI 实战：手把手教你实现评论关键词过滤功能，新手必学！》 《前端开发必备技能：Vue 2 + Element UI 实现评论敏感词过滤，完整代码分享》 《新手友_第1张图片

【定制化开发服务，让您的项目领先一步】

如有需求，直接私信留下您的联系方式。谢谢。
我的邮箱：[email protected]

以下是基于 Vue 2 和 Element UI 的评论关键词过滤功能实现，使用 CDN 引入 Vue 和 Element UI，方便在浏览器中直接预览。

在线预览：Vue 2 + Element UI 实现评论关键词过滤功能

目录
  1. 需求场景
  2. 技术选型
  3. 实现步骤
    • 引入 Vue 2 和 Element UI
    • 创建评论界面
    • 实现关键词过滤
    • 发布评论
  4. 完整代码示例
  5. 常见问题与解决方案
  6. 总结

需求场景

在网站或应用中，用户评论功能是常见的交互模块。为了防止用户发布不当内容，我们需要对评论内容进行关键词过滤，确保只有符合要求的评论才能发布成功。

技术选型

  • Vue 2：用于构建评论界面。
  • Element UI：提供美观的 UI 组件。
  • JavaScript：实现关键词过滤逻辑。

实现步骤

1. 引入 Vue 2 和 Element UI

通过 CDN 引入 Vue 2 和 Element UI 的库文件。


<script src="https://cdn.jsdelivr.net/npm/vue@2">script>

<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="https://unpkg.com/element-ui/lib/index.js">script>
2. 创建评论界面

使用 Element UI 的组件构建评论界面，包括输入框、提交按钮和评论列表。

3. 实现关键词过滤

定义一个敏感词列表，并在用户提交评论时检查内容是否包含敏感词。如果包含敏感词，则阻止发布并提示用户。

4. 发布评论

如果评论内容通过关键词过滤，则将其添加到评论列表中。

完整代码示例

DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>评论关键词过滤功能title>
  
  <script src="https://cdn.jsdelivr.net/npm/vue@2">script>
  
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
  <script src="https://unpkg.com/element-ui/lib/index.js">script>
  <style>
    .comment-section {
      max-width: 600px;
      margin: 0 auto;
      padding: 20px;
      font-family: Arial, sans-serif;
    }
    .error-message {
      color: red;
      margin: 10px 0;
    }
  style>
head>
<body>
  <div id="app">
    <div class="comment-section">
      <h2>发表评论h2>
      <el-input
        type="textarea"
        v-model="newComment"
        placeholder="请输入您的评论..."
        :rows="4"
      >el-input>
      <el-button type="primary" @click="submitComment" style="margin-top: 10px;">提交评论el-button>

      <div v-if="errorMessage" class="error-message">
        {{ errorMessage }}
      div>

      <h3>评论列表h3>
      <ul>
        <li v-for="(comment, index) in comments" :key="index">
          {{ comment }}
        li>
      ul>
    div>
  div>

  <script>
    new Vue({
      el: "#app",
      data() {
        return {
          newComment: "", // 用户输入的评论内容
          comments: [], // 已发布的评论列表
          errorMessage: "", // 错误提示信息
          sensitiveWords: ["敏感词1", "敏感词2", "不良词"], // 敏感词列表
        };
      },
      methods: {
        // 检查评论内容是否包含敏感词
        containsSensitiveWords(content) {
          return this.sensitiveWords.some((word) => content.includes(word));
        },
        // 提交评论
        submitComment() {
          // 清空错误提示
          this.errorMessage = "";

          // 检查评论内容是否为空
          if (!this.newComment.trim()) {
            this.errorMessage = "评论内容不能为空！";
            return;
          }

          // 检查评论内容是否包含敏感词
          if (this.containsSensitiveWords(this.newComment)) {
            this.errorMessage = "评论内容包含敏感词，请修改后重新提交！";
            return;
          }

          // 通过检查，发布评论
          this.comments.push(this.newComment);
          this.newComment = ""; // 清空输入框
        },
      },
    });
  script>
body>
html>

功能详解

1. 评论界面
  • 使用 Element UI 的 el-input 组件作为评论输入框，通过 v-model 绑定到 newComment。
  • 使用 el-button 组件触发 submitComment 方法，提交评论。
  • 使用 ul 和 li 展示已发布的评论。
2. 关键词过滤
  • 在 data 中定义 sensitiveWords 数组，存储敏感词列表。
  • 在 containsSensitiveWords 方法中，使用 Array.prototype.some 检查评论内容是否包含敏感词。
3. 发布评论
  • 在 submitComment 方法中，依次检查评论内容是否为空、是否包含敏感词。
  • 如果通过检查，则将评论内容添加到 comments 数组中，并清空输入框。

常见问题与解决方案

  1. 敏感词列表如何动态更新？

    • 可以将敏感词列表存储在服务器，通过 API 动态获取。
    • 示例：
      async fetchSensitiveWords() {
  const response = await fetch("/api/sensitive-words");
  this.sensitiveWords = await response.json();
}

  2. 如何实现更复杂的过滤规则？

    • 可以使用正则表达式匹配敏感词。
    • 示例：
      const regex = new RegExp(this.sensitiveWords.join("|"), "gi");
return regex.test(content);

  3. 如何优化性能？

    • 对于大量敏感词，可以使用 Trie 树 数据结构进行高效匹配。

总结

通过本教程，你已经学会了如何使用 Vue 2 和 Element UI 实现一个带有关键词过滤功能的评论界面。这个功能可以有效防止用户发布不当内容，提升网站的安全性。希望这篇教程对你的开发工作有所帮助！

如果有其他问题，欢迎在评论区留言讨论！

你可能感兴趣的:(vue.js,ui,前端,敏感词,关键词,敏感词过滤)

  • springboot+vue生态系统的气象数据可视化平台Java+python-计算机毕业设计
    目录功能和技术介绍具体实现截图开发核心技术：开发环境开发步骤编译运行核心代码部分展示系统设计详细视频演示可行性论证软件测试源码获取功能和技术介绍该系统基于浏览器的方式进行访问，采用springboot集成快速开发框架，前端使用vue方式，基于es5的语法，开发工具IntelliJIDEAx64，因为该开发工具，内嵌了Tomcat服务运行机制，可不用单独下载Tomcatserver服务器。由于考虑到
  • 2019-05-16 海牙kyogre
    前端优化动画性能之requestAnimationFrame@(技术分享)在前端做动画很多人第一人的反应是用定时器，比如setInterval、setTimeout，除此之外css3可以使用transition和animation来实现。而编写动画循环的关键是要知道延迟时间多长合适。一方面，循环间隔必须足够短，这样才能让不同的动画效果显得平滑流畅；另一方面，循环间隔还要足够长，这样才能确保浏览器有
  • 如何使用爬虫简单的爬取一个网页的静态前端代码
    什么是爬虫？Python爬虫是一种使用Python语言编写的程序，用于自动访问网页并提取所需信息。它通常用于网络数据抓取、数据挖掘和信息收集。Python爬虫可以模拟浏览器行为，向服务器发送请求并接收响应数据，然后解析这些数据以获取有用的信息。爬虫的基本原理（流程）发送请求：爬虫向目标网站的服务器发送HTTP请求（通常是GET请求）。获取响应：服务器返回网页的HTML内容。解析内容：爬虫解析HTM
  • [Python] -项目实战8- 构建一个简单的 Todo List Web 应用（Flask） 踏雪无痕老爷子 Pythonpython开发语言
    一、为什么选Flask？轻量上手快：仅需几行代码就能跑一个可用的Web应用。灵活扩展：可接入数据库、身份认证、前端框架等。教育性强：涵盖前后端交互基础，适合入门全栈开发。二、项目结构建议flask_todo/├──app.py├──templates/│└──index.html├──static/│└──style.css├──todo.db└──requirements.txtapp.py：后
  • B/S 架构通信原理详解 步行cgn JavaWeb架构
    B/S架构通信原理详解一、核心架构Browser/Server（浏览器/服务器）模型：前端：浏览器作为统一客户端（Chrome/Firefox/Edge等）后端：服务器处理业务逻辑+数据存储（Nginx/Apache/Tomcat等）通信协议：基于HTTP/HTTPS的请求-响应模型二、完整通信流程sequenceDiagramparticipant用户participant浏览器particip
  • .NET 9 RC1 正式发布 dotNET跨平台 .net
    .NET9RC1是.NET9的第一个候选发布版本（ReleaseCandidate），标志着该版本接近最终发布。这次更新包括增强的WebSocketAPI、新的压缩选项、高级SignalR跟踪以及.NETMAUI的更新，以改善文本对齐等。在文章还宣布了.NETConf2024的日期，将于2024年11月12日至14日举行，庆祝.NET9的发布，具体详见：https://devblogs.micro
  • 在 Conda 中删除环境及所有安装的库 Studying 开龙wu conda
    注意事项1.删除环境前确保你没有在该环境中运行任何程序。2.删除操作是不可逆的，所有该环境中的包和配置都会被永久删除。3.如果你想保留环境的配置信息，可以在删除前使用condaenvexport>environment.yml导出环境配置。关于requirements.txt和environment.yaml文件使用介绍详情可参考以往文章，争对机器学习和深度学习里Python项目开发管理项目依赖的
  • 计算机毕业设计Python+uniapp校园兼职系统小程序(小程序+源码+LW) Python毕设源码程序高学长 python课程设计uni-app
    计算机毕业设计Python+uniapp校园兼职系统小程序(小程序+源码+LW)该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程项目运行环境配置：Pychram社区版+python3.7.7+Mysql5.7+uni+HBuilderX+listpip+Navicat11+Django+nodejs。项目技术：django+python+UNI等等组成，B/S模式+pychram管理
  • Python-Django毕业设计养老院老人日常生活管理系统（程序+Lw) Python计算机毕设程序源码_ pythondjango课程设计
    该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程项目运行环境配置：Pychram社区版+python3.7.7+Mysql5.7+HBuilderX+listpip+Navicat11+Django+nodejs。项目技术：django+python+Vue等等组成，B/S模式+pychram管理等等。环境需要1.运行环境：最好是python3.7.7，我们在这个版本上开发的。其他版
  • 使用 .NET 6.0 的简单 WebSocket 客户端和服务器应用程序
    几个月前，有同事来找我，问能否用.NET创建一个简单的WebSocket服务器（以及之后的客户端）。据我了解，他想用它来控制对方电脑上的进程。或许对其他人也有用，所以我把它发布在这里。让我们从服务器开始。我这里使用的是.NET6和ASP.NETCore，不需要任何额外的配置。它实际上是一个准系统应用程序，没有任何花哨的附加功能。Console.Title="Server";varbuilder=W
  • 推客系统小程序开发实战：2025年技术架构与实现细节 wx_qutudy java推客小程序开发推客系统
    引言在电商生态竞争日益激烈的2025年，推客系统作为私域流量运营的核心工具，其技术实现效率与合规性已成为企业增长的关键指标。本文基于实际开发经验，深度解析推客系统小程序的技术选型、架构设计与核心功能实现，旨在为开发者提供可复用的技术方案。一、技术选型：多端统一开发框架的深度实践1.1前端框架选型对比在2025年主流框架对比中，Taro3.6.31展现出显著优势：跨平台能力：支持微信/支付宝/百度小
  • IM即时通讯源码/im源码基于uniapp框架从0开始设计搭建在线聊天系统 宠友信息 uni-appmysqlspringbootjava小程序
    文章目录前言一、确定技术栈二、数据库设计：1.引入库2.使用SpringBoot创建后端项目3.实现WebSocket通信：3.1创建WebSocket配置类：3.2创建ChatWebSocketHandler类：3.3前端WebSocket连接与通信：总结前言随着人社交产品的不断发展，即时通讯聊天这门技术也越来越重要，很多人都开启了学习通讯技术，本文就介绍了即时通讯的基础内容。一、确定技术栈在开
  • 用项目说话：我的React博客构建成果与经验复盘 Pan Zonghui 移动端react项目总结react.js前端前端框架
    这是一个基于React19+TypeScript+Vite构建的现代化博客系统，采用了最新的前端技术栈和工程化实践。项目不仅实现了完整的博客功能，更在架构设计、性能优化、开发体验等方面体现了企业级应用的标准。成品展示个人博客链接地址：https://pzhdv.cnpc端页面展示首页分类页面关于我文章详情页面移动端技术栈选择与分层设计技术栈选择核心框架与工具React19.1.0:最新版本的Rea
  • 小程序框架单元测试：Jest在不同框架中的配置与使用 小程序开发2020 小程序开发宝典小程序单元测试log4jai
    小程序框架单元测试：Jest在不同框架中的配置与使用关键词：Jest、单元测试、小程序、Taro、uni-app、WePY、测试配置摘要：本文将深入探讨如何在不同的小程序框架（Taro、uni-app、WePY）中配置和使用Jest进行单元测试。我们将从基础概念讲起，逐步深入到具体配置和实战案例，帮助开发者掌握小程序单元测试的核心技能，提升代码质量和开发效率。背景介绍目的和范围本文旨在帮助小程序开
  • 从零开发推客小程序系统：完整技术方案与实战经验 wx_ywyy6798 小程序推客小程序开发推客系统开发微信小程序推客小程序推客系统推客分销系统开发
    一、推客小程序的市场价值社交电商爆发式增长背景推客模式的优势：低成本获客、用户裂变小程序作为推客系统载体的天然优势二、技术架构设计text1.前端技术栈：-微信小程序原生开发/uni-app跨平台方案-自定义分享组件开发-可视化数据看板实现2.后端技术选型：-Node.js/PHP/JavaSpringBoot等后端框架对比-高性能分销关系链存储方案-佣金结算系统的设计要点3.数据库设计：-用户层
  • 启新教育趣辅导02501120301_颜鹏程感悟 小饼干呀啦嘿
    关键词：不带评论的观察今日感悟：对于自己看到的事物不宜用肆意评论的方式对待，最好通过观察，用语言描述你观察的结果。我本身就有这一毛病，教我弟订正练习的时候，我经常说，你跟个小猪似的，这么简单的就都不会做。虽然在自己看来是句玩笑话（我笑着说的），但总避免不了他有抵触情绪跟我对着讲乘口舌之快，浪费时间。现在看来应该换成：这道题我的解是。。。你看看对你是否有帮助？我弟弟是蛮要面子的一个人，以一个平等的学
  • springboot-mybatis-MySQL-集成 张_皮皮 springbootmybatismavenspringbootmybatisidea
    这也是我第一次搭建springboot-mybatis的项目环境，记录一下。我是用IntelliJIDEA，你可以创建maven项目，也可以直接创建spring项目，最终的项目结构如下，这里说明下，resources下面的mappers里面是存放mybatis的SQL映射文件，static下面存放前端静态资源文件，如js,css等，template下存放前端模板文件，本项目使用的freemarke
  • GitLab系列2 GitLab Workhorse weixin_34326558 git运维前端ViewUI
    GitLabWorkhorse上一回介绍了GitLab的基础功能和架构，但还没具体讲解用户的请求是怎么被处理的，只是将各个组件的功能职责介绍了一遍，本节将简单介绍gitlab-workhorse的功能首先回顾一下：GitLab利用Nginx将前端的http/https请求代理至gitlab-workhorse，gitlab-workhorse再将请求转发至UnicornWeb服务器。默认情况下gi
  • Android图书借阅系统完整App开发教程(源码+数据库)
    本文还有配套的精品资源，点击获取简介：本教程深入介绍了基于Android平台的图书借阅系统App开发过程，涵盖了从UI设计、网络通信到数据库操作的全面实践。项目包含源码和数据库文件，让学生能够通过实际案例学习并掌握Android应用开发的核心技术。本App具有预约借书、书籍评论、图书推荐和逾期提醒等功能，要求开发者熟悉Java语言和Android系统，以及实现后端逻辑和数据存储。此项目是一个宝贵的
  • 题解 | #使用join查询找出没有分类的电影id以及名称# 愤怒的小青春 java
    58同城java后端一面凉经主流的哈希算法有哪几种？帮闺蜜们找靠谱男票hc多多光彩积云是什么企业，查不到有用信息太抽象了！培训班装公司招聘阿里巴巴前端暑期实习——无语八面挂怎么写自我介绍|自我介绍保姆级教学灵犀互娱客户端一面面经(求过啊)24找运维实习，这简历可行吗拓竹科技测试开发面经（25届暑期实习）分享一波攒了整个秋招的NLP算法岗面经腾讯广告暑期实习面试1、JVM垃圾回收机制2、syncho
  • 处理Electron Builder 创建新进程错误 spawn ENOMEM
    这个错误spawnENOMEM表明系统内存不足，无法为ElectronBuilder创建新进程。以下是一些可能的解决方案：释放系统内存关闭不必要的程序和服务增加物理内存(RAM)或交换空间(swap)使用free-h和top命令检查内存使用情况临时增加交换空间#创建一个4G的交换文件sudofallocate-l4G/swapfilesudochmod600/swapfilesudomkswap/
  • 迁移 Docker 数据目录 no space left on device 老罗技术 杂项dockereurekajava
    Docker加载镜像时提示存储空间不dockerload-ielectron-builder-wine.tarwrite/blobs/sha256/4f9e861834a8ea1087d33ae79dd3bdd92eabdb72b7aca6b700c073c9fa4ab69f:nospaceleftondevice迁移Docker数据目录#停止Docker服务sudosystemctlstopdo
  • ros2 server 可以设置命令同时获取位置
    一个自定义服务SetCommandGetPose.srv：请求字段float32command响应字段geometry_msgs/Posepose服务端收到请求后，把command缓存下来，再把当前位姿填进响应返回。为了便于演示，位置用一个简单计数器模拟；你可以把它替换成TF、里程计或SLAM输出。一、创建功能包bash复制ros2pkgcreate--build-typeament_cmakep
  • Python FastAPI 与传统 Web 框架的性能对比 Python编程之道 pythonfastapi前端ai
    PythonFastAPI与传统Web框架的性能对比关键词：FastAPI、性能对比、Web框架、异步编程、Python、Django、Flask摘要：本文深入探讨了FastAPI与传统PythonWeb框架（如Django和Flask）在性能方面的差异。我们将从架构设计、请求处理模型、并发能力等多个维度进行对比分析，并通过基准测试数据展示实际性能差异。文章还将提供代码示例和性能优化建议，帮助开发
  • Python Django 数据库索引优化 Python编程之道 pythondjango数据库ai
    PythonDjango数据库索引优化关键词：DjangoORM、数据库索引、查询优化、性能调优、PostgreSQL、MySQL、执行计划摘要：本文深入探讨Django框架中的数据库索引优化策略。我们将从数据库索引的基本原理出发，详细分析DjangoORM如何生成SQL查询，以及如何通过合理的索引设计提升查询性能。文章包含索引类型选择、复合索引优化、Django模型字段索引配置、查询集优化技巧等
  • 【hc多多】华为25届实习生招聘 （东莞、北京、成都、西安） 2301_78234743 java
    被面试官羞辱。。。快手—Java日常实习组内急招智谱华章前端一面凉经pdd你真是饿了......2024年4月最新腾讯后端校招实习面经概答：面面俱到的考察千亿元宇宙市场，Soul、映客的新动力学3个月后端了嵌入式简历制作简历优化荣耀错过面试是不是没约面机会了？微众银行25届暑期实习招聘正式启动！荣耀错过面试是不是没约面机会了？成都经纬恒润CE视景仿真部成都经纬恒润CE视景仿真部软件实习生是做什么的
  • CentOS 服务器docker pull 拉取失败
    可以通过以下步骤将Windows上下载的Docker镜像导出，然后传输到CentOS服务器并导入使用：步骤1：在Windows上导出镜像#1.拉取镜像（如果你还没有拉取）dockerpullelectronuserland/builder:wine#2.导出镜像为tar文件（注意路径使用双引号）dockersave-o"C:\path\to\electron-builder-wine.tar"el
  • Python 数据插值：NumPy 实现多种插值方法
    Python数据插值：用NumPy解锁缺失数据的秘密拼图关键词数据插值、NumPy、线性插值、多项式插值、缺失值处理、数据平滑、数值分析摘要在数据分析和科学计算中，我们经常遇到离散或缺失的观测数据——比如气象站每小时记录的温度值有缺失，或者实验中只采集了稀疏的采样点。这时候，数据插值（Interpolation）就像“数据修复师”，能根据已知点推断出未知点的数值，让离散数据变成连续的“故事”。本文
  • bj某dongfang医院js 反混淆 分析结果 yyds970108 javascript开发语言ecmascript算法
    没啥特别的手段，就是反混淆，动态调试+替换constCryptoJS=require('crypto-js');constforge=require('node-forge');constaxios=require('axios');const{v4:uuidv4}=require('uuid');constqs=require('querystring');functioncreateRando
  • 从AlertDialog源码看链式调用 孙大硕
    相信我们大家都用过AlertDialog，但是我们没办法去直接实例化一个AlertDialog，因为内部的构造方法都是private，我们只能通过AlertDialog的内部类Builder去生成一个AlertDialog对象，可是为什么要这样设计呢？看过设计模式的人一眼就会发现，这怎么像传说中的“建造者模式”呢？建造者解决的问题：是将一个复杂的对象的构建与它的表示分离，使得同样的构建过程可以创建
  • 枚举的构造函数中抛出异常会怎样 bylijinnan javaenum单例
    首先从使用enum实现单例说起。 为什么要用enum来实现单例？ 这篇文章（ http://javarevisited.blogspot.sg/2012/07/why-enum-singleton-are-better-in-java.html）阐述了三个理由： 1.enum单例简单、容易，只需几行代码： public enum Singleton { INSTANCE;
  • CMake 教程 aigo C++
    转自：http://xiang.lf.blog.163.com/blog/static/127733322201481114456136/   CMake是一个跨平台的程序构建工具，比如起自己编写Makefile方便很多。 介绍：http://baike.baidu.com/view/1126160.htm 本文件不介绍CMake的基本语法，下面是篇不错的入门教程： http:
  • cvc-complex-type.2.3: Element 'beans' cannot have character Cb123456 springWebgis
      cvc-complex-type.2.3: Element 'beans' cannot have character     Line 33 in XML document from ServletContext resource [/WEB-INF/backend-servlet.xml] is i
  • jquery实例:随页面滚动条滚动而自动加载内容 120153216 jquery
    <script language="javascript"> $(function (){ var i = 4;$(window).bind("scroll", function (event){ //滚动条到网页头部的 高度，兼容ie,ff,chrome var top = document.documentElement.s
  • 将数据库中的数据转换成dbs文件 何必如此 sqldbs
    旗正规则引擎通过数据库配置器（DataBuilder）来管理数据库，无论是Oracle，还是其他主流的数据都支持，操作方式是一样的。旗正规则引擎的数据库配置器是用于编辑数据库结构信息以及管理数据库表数据，并且可以执行SQL 语句，主要功能如下。 1)数据库生成表结构信息：         主要生成数据库配置文件(.conf文
  • 在IBATIS中配置SQL语句的IN方式 357029540 ibatis
    在使用IBATIS进行SQL语句配置查询时，我们一定会遇到通过IN查询的地方，在使用IN查询时我们可以有两种方式进行配置参数：String和List。具体使用方式如下： 1.String:定义一个String的参数userIds，把这个参数传入IBATIS的sql配置文件，sql语句就可以这样写： <select id="getForms" param
  • Spring3 MVC 笔记（一） 7454103 springmvcbeanRESTJSF
             自从 MVC 这个概念提出来之后 struts1.X  struts2.X   jsf 。。。。。 这个view 层的技术一个接一个！ 都用过！不敢说哪个绝对的强悍！ 要看业务，和整体的设计！      最近公司要求开发个新系统！
  • Timer与Spring Quartz 定时执行程序 darkranger springbean工作quartz
    有时候需要定时触发某一项任务。其实在jdk1.3，java sdk就通过java.util.Timer提供相应的功能。一个简单的例子说明如何使用，很简单： 1、第一步，我们需要建立一项任务，我们的任务需要继承java.util.TimerTask package com.test; import java.text.SimpleDateFormat; import java.util.Date;
  • 大端小端转换，le32_to_cpu 和cpu_to_le32 aijuans C语言相关
    大端小端转换，le32_to_cpu 和cpu_to_le32  字节序 http://oss.org.cn/kernel-book/ldd3/ch11s04.html         小心不要假设字节序. PC 存储多字节值是低字节为先(小端为先, 因此是小端), 一些高级的平台以另一种方式(大端)
  • Nginx负载均衡配置实例详解 avords
    [导读] 负载均衡是我们大流量网站要做的一个东西，下面我来给大家介绍在Nginx服务器上进行负载均衡配置方法，希望对有需要的同学有所帮助哦。负载均衡先来简单了解一下什么是负载均衡，单从字面上的意思来理解就可以解 负载均衡是我们大流量网站要做的一个东西，下面我来给大家介绍在Nginx服务器上进行负载均衡配置方法，希望对有需要的同学有所帮助哦。 负载均衡 先来简单了解一下什么是负载均衡
  • 乱说的 houxinyou 框架敏捷开发软件测试
    从很久以前，大家就研究框架，开发方法，软件工程，好多！反正我是搞不明白！ 这两天看好多人研究敏捷模型，瀑布模型！也没太搞明白. 不过感觉和程序开发语言差不多， 瀑布就是顺序，敏捷就是循环. 瀑布就是需求、分析、设计、编码、测试一步一步走下来。而敏捷就是按摸块或者说迭代做个循环，第个循环中也一样是需求、分析、设计、编码、测试一步一步走下来。 也可以把软件开发理
  • 欣赏的价值——一个小故事 bijian1013 有效辅导欣赏欣赏的价值
    　　第一次参加家长会，幼儿园的老师说："您的儿子有多动症，在板凳上连三分钟都坐不了，你最好带他去医院看一看。"　　回家的路上，儿子问她老师都说了些什么，她鼻子一酸，差点流下泪来。因为全班30位小朋友，惟有他表现最差；惟有对他，老师表现出不屑，然而她还在告诉她的儿子："老师表扬你了，说宝宝原来在板凳上坐不了一分钟，现在能坐三分钟。其他妈妈都非常羡慕妈妈，因为全班只有宝宝
  • 包冲突问题的解决方法 bingyingao eclipsemavenexclusions包冲突
    包冲突是开发过程中很常见的问题： 其表现有： 1.明明在eclipse中能够索引到某个类，运行时却报出找不到类。 2.明明在eclipse中能够索引到某个类的方法，运行时却报出找不到方法。 3.类及方法都有，以正确编译成了.class文件，在本机跑的好好的，发到测试或者正式环境就 抛如下异常： java.lang.NoClassDefFoundError: Could not in
  • 【Spark七十五】Spark Streaming整合Flume-NG三之接入log4j bit1129 Stream
    先来一段废话： 实际工作中，业务系统的日志基本上是使用Log4j写入到日志文件中的，问题的关键之处在于业务日志的格式混乱，这给对日志文件中的日志进行统计分析带来了极大的困难，或者说，基本上无法进行分析，每个人写日志的习惯不同，导致日志行的格式五花八门，最后只能通过grep来查找特定的关键词缩小范围，但是在集群环境下，每个机器去grep一遍，分析一遍，这个效率如何可想之二，大好光阴都浪费在这上面了
  • sudoku solver in Haskell bookjovi sudokuhaskell
    这几天没太多的事做，想着用函数式语言来写点实用的程序，像fib和prime之类的就不想提了（就一行代码的事），写什么程序呢？在网上闲逛时发现sudoku游戏，sudoku十几年前就知道了，学生生涯时也想过用C/Java来实现个智能求解，但到最后往往没写成，主要是用C/Java写的话会很麻烦。   现在写程序，本人总是有一种思维惯性，总是想把程序写的更紧凑，更精致，代码行数最少，所以现
  • java apache ftpClient bro_feng java
    最近使用apache的ftpclient插件实现ftp下载，遇见几个问题，做如下总结。 1. 上传阻塞，一连串的上传，其中一个就阻塞了，或是用storeFile上传时返回false。查了点资料，说是FTP有主动模式和被动模式。将传出模式修改为被动模式ftp.enterLocalPassiveMode();然后就好了。 看了网上相关介绍，对主动模式和被动模式区别还是比较的模糊，不太了解被动模
  • 读《研磨设计模式》-代码笔记-工厂方法模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 工厂方法模式：使一个类的实例化延迟到子类 * 某次，我在工作不知不觉中就用到了工厂方法模式（称为模板方法模式更恰当。2012-10-29）： * 有很多不同的产品，它
  • 面试记录语 chenyu19891124 招聘
    或许真的在一个平台上成长成什么样，都必须靠自己去努力。有了好的平台让自己展示，就该好好努力。今天是自己单独一次去面试别人，感觉有点小紧张，说话有点打结。在面试完后写面试情况表，下笔真的好难，尤其是要对面试人的情况说明真的好难。 今天面试的是自己同事的同事，现在的这个同事要离职了，介绍了我现在这位同事以前的同事来面试。今天这位求职者面试的是配置管理，期初看了简历觉得应该很适合做配置管理，但是今天面
  • Fire Workflow 1.0正式版终于发布了 comsci 工作workflowGoogle
    Fire Workflow 是国内另外一款开源工作流，作者是著名的非也同志，哈哈.... 官方网站是 http://www.fireflow.org 经过大家努力,Fire Workflow 1.0正式版终于发布了 正式版主要变化: 1、增加IWorkItem.jumpToEx(...)方法，取消了当前环节和目标环节必须在同一条执行线的限制，使得自由流更加自由 2、增加IT
  • Python向脚本传参 daizj python脚本传参
    如果想对python脚本传参数，python中对应的argc, argv(c语言的命令行参数)是什么呢？ 需要模块：sys 参数个数：len(sys.argv) 脚本名：    sys.argv[0] 参数1：     sys.argv[1] 参数2：     sys.argv[
  • 管理用户分组的命令gpasswd dongwei_6688 passwd
    NAME： gpasswd - administer the /etc/group file SYNOPSIS： gpasswd group gpasswd -a user group gpasswd -d user group gpasswd -R group gpasswd -r group gpasswd [-A user,...] [-M user,...] g
  • 郝斌老师数据结构课程笔记 dcj3sjt126com 数据结构与算法
    <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
  • yii2 cgridview加上选择框进行操作 dcj3sjt126com GridView
    页面代码 <?=Html::beginForm(['controller/bulk'],'post');?> <?=Html::dropDownList('action','',[''=>'Mark selected as: ','c'=>'Confirmed','nc'=>'No Confirmed'],['class'=>'dropdown',])
  • linux mysql fypop linux
    enquiry mysql version in centos linux yum list installed | grep mysql yum -y remove mysql-libs.x86_64 enquiry mysql version in yum repositoryyum list | grep mysql oryum -y list mysql* install mysq
  • Scramble String hcx2013 String
    Given a string s1, we may represent it as a binary tree by partitioning it to two non-empty substrings recursively. Below is one possible representation of s1 = "great":
  • 跟我学Shiro目录贴 jinnianshilongnian 跟我学shiro
    历经三个月左右时间，《跟我学Shiro》系列教程已经完结，暂时没有需要补充的内容，因此生成PDF版供大家下载。最近项目比较紧，没有时间解答一些疑问，暂时无法回复一些问题，很抱歉，不过可以加群（334194438/348194195）一起讨论问题。     ----广告-----------------------------------------------------
  • nginx日志切割并使用flume-ng收集日志 liyonghui160com
         nginx的日志文件没有rotate功能。如果你不处理，日志文件将变得越来越大，还好我们可以写一个nginx日志切割脚本来自动切割日志文件。第一步就是重命名日志文件，不用担心重命名后nginx找不到日志文件而丢失日志。在你未重新打开原名字的日志文件前，nginx还是会向你重命名的文件写日志，linux是靠文件描述符而不是文件名定位文件。第二步向nginx主
  • Oracle死锁解决方法 pda158 oracle
    　select p.spid,c.object_name,b.session_id,b.oracle_username,b.os_user_name from v$process p,v$session a, v$locked_object b,all_objects c where p.addr=a.paddr and a.process=b.process and c.object_id=b.
  • java之List排序 shiguanghui list排序
       在Java Collection Framework中定义的List实现有Vector，ArrayList和LinkedList。这些集合提供了对对象组的索引访问。他们提供了元素的添加与删除支持。然而，它们并没有内置的元素排序支持。 　　你能够使用java.util.Collections类中的sort()方法对List元素进行排序。你既可以给方法传递
  • servlet单例多线程 utopialxw 单例多线程servlet
    转自http://www.cnblogs.com/yjhrem/articles/3160864.html 和   http://blog.chinaunix.net/uid-7374279-id-3687149.html Servlet 单例多线程 Servlet如何处理多个请求访问？Servlet容器默认是采用单实例多线程的方式处理多个请求的：1.当web服务器启动的
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他