造饭
造饭

--经验总结：应对中文输入法的字符串截断方案（带代码示例）

本文转自：http://www.cnblogs.com/chyingp/p/3599641.html

 

遇到这么个需求，允许用户修改自己的名片，名片最大长度支持8个汉字（24个字节），当用户输入超过8个汉字，则不允许用户继续输入。

 最初的思路：oninput你好

很常见的需求，觉得驾轻就熟，监听input事件，当输入内容发生变化的时候，获得用户输入内容，并进行截断操作（如果超出的话）。主要代码如下。一切显得那么美好，直到中文输入法出现。

ps：本文用例均在 chrome 版本 33.0.1750.146下测试

$('#text').on('input', function() {
    var value = $(this).val();
    if(Str.byteLen(value, 3)>24){
        $(this).val(Str.getMaxlen(value, 24));
    }
});

完整代码如下，有兴趣可以看下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>demo</title>

</head>
<body>
    <input id="text" placeHolder="最大支持24个字节" />
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
     var Str = {
         byteLen : function (str, len){
            //正则取到中文的个数，然后len*count+原来的长度。不用replace
            var factor = len || 2;
            str += '';
            var tmp = str.match(/[^\x00-\xff]/g) || [];

            var count = tmp.length;
            return str.length + (factor-1)*count;
        },
        getMaxlen : function(str,maxlen){
            var sResult = '', L=0, i=0, stop = false, sChar;
            if(str.replace(/[^\x00-\xff]/g,'xxx').length <= maxlen){
                return str;
            }
            while(!stop){
                sChar = str.charAt(i);
                //sResult+=sChar;
                L+= sChar.match(/[^\x00-\xff]/) !== null ? 3 : 1;

                if(L > maxlen){
                    stop = true;
                }else{
                    sResult+=sChar;
                    i++;
                }
            }
            return sResult;
        }
    };
    $('#text').on('input', function() {
        var value = $(this).val();
        if(Str.byteLen(value, 3)>24){
            $(this).val(Str.getMaxlen(value, 24));
        }
    });
    </script>
</body>
</html>
View Code

 oninput的局限：中文输入法带来的难题

上面的解决方案对于普通的文本输入，如英文字母、数字等的输入是ok的。但当用户通过中文输入法（比如QQ拼音）时，就会遇到一些问题，我们简单改下上面的代码，看看究竟会有什么问题。就加多了个log打印。

$('#text').on('input', function() {
    var value = $(this).val();
    console.log('当前输入：'+value);  // 打印当前输入的值
    if(Str.byteLen(value, 3)>24){
        $(this).val(Str.getMaxlen(value, 24));
    }
});

下面是输入过程中的截图。可以看到，用户使用中文输入法输入的过程中，“input”事件被不断地触发着，这会带来什么问题呢？相信你已经想到了——会导致程序对当前用户输入字符实际长度的误判。比如用户输入“程序猿”三个汉子，实际占用9个字节，但对上面的程序来说，取到的字节数为"chengxuyuan".length == 11。在用户输入达到边界值时，就会莫名其妙地将用户的输入截断，导致中文输入无法接续（感兴趣的同学可以自己试下）

--经验总结：应对中文输入法的字符串截断方案（带代码示例）_第1张图片

 解决思路一：compositionstart、compositionend

在万能的幼稚园群里抛出问题后，有个兄弟提出了个方案：可以采用compositionstart、compositionend来捕获IME（input method editor）的启动和关闭事件。说实话，这两事件听都没听过，但既然有这么个解决方案，暂且试一下，再次修改代码

$('#text').on('input', function() {
    if($(this).prop('comStart')) return;    // 中文输入过程中不截断

    var value = $(this).val();
    console.log('当前输入：'+value);
    if(Str.byteLen(value, 3)>24){
        $(this).val(Str.getMaxlen(value, 24));
    }
}).on('compositionstart', function(){
    $(this).prop('comStart', true);
    console.log('中文输入：开始');
}).on('compositionend', function(){
    $(this).prop('comStart', false);
    console.log('中文输入：结束');
});

输入过程截图如下，可以看到，当compositionstart事件触发，就停止对输入字符的截断操作，而是耐心等待用户输入的结束--经验总结：应对中文输入法的字符串截断方案（带代码示例）_第2张图片

按下空格键，中文输入结束，此时再去进行字符长度的判读和截断

