zhaoxuejie
zhaoxuejie

js客户端检测

大家都知道，客户端检测不单可以让用户获得更好的体验，而且可以通过校验数据大大减少客户端和服务器端的往返次数，减少服务器负担。在这里，小弟打算回顾一下自己在客户端检测方面的学习历程和采用方法，如果大家有什么更好的方法或者建议，欢迎提出来共享！共同进步！

为了方便举例和说明，先构建一个简单的html页面，如下：

html
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JS Verify</title>
</head>
<body>
    <div>
        <span>请输入用户名,年龄和自我介绍:</span>
        <br />
        <span>用户名:<input type="text" id="txtName" size="20" /></span>
        <br />
        <span>年龄:<input type="text" id="txtAge" size="5" />岁</span>
        <br />
        <span>自我介绍:</span>
        <br />
        <span><textarea id="txtIntro" rows="10" cols="50"></textarea></span>
        <br />
        <span><input type="button" value="提交信息" /></span>
    </div>
</body>
</html>
复制代码
第一阶段是：续项强写

每个人都基本会经过这个阶段，就是对检测内容每个都手工校验。很惭愧，自己也写过不少这样的代码。。这个阶段的代码如下：
function SubmitInfo()
{
    var name = document.getElementById("txtName");
    var age = document.getElementById("txtAge");
    var intro = document.getElementById("txtIntro");
    if(name == null || name.value == "")
    {
        alert("请输入用户名!");
        return false;
    }
    if(!/^[\u4E00-\u9FA5a-z0-9_]*$/gi.test(name.value))
    {
        alert("用户名只能由中文,英文,数字及下划线组成!");
        return false;
    }
    if(age == null || age.value == "")
    {
        alert("请输入年龄!");
        return false;
    }
    if(!/^[1-9]\d$/.test(age.value))
    {
        alert("年龄必须为正整数!");
        return false;
    }
    if(intro == null || intro.value == "")
    {
        alert("请输入自我介绍!");
        return false;
    }
    alert("提交成功!");
    return true;
}
复制代码
不评价这个了。。因为每个人都可能因为写这些方法检测逻辑写得眼冒星星手抽筋的！弄的经常下班了还在扑哧扑哧的写啊写。。。。


第二阶段：集中消灭

相信不少初学者现在还是处于这个阶段，这阶段的同学们已经被第一阶段折磨怕了。很快就想出了集中消灭相同类型检测的方法。就是写检测函数，如下：
function isEmpty(obj)
{
    if(obj == null || obj.value == "")
        return false;
    return true;
}

function isInt(val)
{
    return /^[1-9]\d$/.test(val);
}

function isSafeString(val)
{
    return /^[\u4E00-\u9FA5a-z0-9_]*$/gi.test(val);
}
复制代码
同学们很可能还将上边代码独立成一个公共类，叫Common.js什么的，然后实际检测引用一下，就容易多了：
function SubmitInfo()
{
    var name = document.getElementById("txtName");
    var age = document.getElementById("txtAge");
    var intro = document.getElementById("txtIntro");
    if(!isEmpty(name))
    {
        alert("请输入用户名!");
        return false;
    }
    if(!isSafeString(name.value))
    {
        alert("用户名只能由中文,英文,数字及下划线组成!");
        return false;
    }
    if(!isEmpty(age))
    {
        alert("请输入年龄!");
        return false;
    }
    if(!isInt(age.value))
    {
        alert("年龄必须为正整数!");
        return false;
    }
    if(!isEmpty(intro))
    {
        alert("请输入自我介绍!");
        return false;
    }
    alert("提交成功!");
    return true;
}
复制代码
看，不用每次写那些该死检测逻辑了。。要检测什么只要调用一下已经写好的公共检测方法就行了。轻松吧？！不过，还能更轻松吗？当然！请看：


第三阶段：链式的威力

看着一大堆if else总是心里觉得不舒服，对吧？一串串的又不是羊肉串，虽然不能吃，也要消灭它们！这时候，是Javascript的prototype出场的时候了。通过扩展prototype，可以获得简洁优雅的代码：
function SubmitInfo()
{
    var name = document.getElementById("txtName");
    var age = document.getElementById("txtAge");
    var intro = document.getElementById("txtIntro");

    if(!name.value.initVerify().isEmpty("请输入用户名!").isSafeString("用户名只能由中文,英文,数字及下划线组成!").verifyComplete())
        return false;
    
    if(!age.value.initVerify().isEmpty("请输入年龄!").isInt("年龄必须为正整数!").verifyComplete())
        return false;
    
    if(!intro.value.initVerify().isEmpty("请输入自我介绍!").verifyComplete())
        return false;
    
    alert("提交成功!");
    return true;
}
复制代码
很简洁吧?相对前边一大串的羊肉串，是不是顺眼多了啊？哦，如何实现？其实很简单：
var validateStatus;
var validateMessage;

String.prototype.initVerify = function()
{
    validateStatus = true;
    validateMessage = "";
    return this;
}

String.prototype.isEmpty = function(msg)
{
    if(validateStatus)
    {
        if(this == null || this == "")
        {
            validateStatus = false;
            validateMessage = msg;
        }
    }
    return this;
}

String.prototype.isInt = function(msg)
{
    if(validateStatus)
    {
        if(!/^[1-9]\d$/.test(this))
        {
            validateStatus = false;
            validateMessage = msg;
        }
    }
    return this;
}

String.prototype.isSafeString = function(msg)
{
    if(validateStatus)
    {
        if(!/^[\u4E00-\u9FA5a-z0-9_]*$/gi.test(this))
        {
            validateStatus = false;
            validateMessage = msg;
        }
    }
    return this;
}

String.prototype.verifyComplete = function()
{
    if(!validateStatus)
        alert(validateMessage);
    return validateStatus;
}
复制代码
怎么样？是不是很简单啊？这个prototype真是一个好东西啊！！链式编程，赞！！呵呵，怎么？你还不满足，代码太长？人心不足啊。我试试吧。。

第四阶段：自定义属性

这个阶段的提交函数如下：
function SubmitInfo()
{
    if(!Verify(document.getElementById("txtName"))) return false;
    if(!Verify(document.getElementById("txtAge"))) return false;
    if(!Verify(document.getElementById("txtIntro"))) return false;
    
    alert("提交成功!");
    return true;
}
复制代码
想不通吧？怎么所有检测都一样啊？这不忽悠人吗？哈哈，要实现这个需要在html代码加点酱料：
    <div>
        <span>请输入用户名,年龄和自我介绍:</span>
        <br />
        <span>用户名:<input type="text" id="txtName" size="20" verifyOptions='{"Empty":{"Flag":false,"Message":"请输入用户名!"},"SafeString":{"Message":"用户名只能由中文,英文,数字及下划线组成!"}}' /></span>
        <br />
        <span>年龄:<input type="text" id="txtAge" size="5" verifyOptions='{"Empty":{"Flag":false,"Message":"请输入年龄!"},"Int":{"Message":"年龄必须为正整数!"}}' />岁</span>
        <br />
        <span>自我介绍:</span>
        <br />
        <span><textarea id="txtIntro" rows="10" cols="50" verifyOptions='{"Empty":{"Flag":false,"Message":"请输入自我介绍!"}}' ></textarea></span>
        <br />
        <span><input type="button" onclick="return SubmitInfo();" value="提交信息" /></span>
    </div>
复制代码
看到了吧，我们自定义了个叫verifyOption的属性，就是根据它们实现的分别对待的。就好像每个人都有银行卡，但是里面的钱都不一样一样（这个比喻好像比较牵强^_^）

还是看看Verify函数到底干了什么东西吧：
function Verify(obj)
{
    if(obj.attributes["verifyOptions"] == undefined)
    {
        alert("请定义verifyOptions!")
        return false;
    }
    var options = obj.attributes["verifyOptions"].nodeValue;
    if(!options.isEmpty("检测参数不正确!"))
        return false;
    
    options = options.parseJSON();
    
    if(options.Empty != undefined && options.Empty.Flag == false)
    {
        if(!obj.value.isEmpty(options.Empty.Message))
            return false;
    }
    if(options.Int != undefined)
    {
        if(!obj.value.isInt(options.Int.Message))
            return false;
    }
    if(options.SafeString != undefined)
    {
        if(!obj.value.isSafeString(options.SafeString.Message))
            return false;
    }
    return true;
}
复制代码
就是检测自定义属性里面的设置，根据设置来进行相应检测。这下大家满足了吧？每次检测都一律一句Verify(*)就搞掂了！！QA的MM说检测不对？哦，不用急不用急，修改一下自定义属性verifyOption就好了。哈哈~~~

第五阶段：可配置

怎么还有第五阶段？疯狂了疯狂了~~（小子去死！！番茄，鸡蛋都丢上来了~~）唉，大家要注意文明礼貌嘛，丢着我没有关系，丢着花花草草也不好嘛。
<div>
    <span>请输入用户名,年龄和自我介绍:</span>
    <br />
    <span>用户名:<input type="text" id="txtName" size="20" /></span>
    <br />
    <span>年龄:<input type="text" id="txtAge" size="5" />岁</span>
    <br />
    <span>自我介绍:</span>
    <br />
    <span><textarea id="txtIntro" rows="10" cols="50"></textarea></span>
    <br />
    <span><input id="btnSubmit" type="button" value="提交信息" /></span>
</div>
复制代码
第五阶段的html代码已经回复清爽了，毕竟自定义属性好像不太友善，不标准！既然不标准就放弃吧！是不是有同学怀疑，这样检测函数岂不是要写更对逻辑，一定比较臃肿吧？好吧，大家看检测函数：
function SubmitInfo()
{
    if(!VerifyComplete())
        return false;
    
    alert("提交成功!");
    return true;
}
复制代码
不是吧？？骗人的吧？但是，事实如此，第五阶段就是这样简洁，这样优雅的实现了和上边几个阶段同样的功能。不相信，那就来看看吧！不过，第五阶段为了方便，引用了JQuery，找东西，它的搜索器还真好用。