--经验总结：应对中文输入法的字符串截断方案（带代码示例）_第3张图片

 未完的探索

正如正文最前面强调的，本文的用例都是在chrome特定版本下进行测试，显然compositionstart、compositionend并不是一个兼容所有浏览器的方案。包括jQuery的“input”事件都是内部做了一堆兼容性处理的。假如这个需求是要兼容所有主流浏览器的话就真跪了，虽然这个迟早有一天会变成残酷的现实。

 

所以呢，探索还将继续：是否有兼容所有主流浏览器的方案，求路过的兄弟们支招。

你可能感兴趣的:(--经验总结：应对中文输入法的字符串截断方案（带代码示例）)

  • OpenAI突袭发布三款语音模型：GPT-4o STT/TTS实测详解 + 应用推荐 + 接入指南 AI筑梦师 AI前沿探索人工智能深度学习pythonagigpt
    OpenAI突袭发布三款语音模型：GPT-4oSTT/TTS实测详解+应用推荐+接入指南北京时间2025年3月21日，OpenAI再次上演“深夜惊喜”，悄无声息地开了一场直播，推出了三款全新的语音模型：️gpt-4o-transcribe（语音转文本STT，标准版）️gpt-4o-mini-transcribe（语音转文本STT，轻量版）gpt-4o-mini-tts（文本转语音TTS，情感语音合
  • webpack使用详细步骤 木心操作 webpackwebpack前端node.js
    项目描述本项目webpack的基本使用。webpack官方：https://webpack.docschina.org/concepts/Element-plus官方：https://element-plus.sxtxhy.com/zh-CN/Vue3官方：https://cn.vuejs.org/项目组成明细每个步骤完成后重新执行npmrundev即可看到效果1、webpack打包工具安装npm
  • 数组名就是指针？ __舒佳瑞__ c++开发语言c语言
    在学习C/C++的过程中相信有很多同学都听过这句话，“数组名本质上就是指针”，可是你仔细想想不觉得奇怪吗？用一个概念去指另一个概念，那我为什么还需要引入这两个概念？一、让我门来分析一下为什么会有人这样认为#includeintmain(){intarr[5]={0};std::cout#includeintmain(){intarr[5]={0};usingT=decltype(arr);std:
  • 国产670亿参数的DeepSeek：超越Llama2，全面开源 努力犯错 microsoftllama自然语言处理人工智能语言模型
    模型概述DeepSeek，一款国产大型语言模型（LLM），凭借其670亿参数的规模，正引领着人工智能领域的新浪潮。这款模型不仅在多项中英文公开评测榜单上超越了700亿参数的Llama2，而且在推理、数学和编程能力方面表现突出。最引人注目的是，DeepSeek在匈牙利最新高中数学考试中获得了65分的高分，显示出其卓越的数学解题能力。Huggingface模型下载：https://huggingfac
  • 自动驾驶工程师之多传感器融合篇 niuTaylor 自动驾驶人工智能机器学习
    以下是针对自动驾驶工程师在传感器联合标定与感知融合领域的知识拓展，结合技术原理与行业实践，分层解析关键问题：一、传感器联合标定的核心逻辑1.内参标定vs外参标定•内参标定：聚焦传感器内部参数校准例如相机焦距（(f_x,f_y)）、光心偏移（(c_x,c_y)）、畸变系数（(k_1,k_2,p_1,p_2)）等。激光雷达需校准光束发射角度和接收时间偏差，毫米波雷达则需校准天线阵列相位一致性。•外参标
  • 图论 24. Floyd算法（多源最短路问题） Mophead_Zarathustra 小白的代码随想录刷题笔记Mophead的小白刷题笔记leetcodepython代码随想录图论
    图论24.Floyd算法（多源最短路问题）97.小明逛公园代码随想录卡码网无难度标识相对于前面的单源最短路解法，这道题扩展到了多源最短路问题。代码随想录：理解了遍历顺序才是floyd算法最精髓的地方。floyd算法的时间复杂度相对较高，适合稠密图且源点较多的情况。如果是稀疏图，floyd是从节点的角度去计算了，例如图中节点数量是1000，就一条边，那floyd的时间复杂度依然是O(n^3)。如果源
  • LMDrive: 基于大语言模型的闭环端到端自动驾驶 AI-Seeker 语言模型人工智能自动驾驶
    0.资源链接论文:LMDrive:Closed-LoopEnd-to-EndDrivingwithLargeLanguageModels项目:https://hao-shao.com/projects/lmdrive.html1.背景动机现有的自动驾驶方法存在以下问题：适用场景局限：对常见的简单场景有效，但在长尾事件和城市复杂场景时存在挑战，易导致严重事故交互理解局限：依赖于有限格式的输入（如传感
  • 前端基础入门三大核心之HTML篇：PWA入门指南 —— 理解与构建现代化Web应用 DTcode7 HTML网站开发#前端基础入门三大核心之htmlHTML5前端web前端三大核心网页开发
    前端基础入门三大核心之HTML篇：PWA入门指南——理解与构建现代化Web应用PWA基本概念与优势关键技术组件构建PWA实战第一步：启用HTTPS第二步：创建WebAppManifest第三步：实现ServiceWorker注册ServiceWorker安全性与性能优化实际开发技巧遇到问题时的排查思路结语与讨论随着移动互联网的飞速发展，ProgressiveWebApps（简称PWA）凭借其接近原
  • 计算机网络高频（五）HTTP和HTTPS HUZ_小Z 计算机网络课程设计经验分享笔记
    计算机网络高频（五）HTTP和HTTPS1.什么是Http协议？⭐基本介绍：HTTP（HyperTextTransferProtocol）：全称超文本传输协议，是用于从万维网（WWW:WorldWideWeb）服务器传输超文本到本地浏览器的传送协议。HTTP是一种应用层协议，是基于TCP/IP通信协议来传递数据的，其中HTTP1.0、HTTP1.1、HTTP2.0均为TCP实现，HTTP3.0基于
  • 计算机网络高频（四）socket网络编程 HUZ_小Z 计算机网络websocket经验分享笔记开发语言
    计算机网络高频（四）socket网络编程1.请说说socket网络编程的步骤。⭐⭐⭐UDP的网络编程：客户端的基本流程如下：创建UDP套接字（socket）：使用socket库的socket()函数创建一个UDP套接字。可选地绑定本地地址和端口：使用bind()函数将套接字绑定到一个本地地址和端口。发送数据包给服务端：使用sendto()函数将数据包发送给服务端，需要指定目标地址和端口。等待接收来
  • 深入理解 HTML5 Web Workers：提升网页性能的关键技术解析 A-Kamen 前端html5html
    深入理解HTML5WebWorkers：提升网页性能的关键技术解析引言1.什么是WebWorkers？WebWorkers的特点：2.WebWorkers的使用方式2.1创建一个WebWorker步骤1：创建Worker文件步骤2：在主线程中调用Worker3.WebWorkers的高级应用3.1使用`Blob`方式创建Worker3.2终止Worker4.WebWorkers的应用场景示例：计算
  • python循环语句-爬虫学习笔记 Yang张洋 python学习笔记学习笔记pythonpycharm
    循环语句：可以让我们的代码重复的去执行1、while循环：while条件：代码过程：判断条件是否为真，如果真，执行代码，然后再次判断条件，。。。直到条件为假循环结束如：实现1-2+3-4+5-6....-100=?i=1s=0whilei<100:s=s-1i=i+2print(s)认识两个语句break:让当前这个循环立即停止continue：停止当前本次循环，继续执行下一次循环2、for循环字
  • 运维系列&python系列：Pycharm远程调试及远程虚拟环境（包括Docker） 坦笑&&life #python运维pythonpycharm
    Pycharm远程调试及远程虚拟环境（包括Docker）Pycharm远程调试及远程虚拟环境（包括Docker）概述准备配置连接远程服务器1.配置远程服务器信息2.配置远程服务器的python环境3.上传同步代码4.运行调试代码远程虚拟环境配置具体操作如下：1.在远程服务器中安装virtualenv2.创建虚拟环境名称3.进入虚拟环境4.退出虚拟环境Pycharm配置远程服务器的虚拟环境Pycha
  • Tomcat相关的面试题 努力的搬砖人. java后端面试tomcat经验分享
    以下是150道Tomcat相关的面试题，涵盖了Tomcat的基础概念、配置管理、部署运行、性能调优、安全机制、日志管理、集群与负载均衡、与其他技术的结合等方面，希望对你有所帮助。Tomcat基础概念1.什么是Tomcat？它的主要功能和特点是什么？Tomcat是Apache软件基金会开发的一款开源的Servlet容器，它实现了JavaServlet和JavaServerPages(JSP)技术规范
  • 如何利用 多 张 GPU 高效运行 Ollama 刘 怼怼 python程序人生
    在当今的人工智能和机器学习领域，利用多GPU进行加速计算已经成为提升性能的关键手段。本文将详细介绍如何在系统中使用多张GPU来运行Ollama，充分发挥硬件的强大性能。1.确认GPU环境在开始配置之前，首先要确保多张GPU已经被系统正确识别，并且驱动程序已经安装妥当。我们可以使用nvidia-smi命令来进行确认。打开终端，输入以下命令：nvidia-smi执行该命令后，终端会显示每个GPU的详细
  • IP-guard助力完善远程办公安全管理 Chenchen_new ip-guard远程办公
    完善不同应用场景的数据保护，IP-guard也特别推出了对远程办公的安全管控方案，企业在内部终端部署IP-guard安全管控措施时，可以根据远程办公需要，对远程接入管理以及数据访问等进行更有针对性的管控，实现内部办公与外部办公的统一管理，保护数据信息在企业内外安全。IP-guard远程办公安全解决方案1、禁止不安全客户端接入当私人电脑使用VPN直连企业内网时，可以规定其必须安装IP-guard客户
  • 使用CSS3实现炫酷的3D视差滚动效果 木木黄木木 css33d前端
    使用CSS3实现炫酷的3D视差滚动效果这里写目录标题使用CSS3实现炫酷的3D视差滚动效果项目概述核心技术实现1.3D空间的创建2.视差层级设置3.动画效果实现流星动画月亮发光效果技术难点与解决方案1.层级重叠问题2.性能优化3.响应式适配开发心得总结项目概述在这个项目中，我们使用纯CSS3技术实现了一个令人印象深刻的3D视差滚动效果。整个页面包含星空背景、流星、月亮、山脉和树木等多个图层，通过不
  • html5炫酷3D数字时钟项目开发实践 木木黄木木 html5前端html53d前端
    炫酷3D数字时钟项目开发实践这里写目录标题炫酷3D数字时钟项目开发实践项目概述技术栈核心技术实现1.3D翻转效果实现2.数字显示与翻转动画3.霓虹灯发光效果4.时间更新逻辑技术难点与解决方案1.3D翻转动画的流畅性2.数字更新的同步性3.发光效果的性能优化项目总结项目改进方向项目概述这是一个基于HTML5、CSS3和JavaScript实现的3D数字时钟项目。项目的主要特点是通过3D翻转动画来展示
  • ActiveMQ、RabbitMQ、Kafka、RocketMQ在消息回溯、消息堆积+持久化、消息追踪、消息过滤的区别 点滴~ activemqrabbitmqkafka
    目录1.消息回溯2.消息堆积+持久化3.消息追踪4.消息过滤ActiveMQ、RabbitMQ、Kafka、RocketMQ在消息回溯、消息堆积+持久化、消息追踪、消息过滤等方面各有其独特的特点和优势。以下是这四个方面的详细比较：1.消息回溯ActiveMQ：支持消息回溯功能。ActiveMQ可以将消息持久化到磁盘上，因此当需要回溯消息时，可以从磁盘上重新读取并处理这些消息。RabbitMQ：虽然
  • 2025年渗透测试面试题总结-某360-企业蓝军面试复盘 （题目+回答） 独行soc 2025年渗透测试面试指南面试职场和发展安全web安全红蓝攻防pythonjava
    网络安全领域各种资源，学习文档，以及工具分享、前沿信息分享、POC、EXP分享。不定期分享各种好玩的项目及好用的工具，欢迎关注。目录360-企业蓝军一、Shiro绕WAF实战方案二、WebLogic遭遇WAF拦截后的渗透路径三、JBoss/WebLogic反序列化漏洞原理四、Fastjson漏洞检测与绕过五、PHP文件下载漏洞深入利用六、PHPdisable_function绕过原理七、云主机无内
  • 车载以太网网络测试-18【传输层-DOIP协议-1】 车载测试工程师 车载以太网测试网络服务器运维网络协议车载系统经验分享
    目录1摘要2DOIP协议的概述2.1DOIP协议背景2.2ISO13400概述3DOIP报文的帧结构以及实例3.1DOIP报文帧结构3.2实例示例总结1摘要在汽车网络通信中，诊断扮演了非常重要的角色，无论是故障诊断、整车下线配置，还是ECU的软件更新、远程OTA等，都离不开诊断技术。传统基于CAN的诊断已经非常普遍了，那么如果应用了车载以太网，诊断该如何实现呢？答案是DoIP。汽车诊断使用的是UD
  • 车载以太网网络测试-16【传输层-UDP】 车载测试工程师 车载以太网测试网络协议经验分享车载系统tcp/ip
    目录1摘要2车载以太网传输层概述3车载以太网UDP协议3.1车载以太网UDP协议的作用3.2UDP报文帧结构3.3UDP协议的通信过程3.3.1通信过程3.3.2实例示例3.3.3代码示例4总结1摘要车载以太网的第五层是传输层，它在车载网络架构中扮演着至关重要的角色。主要分为TCP协议和UDP协议，这俩协议在汽车网络通信应用十分广泛。因此，熟练掌握这俩协议是车载网络测试工程师的必备技能，本文主要先
  • 车载以太网测试-13【网络层-IGMP协议】 车载测试工程师 车载以太网测试经验分享网络协议网络车载系统tcp/ip
    目录1摘要2IGMP协议概述2.1IGMP在TCP/IP协议栈中的位置2.2IGMP与以太网的关系2.3为什么需要IGMP协议？2.4IGMP报文结构2.4.1IGMPv1报文结构2.4.2IGMPv2报文结构2.4.3IGMPv3报文结构3IGMP通信原理3.1GMP的通信流程3.2IGMP协议完整流程示例4总结1摘要IGMP是网络层协议，位于TCP/IP协议栈的网络层，它依赖于以太网作为底层传
  • 车载以太网测试-8【网络层】-IP协议&路由协议 车载测试工程师 车载以太网测试tcp/ip网络服务器
    目录1摘要2车载以太网网络层介绍2.1IP协议（InternetProtocol）2.1.1IP帧结构2.1.2IP地址2路由协议2.1静态路由2.2动态路由3总结1摘要车载以太网（AutomotiveEthernet）是一种专门为汽车应用设计的以太网技术，旨在满足现代汽车对高带宽、低延迟和可靠通信的需求。车载以太网的网络层是OSI（开放系统互连）模型中的第三层，主要负责数据包的路由和转发，确保数
  • 常见框架漏洞之二：struts2 执念WRD struts后端框架漏洞
    简介ApacheStruts2最初被称为WebWork2，它是⼀个简洁的、可扩展的框架，可⽤于创建企业级Javaweb应⽤程序。设计这个框架是为了从构建、部署、到应⽤程序维护⽅⾯来简化整个开发周期。■Struts2是⼀个基于MVC设计模式的web应⽤框架：MVC：模型(Model)、视图(View)、控制器(Controller)：■模型---属于软件设计模式的底层基础，主要负责数据维护。■视图-
  • 探索未来网页的强大力量： Awesome Progressive Web Apps 项目解析 秋或依
    探索未来网页的强大力量：AwesomeProgressiveWebApps项目解析awesome-progressive-web-apps:sunrise:Acollectionofawesomeresourcesforbuildingprogressivewebapps项目地址:https://gitcode.com/gh_mirrors/aw/awesome-progressive-web-a
  • 提升网站性能与用户体验：全面解析与优化 Web Vitals 核心指标 布兰妮甜 前端安全实践前端uxjavascript
    文章目录前言一、LargestContentfulPaint(LCP)二、FirstInputDelay(FID)三、CumulativeLayoutShift(CLS)结语前言在当今竞争激烈的互联网环境中，网站性能和用户体验成为了决定网站成败的关键因素。Google推出的WebVitals指标体系，通过三个核心指标——LargestContentfulPaint(LCP)、FirstInputD
  • 重温React框架 向贤 前端开发技术面试react.js前端前端框架
    文章目录一、React的核心设计哲学1.声明式编程（Declarative）2.组件化（Component-Based）3.单向数据流（UnidirectionalDataFlow）二、React的核心技术机制1.虚拟DOM（VirtualDOM）2.JSX语法3.ReactFiber架构三、React的核心API与生态1.组件生命周期（类组件）2.Hooks（函数组件）3.生态系统四、React
  • MacBook 如何让外接鼠标滚动方向与 Windows 一致，而触摸板保持默认？ Joyner2018 计算机外设windowsmacos鼠标
    如果你刚从Windows电脑切换到MacBook，可能会发现一个让人困惑的小细节：鼠标滚动方向和Windows是相反的！MacBook默认采用"自然滚动"（NaturalScrolling），它模拟了触摸屏的交互逻辑，比如你在iPhone或iPad上滑动网页的方式。但问题来了——如果你使用外接鼠标，MacBook不会区分鼠标和触摸板，默认情况下，两者的滚动方向都是一样的。这就导致一个尴尬的问题：要
  • Java 变量命名规则详解 A-Kamen javajava开发语言
    Java变量命名规则详解在Java编程中，变量命名是一项重要的规范，良好的命名规则能够提高代码的可读性和可维护性。本文将详细介绍Java中变量命名的规则和最佳实践，帮助您编写规范且易于理解的Java代码。1.变量命名规则1.1可以使用的字符变量名可以包含字母、数字、美元符号$和下划线_。变量名必须以字母、美元符号$或下划线_开始，不能以数字开头。1.2大小写敏感Java是区分大小写的语言，因此变量
  • Hadoop(一) 朱辉辉33 hadooplinux
    今天在诺基亚第一天开始培训大数据，因为之前没接触过Linux，所以这次一起学了，任务量还是蛮大的。 首先下载安装了Xshell软件，然后公司给了账号密码连接上了河南郑州那边的服务器，接下来开始按照给的资料学习，全英文的，头也不讲解，说锻炼我们的学习能力，然后就开始跌跌撞撞的自学。这里写部分已经运行成功的代码吧.    在hdfs下，运行hadoop fs -mkdir /u
  • maven An error occurred while filtering resources blackproof maven报错
    转：http://stackoverflow.com/questions/18145774/eclipse-an-error-occurred-while-filtering-resources   maven报错： maven An error occurred while filtering resources   Maven -> Update Proje
  • jdk常用故障排查命令 daysinsun jvm
    linux下常见定位命令： 1、jps      输出Java进程       -q       只输出进程ID的名称，省略主类的名称；       -m      输出进程启动时传递给main函数的参数；     &nb
  • java 位移运算与乘法运算 周凡杨 java位移运算乘法
      对于 JAVA 编程中，适当的采用位移运算，会减少代码的运行时间，提高项目的运行效率。这个可以从一道面试题说起：     问题： 用最有效率的方法算出2 乘以8 等於几?” 答案：2 << 3 由此就引发了我的思考，为什么位移运算会比乘法运算更快呢？其实简单的想想，计算机的内存是用由 0 和 1 组成的二
  • java中的枚举(enmu) g21121 java
    从jdk1.5开始，java增加了enum(枚举)这个类型，但是大家在平时运用中还是比较少用到枚举的，而且很多人和我一样对枚举一知半解，下面就跟大家一起学习下enmu枚举。先看一个最简单的枚举类型，一个返回类型的枚举： public enum ResultType { /** * 成功 */ SUCCESS, /** * 失败 */ FAIL,
  • MQ初级学习 510888780 activemq
    1.下载ActiveMQ 去官方网站下载：http://activemq.apache.org/ 2.运行ActiveMQ 解压缩apache-activemq-5.9.0-bin.zip到C盘，然后双击apache-activemq-5.9.0-\bin\activemq-admin.bat运行ActiveMQ程序。 启动ActiveMQ以后，登陆：http://localhos
  • Spring_Transactional_Propagation 布衣凌宇 springtransactional
    //事务传播属性 @Transactional(propagation=Propagation.REQUIRED)//如果有事务，那么加入事务，没有的话新创建一个 @Transactional(propagation=Propagation.NOT_SUPPORTED)//这个方法不开启事务 @Transactional(propagation=Propagation.REQUIREDS_N
  • 我的spring学习笔记12-idref与ref的区别 aijuans spring
    idref用来将容器内其他bean的id传给<constructor-arg>/<property>元素，同时提供错误验证功能。例如： <bean id ="theTargetBean" class="..." /> <bean id ="theClientBean" class=&quo
  • Jqplot之折线图 antlove jsjqueryWebtimeseriesjqplot
    timeseriesChart.html <script type="text/javascript" src="jslib/jquery.min.js"></script> <script type="text/javascript" src="jslib/excanvas.min.js&
  • JDBC中事务处理应用 百合不是茶 javaJDBC编程事务控制语句
      解释事务的概念; 事务控制是sql语句中的核心之一;事务控制的作用就是保证数据的正常执行与异常之后可以恢复   事务常用命令:             Commit提交         
  • [转]ConcurrentHashMap Collections.synchronizedMap和Hashtable讨论 bijian1013 java多线程线程安全HashMap
    在Java类库中出现的第一个关联的集合类是Hashtable，它是JDK1.0的一部分。 Hashtable提供了一种易于使用的、线程安全的、关联的map功能，这当然也是方便的。然而，线程安全性是凭代价换来的――Hashtable的所有方法都是同步的。此时，无竞争的同步会导致可观的性能代价。Hashtable的后继者HashMap是作为JDK1.2中的集合框架的一部分出现的，它通过提供一个不同步的
  • ng-if与ng-show、ng-hide指令的区别和注意事项 bijian1013 JavaScriptAngularJS
            angularJS中的ng-show、ng-hide、ng-if指令都可以用来控制dom元素的显示或隐藏。ng-show和ng-hide根据所给表达式的值来显示或隐藏HTML元素。当赋值给ng-show指令的值为false时元素会被隐藏，值为true时元素会显示。ng-hide功能类似，使用方式相反。元素的显示或
  • 【持久化框架MyBatis3七】MyBatis3定义typeHandler bit1129 TypeHandler
    什么是typeHandler? typeHandler用于将某个类型的数据映射到表的某一列上，以完成MyBatis列跟某个属性的映射   内置typeHandler MyBatis内置了很多typeHandler，这写typeHandler通过org.apache.ibatis.type.TypeHandlerRegistry进行注册，比如对于日期型数据的typeHandler，
  • 上传下载文件rz,sz命令 bitcarter linux命令rz
    刚开始使用rz上传和sz下载命令： 因为我们是通过secureCRT终端工具进行使用的所以会有上传下载这样的需求： 我遇到的问题： sz下载A文件10M左右，没有问题 但是将这个文件A再传到另一天服务器上时就出现传不上去，甚至出现乱码，死掉现象，具体问题 解决方法： 上传命令改为;rz -ybe 下载命令改为：sz -be filename 如果还是有问题： 那就是文
  • 通过ngx-lua来统计nginx上的虚拟主机性能数据 ronin47 ngx-lua　统计 解禁ip
    介绍 以前我们为nginx做统计,都是通过对日志的分析来完成.比较麻烦,现在基于ngx_lua插件,开发了实时统计站点状态的脚本,解放生产力.项目主页: https://github.com/skyeydemon/ngx-lua-stats 功能 支持分不同虚拟主机统计, 同一个虚拟主机下可以分不同的location统计. 可以统计与query-times request-time
  • java-68-把数组排成最小的数。一个正整数数组，将它们连接起来排成一个数，输出能排出的所有数字中最小的。例如输入数组{32, 321}，则输出32132 bylijinnan java
    import java.util.Arrays; import java.util.Comparator; public class MinNumFromIntArray { /** * Q68输入一个正整数数组，将它们连接起来排成一个数，输出能排出的所有数字中最小的一个。 * 例如输入数组{32, 321}，则输出这两个能排成的最小数字32132。请给出解决问题
  • Oracle基本操作 ccii Oracle SQL总结Oracle SQL语法Oracle基本操作Oracle SQL
    一、表操作 1. 常用数据类型 NUMBER(p,s)：可变长度的数字。p表示整数加小数的最大位数，s为最大小数位数。支持最大精度为38位 NVARCHAR2(size)：变长字符串，最大长度为4000字节（以字符数为单位） VARCHAR2(size)：变长字符串，最大长度为4000字节（以字节数为单位） CHAR(size)：定长字符串，最大长度为2000字节，最小为1字节，默认
  • [强人工智能]实现强人工智能的路线图 comsci 人工智能
        1：创建一个用于记录拓扑网络连接的矩阵数据表      2:自动构造或者人工复制一个包含10万个连接(1000*1000)的流程图      3：将这个流程图导入到矩阵数据表中      4：在矩阵的每个有意义的节点中嵌入一段简单的
  • 给Tomcat，Apache配置gzip压缩(HTTP压缩)功能 cwqcwqmax9 apache
    背景： HTTP 压缩可以大大提高浏览网站的速度，它的原理是，在客户端请求网页后，从服务器端将网页文件压缩，再下载到客户端，由客户端的浏览器负责解压缩并浏览。相对于普通的浏览过程HTML ,CSS,Javascript , Text ，它可以节省40%左右的流量。更为重要的是，它可以对动态生成的，包括CGI、PHP , JSP , ASP , Servlet,SHTML等输出的网页也能进行压缩，
  • SpringMVC and Struts2 dashuaifu struts2springMVC
    SpringMVC VS Struts2 1: spring3开发效率高于struts 2: spring3 mvc可以认为已经100%零配置 3: struts2是类级别的拦截， 一个类对应一个request上下文， springmvc是方法级别的拦截，一个方法对应一个request上下文，而方法同时又跟一个url对应 所以说从架构本身上 spring3 mvc就容易实现r
  • windows常用命令行命令 dcj3sjt126com windowscmdcommand
    在windows系统中，点击开始－运行，可以直接输入命令行，快速打开一些原本需要多次点击图标才能打开的界面，如常用的输入cmd打开dos命令行，输入taskmgr打开任务管理器。此处列出了网上搜集到的一些常用命令。winver 检查windows版本 wmimgmt.msc 打开windows管理体系结构(wmi) wupdmgr windows更新程序 wscrip
  • 再看知名应用背后的第三方开源项目 dcj3sjt126com ios
    知名应用程序的设计和技术一直都是开发者需要学习的，同样这些应用所使用的开源框架也是不可忽视的一部分。此前《 iOS第三方开源库的吐槽和备忘》中作者ibireme列举了国内多款知名应用所使用的开源框架，并对其中一些框架进行了分析，同样国外开发者 @iOSCowboy也在博客中给我们列出了国外多款知名应用使用的开源框架。另外txx's blog中详细介绍了 Facebook Paper使用的第三
  • Objective-c单例模式的正确写法 jsntghf 单例iosiPhone
    一般情况下，可能我们写的单例模式是这样的： #import <Foundation/Foundation.h> @interface Downloader : NSObject + (instancetype)sharedDownloader; @end #import "Downloader.h" @implementation
  • jquery easyui datagrid 加载成功，选中某一行 hae jqueryeasyuidatagrid数据加载
    1.首先你需要设置datagrid的onLoadSuccess $( '#dg' ).datagrid({onLoadSuccess :  function (data){      $( '#dg' ).datagrid( 'selectRow' ,3); }});   2.onL
  • jQuery用户数字打分评价效果 ini JavaScripthtmljqueryWebcss
    效果体验：http://hovertree.com/texiao/jquery/5.htmHTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery用户数字打分评分代码 - HoverTree</
  • mybatis的paramType kerryg DAOsql
    MyBatis传多个参数： 1、采用#{0},#{1}获得参数：    Dao层函数方法：     public User selectUser(String name,String area); 对应的Mapper.xml    <select id="selectUser" result
  • centos 7安装mysql5.5 MrLee23 centos
    首先centos7 已经不支持mysql，因为收费了你懂得，所以内部集成了mariadb，而安装mysql的话会和mariadb的文件冲突，所以需要先卸载掉mariadb，以下为卸载mariadb，安装mysql的步骤。   #列出所有被安装的rpm package rpm -qa | grep mariadb   #卸载 rpm -e mariadb-libs-5.
  • 利用thrift来实现消息群发 qifeifei thrift
               Thrift项目一般用来做内部项目接偶用的，还有能跨不同语言的功能，非常方便，一般前端系统和后台server线上都是3个节点，然后前端通过获取client来访问后台server，那么如果是多太server，就是有一个负载均衡的方法，然后最后访问其中一个节点。那么换个思路，能不能发送给所有节点的server呢，如果能就
  • 实现一个sizeof获取Java对象大小 teasp javaHotSpot内存对象大小sizeof
       由于Java的设计者不想让程序员管理和了解内存的使用，我们想要知道一个对象在内存中的大小变得比较困难了。本文提供了可以获取对象的大小的方法，但是由于各个虚拟机在内存使用上可能存在不同，因此该方法不能在各虚拟机上都适用，而是仅在hotspot 32位虚拟机上，或者其它内存管理方式与hotspot 32位虚拟机相同的虚拟机上 适用。     
  • SVN错误及处理 xiangqian0505 SVN提交文件时服务器强行关闭
    在SVN服务控制台打开资源库“SVN无法读取current” ---摘自网络 写道 SVN无法读取current修复方法 Can't read file : End of file found 文件：repository/db/txn_current、repository/db/current   其中current记录当前最新版本号，txn_current记录版本库中版本
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他