这个阶段我们的检测配置都写到一个变量里面了：
var verifyConfig = [
{"Id":"txtName", "Option":{"Empty":{"Flag":false,"Message":"请输入用户名!"},"SafeString":{"Message":"用户名只能由中文,英文,数字及下划线组成!"}}},
{"Id":"txtAge", "Option":{"Empty":{"Flag":false,"Message":"请输入年龄!"},"Int":{"Message":"年龄必须为正整数!"}}},
{"Id":"txtIntro", "Option":{"Empty":{"Flag":false,"Message":"请输入自我介绍!"}}}]; 
复制代码
这个变量我叫配置变量，建议大家将这些变量都放到同一个文件，叫verifyConfig.js？反正我是这么叫的，要修改检测逻辑，就修改这个配置文件就好了，当然，例子由于要强调第五阶段的简洁，就将VerifyComplete()函数参数设置为空，其实它应该有一个参数，用来传入设置变量。这样才通用。

最后奉上VerifyComplete()函数：
function VerifyComplete()
{
    var controls = $(":input");
    var verifyFlag = true;
    $.each(controls, function(i, n) {
        if(verifyFlag)
            verifyFlag = Verify(n);
    });
    return verifyFlag;
}


function Verify(obj)
{
    var options;
    $.each(verifyConfig, function(i, n) {
        if(n.Id == obj.id)
            options = n.Option;
    });
    
    if(options == undefined)
        return true;
    
    if(options.Empty != undefined && options.Empty.Flag == false)
    {
        if(!obj.value.isEmpty(options.Empty.Message))
            return false;
    }
    if(options.Int != undefined)
    {
        if(!obj.value.isInt(options.Int.Message))
            return false;
    }
    if(options.SafeString != undefined)
    {
        if(!obj.value.isSafeString(options.SafeString.Message))
            return false;
    }
    
    return true;
}
复制代码

你可能感兴趣的:(js客户端检测)

  • JS经纬度正则验证 scorpion_V 前端
    经纬度的校验（保留5位小数）：需求：一个页面多个经纬度需要经验，然后采用此方法就可以一步到位啦~1.在util.js全局写经纬度的范围校验代码如下：constformValidation={//经度validatorLongitude:(rule,value,callback)=>{constreg=/^(\-|\+)?(((\d|[1-9]\d|1[0-7]\d|0{1,3})\.\d{0,15
  • 使用Spring Actuator + Micrometer + Prometheus + Grafana监控Spring Boot应用程序 帅过驴的袋鼠 javadocker
    前言读取本文需要的知识：Java,Docker基本命令当某个应用在生产环境中运行时,监控其运行状态是必要的和明智的。通过实时了解应用程序的运行状况,你能在问题出现之前得到警告,也可以在客户端注意到问题之前解决问题。最终的效果图模块简单介绍SpringActuator:在应用程序离提供众多Web接口,通过它们了解应用运行时的内部状况。Micrometer:为Java平台上的性能数据收集提供了一个通用
  • uniapp或小程序使用jsencrypt 钢铁熊猫33 小程序前端uniapp小程序jsencryptrsa
    uniapp或小程序使用报错jsencrypt.js使用了window对象，app、小程序中没有窗口对象的环境解决办法在jsencrypt.js文件插入以下代码varnavigator2={appName:'Netscape',userAgent:'Mozilla/5.0(iPhone;CPUiPhoneOS9_1likeMacOSX)AppleWebKit/601.1.46(KHTML,like
  • 【AI日志分析】基于机器学习的异常检测：告别传统规则的智能进阶 网罗开发 AI大模型人工智能机器学习
    网罗开发（小红书、快手、视频号同名）  大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO
  • Element-plus封装表格Validate 努力搬砖的宣 vue.js前端javascriptelementui
    Element-plus实现表格内的表单验证：useAttrValidateHook在Vue.js项目中，表单验证是一个常见的需求，尤其在处理复杂表格编辑场景时。本文将详细介绍一个基于Vue3的自定义Hook——useAttrValidate，它提供了一种便捷的方式来处理表格组件中的字段校验。效果如下：1.导入与初始化Javascriptimport{reactive,nextTick}from"
  • Python模拟发送SOME/IP消息（Scapy模块） 李星星BruceL 车载总线及以太网pythontcp/ip网络协议车载系统服务发现
    Python模拟服务端或客户端发送SOME/IP消息1说明2依赖3服务端3.1导包3.2参数定义3.3提供服务（OfferService）3.4订阅ACK/NACK（SubscribeACK/NACK）3.5通知（Notifier）3.6请求/响应ACK（ResponseACK）1说明主要介绍如何使用Python+scapy模块进行SOME/IP以及SOME/IP-SD消息的发送和解析；关于SOM
  • JS通过ASCII码值实现随机字符串的生成（可指定长度以及解决首位不出现数值） 觉醒法师 JavaScriptjavascript前端开发语言typescript
    在之前写过一篇“JS实现随机生成字符串（可指定长度）”，当时写的过于简单和传统，比较粗放。此次针对此问题，对随机生成字符串的功能进行优化处理，对随机取到的字符都通过程序自动来完成。在写之前，我们先了解下String.charCodeAt、Array.from()、String.fromCharCode等方法，以及随机获取指定范围中的值，这些在此次功能优化中起到关键作用。一、String.charC
  • uniapp小程序项目从0到1开发 扶园 uni-app小程序
    一、在HBuilderX新建项目,然后可以先把可能用到的文件夹建好二、引入UI框架,根据npm方式配置文档uView2地址:https://uviewui.com/components/install.htmlcmd执行[email protected]引入并使用uView的JS库，注意这两行要放在importVue之后。//main.jsimportuViewfrom"uview
  • uniapp 小程序目录搭建以及 pages.json 配置 YZRHANYU uniapp+微信小程序jsonuni-app小程序
    uniapp小程序目录搭建1.分包结构├──api各个模块接口文件夹├──login.js登录模块接口文件├──common公共模块，包含公共基础css等├──base.css公共基础css├──components主包当中使用的组件或者复用率较高的组件作为全局组件├──node_modulesnodejs相关依赖包文件目录├──pages主包:业务页面文件存放的目录├──common├──sys
  • Java网络编程 逆风局？ java网络服务器
    基本的通信架构1.CS架构（Client客户端/Server服务端）Client客户端：需要程序员开发客户端软件需要用户下载安装客户端软件Server服务端：需要程序员开发服务端程序BS架构（Browser浏览器/Server服务端）。Browser浏览器不需要程序员开发需要用户下载安装浏览器Server服务端需要程序员开发服务端程序网络通信三要素IP地址设备在网络中的地址，是设备在网络中的唯一标
  • Vue.js 深度剖析：2024 前端高频面试题详解 跟着小郑学前端 前端vue.jsjavascript
    Vue.js深度剖析：2024前端高频面试题详解1.Vue的响应式原理是什么？2.Vue组件通信方式有哪些？3.Vue的生命周期是什么？4.如何优化Vue应用性能？5.什么是Vue的CompositionAPI？6.什么是Vue的VirtualDOM？7.Vuex与Pinia的区别是什么？1.Vue的响应式原理是什么？答：Vue的响应式系统基于数据劫持和发布-订阅模式。数据劫持：Vue2使用Obj
  • Vue 3中的路由（Router）详解 scorpion_V vue.js前端javascript
    在前端开发中，路由是构建单页应用程序的核心慨念之一。允许应用根据URL的变化动态地渲染不同的组件或页面。Vue.js提供了官方的路由管理工具——VueRouter。接下来这篇文章将逐步讲解Vue3中的路由概念以及使用。一、什么是路由？路由其实就是URL与应用程序视图之间的映射关系。在传统的多页应用里面，每次跳转都是向服务器发送请求，服务器返回新的页面的过程。但是在SPA中，页面并不会刷新，而是根据
  • Spring Boot 使用 Micrometer 集成 Prometheus 监控 Java 应用性能 liuyunshengsir 性能监控javaspringbootprometheus
    在SpringBoot中使用Micrometer集成Prometheus来监控Java应用性能是一种常见的做法。一、Micrometer简介Micrometer是一个开源的Java项目，主要用于为JVM应用程序提供监控和度量功能。以下是对Micrometer的详细介绍：定义与功能Micrometer是一个针对基于JVM的应用程序的Metrics标准检测库。它提供了一个简单的仪表客户端外观，使得开发
  • 【AI日志分析】基于机器学习的异常检测：告别传统规则的智能进阶 人工智能机器学习深度学习
    摘要随着系统规模的扩大和复杂性增加，传统基于规则的日志分析方法难以识别隐藏的复杂异常模式。本文将介绍基于机器学习的日志异常检测技术，包括模型选择、特征工程及实现步骤。通过具体的代码示例与图表，展示如何高效检测异常日志，并提供应用场景与优化策略。引言日志是系统运行状态的关键数据来源，但面对海量日志数据，传统规则式分析显得力不从心。机器学习能够根据日志的历史数据和行为模式，通过训练模型检测异常情况，不
  • 反向代理模块1 xianwu543 mysql数据库pythondjangoc++
    1概念1.1反向代理概念反向代理是指以代理服务器来接收客户端的请求，然后将请求转发给内部网络上的服务器，将从服务器上得到的结果返回给客户端，此时代理服务器对外表现为一个反向代理服务器。对于客户端来说，反向代理就相当于目标服务器，只需要将反向代理当作目标服务器一样发送请求就可以了，并且客户端不需要进行任何设置。1.2特点反向代理是代理服务器，为服务器收发请求，使真实服务器对客户端不可见。原文链接：h
  • 【揭秘】图像算法工程师岗位如何进入？ 认识祂 人工智能算法图像算法工程师
    “图像算法工程师，主要专注于开发图像处理和计算机视觉算法，广泛应用于各行业。本文，我们来揭秘一下他们的日常工作，以及如何成为这一领域的专业人才。”01图像算法工程师的日常工作算法设计与开发图像算法工程师的核心任务是设计和开发算法，以解决特定的图像处理或计算机视觉问题。常见的任务包括：图像分类：使用卷积神经网络（CNN）对图像进行分类，常见算法如ResNet、VGG。目标检测：在图像中定位并标注物体
  • 2025年计算机专业毕业设计选题推荐 速存 小晓程序设计 课程设计javaspringboot毕业设计
    2025最新计算机专业毕业设计选题推荐博主介绍CSDN特邀作者、博客专家、CSDN新星计划导师Java领域优质创作者，荣获“博客之星”称号掘金、华为云、阿里云、InfoQ等平台优质作者专注于Java技术及学生毕业项目实战指导高校教师/讲师，擅长同行交流合作文末获取源码联系方式主要内容SpringBoot、Vue、SSM框架应用HLMT（假设为某特定技术或框架）、Jsp、PHP、Node.js、Py
  • EventLoop事件循环机制(浏览器和Node EventLoop)
    前端的同学们应该都听说过EventLoop的概念，网上各大平台关于它的文章也是成百上千质量参差不一，其实在笔者刚开始接触js的时候这对这方面一头雾水，也是看了高程、官方文档以及大量的文章后才对它有了深刻认识，在这儿就来和大家分享下我对它的的认识和理解，不过要讲明白EventLoop这个东东还是要从头说起。本篇内容循序渐进比较长，需要耐心看完。注：如遇到有一些链接无法访问可能需要科学上网文章首发本人
  • threejs 复习笔记 three.js
    import*asTHREEfrom'https://unpkg.com/[email protected]/build/three.module.js'import{OrbitControls}from'https://github.com/mrdoob/three.js/blob/master/examples/jsm/controls/OrbitControls.js'import{OrbitCon
  • @RequestBody接收Json参数 | 用自定义注解对Vo对象中Date类型日期格式校验 手hold刺猬 003.疑难问题javaspringmvcjson正则表达式springboot
    标题太长有木有？主要是为了把问题描述清楚，免得进错文章。问题描述昨天测试的同事测试接口的时候，测试出来一个Date类型校验问题。要求输入的日期格式是：yyyy-MM-ddHH:mm:ss，Vo中使用的注解如下：@DateTimeFormat(pattern=”yyyy-MM-ddHH:mm:ss”)测试同事输入下面两种参数都是保存成功，当输入为“202105”参数时，保存的数据变为“1970-01
  • GO语言使用Nacos（nacos-sdk-go的使用） dream21st goland学习笔记golang微服务java
    文章目录1注册中心使用1.1配置说明1.2注册服务1.3拉取服务1.4获取服务方法说明获取服务信息：获取所有实例列表：获取健康实例列表：获取一个健康实例：监听服务变化：取消服务监听：分页获取服务名列表：2配置中心使用发布数据：发布一个JSON数据：删除配置文件：获取配置文件里面的数据：监听配置文件的变化：取消监听配置文件的变化：搜索配置文件：Nacos/nɑ:kəʊs/是DynamicNaming
  • 毕设分享 深度学习街道行人流量计数系统 fawubio_A 毕业设计python毕设
    文章目录0前言1项目运行效果2设计概要2原理介绍2.1目标检测概况什么是目标检测？发展阶段2.2行人检测行人检测简介行人检测技术难点行人检测实现效果4最后0前言这两年开始毕业设计和毕业答辩的要求和难度不断提升，传统的毕设题目缺少创新和亮点，往往达不到毕业答辩的要求，这两年不断有学弟学妹告诉学长自己做的项目系统达不到老师的要求。为了大家能够顺利以及最少的精力通过毕设，学长分享优质毕业设计项目，今天要
  • golang工程组件篇:高性能RPC框架gRPC之Resolver服务名称解析器 SMILY12138 golangrpc
    gRPC是一种基于Protobuf的高性能RPC框架，可以支持多种编程语言。在实际生产环境中，我们需要使用gRPC来构建分布式系统和微服务，并且保证连接的稳定性和可靠性。本篇文章将介绍gRPC如何使用Resolver服务名称解析器来提供更灵活的服务发现机制。什么是Resolver？在gRPC中，服务名称通常被用作客户端和服务器之间的地址标识符。例如，我们可以通过以下方式创建一个gRPC客户端连接：
  • PLC实现HTTP协议JSON格式数据上报对接的参数配置说明 AIHE-TECH httpjson网络协议西门子PLCMES网页url
    IGT-SER系列PLC通讯智能网关支持HTTP协议GET和POST、PUT请求模式。支持JSON格式的文件，也可以实现WebService的调用。通常智能网关是HTTP协议的客户端，也可以同时作为HTTP的服务端。相关案例作为客户端时支持触发、周期、混合等多种工作模式与服务端通讯：周期模式根据所设置的周期时间提交请求和解析返回的文件；触发模式可配置一个或多个触发条件，网关根据触发条件的数据变化进
  • 华为OD机试E卷 --英文输入法--24年OD统一考试（Java & JS & Python & C & C++） 飞码创造者 最新华为OD机试题库2024华为odjavajavascriptc语言python
    文章目录题目描述输入描述输出描述用例JS算法源码Java算法源码python算法源码c算法源码c++算法源码题目描述主管期望你来实现英文输入法单词联想功能。需求如下：•依据用户输入的单词前缀，从已输入的英文语句中联想出用户想输入的单词，按字典序输出联想到的单词序列，•如果联想不到，请输出用户输入的单词前缀。注意：英文单词联想时，区分大小写缩略形式如”don’t”，判定为两个单词，”don”和”t”
  • 《Java核心技术 卷II》HTTP客户端 阿立聊全栈 《Java核心技术II》JavaJava核心II服务器
    HTTP客户端URLConnection是HTTP称为Web普通适用协议之前设计的，提供大量协议支持，但笨重。HttpClient提供了更便捷的API和HTTP/2的支持。HttpClient类HttpClient对象可以发出请求并接收响应，调用方法获取客户端：HttpClientclient=HttpClient.newHttpClient();需要配置客户端，如下构建器API:HttpClie
  • IP2Region通过IP库ip定位城市来处理评论 未来AI编程 服务器运维
    Ip2region是什么ip2region-是一个离线IP地址定位库和IP定位数据管理框架，10微秒级别的查询效率，提供了众多主流编程语言的xdb数据生成和查询客户端实现。Ip2region特性1、IP数据管理框架xdb支持亿级别的IP数据段行数，默认的region信息都固定了格式：国家|区域|省份|城市|ISP，缺省的地域信息默认是0。region信息支持完全自定义，例如：你可以在region中
  • @RabbitListener或@RabbitHandler使用出现死循环 Youmans_station javarabbitmq
    异常1问题：为什么会找不到消费实现？@RabbitListener或@RabbitHandler配置出错很大原因是取决于content_type的配置和方法的形参。如果通过客户端放入队列中有个content_type为空的的消息，@RabbitListener只有形参为String的Handler，是无法对应上消费实现的。@RabbitHandler没有使用可选参数isDefault消费者找不到任
  • debian php安装,如何在Debian 9上安装PHP 第四根肋骨 debianphp安装
    装有PHP7.0版的Debian9即将终止支持，并且不再收到安全更新。在本教程中，我们将引导您完成在Debian9服务器上安装PHP7.2的步骤。我们还将向您展示如何配置Apache和Nginx以运行PHP。先决条件在Debian9上安装PHP7.2以下步骤描述了如何使用OndrejSury存储库安装PHP7.2。首先，更新apt软件包列表并安装必要的依赖项，以通过HTTPS添加新存储库：sudo
  • 纯C#编写的WebServer项目 masterofdotnet c#web服务服务器
    http://www.codeplex.com/webserver这是一个完全用C#实现的Web服务器，可用于嵌入到客户端或者作为独立的Web服务器使用。性能上还是很不错的。尤其是作为一个RPC服务器来说。而且学习的价值也很大。
  • 怎么样才能成为专业的程序员？ cocos2d-x小菜 编程PHP
      如何要想成为一名专业的程序员？仅仅会写代码是不够的。从团队合作去解决问题到版本控制，你还得具备其他关键技能的工具包。当我们询问相关的专业开发人员，那些必备的关键技能都是什么的时候，下面是我们了解到的情况。   关于如何学习代码，各种声音很多，然后很多人就被误导为成为专业开发人员懂得一门编程语言就够了？！呵呵，就像其他工作一样，光会一个技能那是远远不够的。如果你想要成为
  • java web开发 高并发处理 BreakingBad javaWeb并发开发处理高
    java处理高并发高负载类网站中数据库的设计方法（java教程,java处理大量数据，java高负载数据） 一：高并发高负载类网站关注点之数据库 没错,首先是数据库,这是大多数应用所面临的首个SPOF。尤其是Web2.0的应用，数据库的响应是首先要解决的。 一般来说MySQL是最常用的，可能最初是一个mysql主机，当数据增加到100万以上，那么，MySQL的效能急剧下降。常用的优化措施是M-S（
  • mysql批量更新 ekian mysql
    mysql更新优化： 一版的更新的话都是采用update set的方式，但是如果需要批量更新的话，只能for循环的执行更新。或者采用executeBatch的方式，执行更新。无论哪种方式，性能都不见得多好。 三千多条的更新，需要3分多钟。 查询了批量更新的优化，有说replace into的方式，即： replace into tableName(id,status) values
  • 微软BI（3） 18289753290 微软BI SSIS
    1) Q：该列违反了完整性约束错误；已获得 OLE DB 记录。源:“Microsoft SQL Server Native Client 11.0” Hresult: 0x80004005 说明:“不能将值 NULL 插入列 'FZCHID'，表 'JRB_EnterpriseCredit.dbo.QYFZCH'；列不允许有 Null 值。INSERT 失败。”。 A：一般这类问题的存在是
  • Java中的List g21121 java
            List是一个有序的 collection（也称为序列）。此接口的用户可以对列表中每个元素的插入位置进行精确地控制。用户可以根据元素的整数索引（在列表中的位置）访问元素，并搜索列表中的元素。         与 set 不同，列表通常允许重复
  • 读书笔记 永夜-极光 读书笔记
       1.  K是一家加工厂,需要采购原材料,有A,B,C,D 4家供应商,其中A给出的价格最低,性价比最高,那么假如你是这家企业的采购经理,你会如何决策?          传统决策: A:100%订单  B,C,D:0%     &nbs
  • centos 安装 Codeblocks 随便小屋 codeblocks
    1.安装gcc,需要c和c++两部分,默认安装下,CentOS不安装编译器的,在终端输入以下命令即可yum install gccyum install gcc-c++   2.安装gtk2-devel,因为默认已经安装了正式产品需要的支持库,但是没有安装开发所需要的文档.yum install gtk2* 3. 安装wxGTK    yum search w
  • 23种设计模式的形象比喻 aijuans 设计模式
    1、ABSTRACT FACTORY—追MM少不了请吃饭了，麦当劳的鸡翅和肯德基的鸡翅都是MM爱吃的东西，虽然口味有所不同，但不管你带MM去麦当劳或肯德基，只管向服务员说“来四个鸡翅”就行了。麦当劳和肯德基就是生产鸡翅的Factory 　　工厂模式：客户类和工厂类分开。消费者任何时候需要某种产品，只需向工厂请求即可。消费者无须修改就可以接纳新产品。缺点是当产品修改时，工厂类也要做相应的修改。如：
  • 开发管理 CheckLists aoyouzi 开发管理 CheckLists
    开发管理 CheckLists(23) -使项目组度过完整的生命周期 开发管理 CheckLists(22) -组织项目资源 开发管理 CheckLists(21) -控制项目的范围开发管理 CheckLists(20) -项目利益相关者责任开发管理 CheckLists(19) -选择合适的团队成员开发管理 CheckLists(18) -敏捷开发 Scrum Master 工作开发管理 C
  • js实现切换 百合不是茶 JavaScript栏目切换
    js主要功能之一就是实现页面的特效,窗体的切换可以减少页面的大小,被门户网站大量应用思路: 1,先将要显示的设置为display:bisible 否则设为none 2,设置栏目的id ,js获取栏目的id,如果id为Null就设置为显示 3,判断js获取的id名字;再设置是否显示   代码实现:   html代码: <di
  • 周鸿祎在360新员工入职培训上的讲话 bijian1013 感悟项目管理人生职场
            这篇文章也是最近偶尔看到的，考虑到原博客发布者可能将其删除等原因，也更方便个人查找，特将原文拷贝再发布的。“学东西是为自己的，不要整天以混的姿态来跟公司博弈，就算是混，我觉得你要是能在混的时间里，收获一些别的有利于人生发展的东西，也是不错的，看你怎么把握了”，看了之后，对这句话记忆犹新。  &
  • 前端Web开发的页面效果 Bill_chen htmlWebMicrosoft
    1.IE6下png图片的透明显示： <img src="图片地址" border="0" style="Filter.Alpha(Opacity)=数值(100),style=数值(3)"/> 或在<head></head>间加一段JS代码让透明png图片正常显示。 2.<li>标
  • 【JVM五】老年代垃圾回收：并发标记清理GC(CMS GC) bit1129 垃圾回收
      CMS概述 并发标记清理垃圾回收(Concurrent Mark and Sweep GC）算法的主要目标是在GC过程中，减少暂停用户线程的次数以及在不得不暂停用户线程的请夸功能，尽可能短的暂停用户线程的时间。这对于交互式应用，比如web应用来说，是非常重要的。   CMS垃圾回收针对新生代和老年代采用不同的策略。相比同吞吐量垃圾回收，它要复杂的多。吞吐量垃圾回收在执
  • Struts2技术总结 白糖_ struts2
      必备jar文件 早在struts2.0.*的时候，struts2的必备jar包需要如下几个： commons-logging-*.jar   Apache旗下commons项目的log日志包 freemarker-*.jar          
  • Jquery easyui layout应用注意事项 bozch jquery浏览器easyuilayout
    在jquery easyui中提供了easyui-layout布局，他的布局比较局限，类似java中GUI的border布局。下面对其使用注意事项作简要介绍：      如果在现有的工程中前台界面均应用了jquery easyui，那么在布局的时候最好应用jquery eaysui的layout布局，否则在表单页面（编辑、查看、添加等等）在不同的浏览器会出
  • java-拷贝特殊链表：有一个特殊的链表，其中每个节点不但有指向下一个节点的指针pNext，还有一个指向链表中任意节点的指针pRand，如何拷贝这个特殊链表？ bylijinnan java
    public class CopySpecialLinkedList { /** * 题目：有一个特殊的链表，其中每个节点不但有指向下一个节点的指针pNext，还有一个指向链表中任意节点的指针pRand，如何拷贝这个特殊链表？ 拷贝pNext指针非常容易，所以题目的难点是如何拷贝pRand指针。 假设原来链表为A1 -> A2 ->... -> An，新拷贝
  • color Chen.H JavaScripthtmlcss
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">    <HTML>    <HEAD>&nbs
  • [信息与战争]移动通讯与网络 comsci 网络
          两个坚持:手机的电池必须可以取下来                光纤不能够入户,只能够到楼宇       建议大家找这本书看看:<&
  • oracle flashback query(闪回查询) daizj oracleflashback queryflashback table
    在Oracle 10g中，Flash back家族分为以下成员： Flashback Database Flashback Drop Flashback Table Flashback Query(分Flashback Query,Flashback Version Query，Flashback Transaction Query) 下面介绍一下Flashback Drop 和Flas
  • zeus持久层DAO单元测试 deng520159 单元测试
    zeus代码测试正紧张进行中,但由于工作比较忙,但速度比较慢.现在已经完成读写分离单元测试了,现在把几种情况单元测试的例子发出来,希望有人能进出意见,让它走下去. 本文是zeus的dao单元测试: 1.单元测试直接上代码   package com.dengliang.zeus.webdemo.test; import org.junit.Test; import o
  • C语言学习三printf函数和scanf函数学习 dcj3sjt126com cprintfscanflanguage
    printf函数 /* 2013年3月10日20:42:32 地点：北京潘家园 功能： 目的： 测试%x %X %#x %#X的用法 */ # include <stdio.h> int main(void) { printf("哈哈！\n"); // \n表示换行 int i = 10; printf
  • 那你为什么小时候不好好读书? dcj3sjt126com life
    dady, 我今天捡到了十块钱, 不过我还给那个人了 good girl! 那个人有没有和你讲thank you啊 没有啦....他拉我的耳朵我才把钱还给他的, 他哪里会和我讲thank you   爸爸, 如果地上有一张5块一张10块你拿哪一张呢.... 当然是拿十块的咯... 爸爸你很笨的, 你不会两张都拿   爸爸为什么上个月那个人来跟你讨钱, 你告诉他没
  • iptables开放端口 Fanyucai linuxiptables端口
    1，找到配置文件 vi /etc/sysconfig/iptables   2，添加端口开放，增加一行，开放18081端口 -A INPUT -m state --state NEW -m tcp -p tcp --dport 18081 -j ACCEPT   3，保存 ESC :wq!   4，重启服务 service iptables
  • Ehcache（05）——缓存的查询 234390216 排序ehcache统计query
    缓存的查询 目录 1.    使Cache可查询 1.1     基于Xml配置 1.2     基于代码的配置 2     指定可搜索的属性 2.1     可查询属性类型 2.2 &
  • 通过hashset找到数组中重复的元素 jackyrong hashset
      如何在hashset中快速找到重复的元素呢?方法很多，下面是其中一个办法： int[] array = {1,1,2,3,4,5,6,7,8,8}; Set<Integer> set = new HashSet<Integer>(); for(int i = 0
  • 使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL lanrikey history
    后退时关闭当前页面 <script type="text/javascript"> jQuery(document).ready(function ($) {         if (window.history && window.history.pushState) {
  • 应用程序的通信成本 netkiller.github.com 虚拟机应用服务器陈景峰netkillerneo
    应用程序的通信成本 什么是通信 一个程序中两个以上功能相互传递信号或数据叫做通信。 什么是成本 这是是指时间成本与空间成本。 时间就是传递数据所花费的时间。空间是指传递过程耗费容量大小。 都有哪些通信方式 全局变量 线程间通信 共享内存 共享文件 管道 Socket 硬件（串口，USB） 等等 全局变量 全局变量是成本最低通信方法，通过设置
  • 一维数组与二维数组的声明与定义 恋洁e生 二维数组一维数组定义声明初始化
    /**  *  */ package test20111005; /**  * @author FlyingFire  * @date:2011-11-18 上午04:33:36  * @author ：代码整理  * @introduce :一维数组与二维数组的初始化  *summary：  */ public c
  • Spring Mybatis独立事务配置 toknowme mybatis
    在项目中有很多地方会使用到独立事务，下面以获取主键为例   （1）修改配置文件spring-mybatis.xml  <!-- 开启事务支持 -->  <tx:annotation-driven transaction-manager="transactionManager" />   &n
  • 更新Anadroid SDK Tooks之后，Eclipse提示No update were found xp9802 eclipse
    使用Android SDK Manager 更新了Anadroid SDK Tooks 之后， 打开eclipse提示 This Android SDK requires Android Developer Toolkit version 23.0.0 or above, 点击Check for Updates  检测一会后提示 No update were found 
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他