东边的小山
东边的小山

Html5 canvas 应用于webkit浏览器实现电子签名

 前段时间做了一个html5的小应用，将电子签名整合到系统的审批中。 还好，发现html5实现起来很方便。

 

webkit浏览器，便可以使用canvas来完成画板签名。如下图


Html5 canvas 应用于webkit浏览器实现电子签名_第1张图片

代码如下：

在网上收集了些资料，稍微整理修改了下，保证copy即可运行。

Html代码   收藏代码
  1. >  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5. <title>无标题文档title>  
  6. <style type="text/css">  
  7. #canvas{ border:1px solid #ccc;}  
  8. style>  
  9. head>  
  10.   
  11. <body>  
  12. <div id="canvasDiv">div>  
  13. <button id="btn_clear">Clearbutton>  
  14. <button id="btn_submit">Submitbutton>  
  15. <script language="javascript">  
  16. var canvasDiv = document.getElementById('canvasDiv');  
  17. var canvas = document.createElement('canvas');  
  18. var canvasWidth = 600, canvasHeight=400;  
  19. var point = {};  
  20. point.notFirst = false;  
  21.   
  22. canvas.setAttribute('width', canvasWidth);  
  23. canvas.setAttribute('height', canvasHeight);  
  24. canvas.setAttribute('id', 'canvas');  
  25. canvasDiv.appendChild(canvas);  
  26.   
  27. if(typeof G_vmlCanvasManager != 'undefined') {  
  28.   
  29.     canvas = G_vmlCanvasManager.initElement(canvas);  
  30. }  
  31. var context = canvas.getContext("2d");  
  32.   
  33.   
  34. canvas.addEventListener("mousedown", function(e){  
  35.   var mouseX = e.pageX - this.offsetLeft;  
  36.   var mouseY = e.pageY - this.offsetTop;  
  37.   paint = true;  
  38.   addClick(e.pageX - this.offsetLeft, e.pageY - this.offsetTop);  
  39.   redraw();  
  40. });  
  41.   
  42. canvas.addEventListener("mousemove", function(e){  
  43.   if(paint){  
  44.     addClick(e.pageX - this.offsetLeft, e.pageY - this.offsetTop, true);  
  45.     redraw();  
  46.   }  
  47. });  
  48.   
  49. canvas.addEventListener("mouseup", function(e){  
  50.   paint = false;  
  51. });  
  52.   
  53. canvas.addEventListener("mouseleave", function(e){  
  54.   paint = false;  
  55. });  
  56.   
  57. var clickX = new Array();  
  58. var clickY = new Array();  
  59. var clickDrag = new Array();  
  60. var paint;  
  61.   
  62. function addClick(x, y, dragging)  
  63. {  
  64.   clickX.push(x);  
  65.   clickY.push(y);  
  66.   clickDrag.push(dragging);  
  67. }  
  68.   
  69. function redraw(){  
  70.   //canvascanvas.width = canvas.width; // Clears the canvas  
  71.     
  72.   context.strokeStyle = "#df4b26";  
  73.   context.lineJoin = "round";  
  74.   context.lineWidth = 5;  
  75.     
  76.   while (clickX.length > 0 ) {  
  77.       pointpoint.bx = point.x;  
  78.       pointpoint.by = point.y;  
  79.       point.x = clickX.pop();  
  80.       point.y = clickY.pop();  
  81.       point.drag = clickDrag.pop();  
  82.       context.beginPath();  
  83.       if (point.drag && point.notFirst) {  
  84.           context.moveTo(point.bx, point.by);  
  85.       } else {  
  86.           point.notFirst = true;  
  87.           context.moveTo(point.x - 1, point.y);  
  88.       }  
  89.      context.lineTo(point.x, point.y);  
  90.      context.closePath();  
  91.      context.stroke();  
  92.   }  
  93. /*  
  94.   for(var i=0; i < clickX.length; i++)  
  95.   {       
  96.     context.beginPath();  
  97.     if(clickDrag[i] && i){  
  98.       context.moveTo(clickX[i-1], clickY[i-1]);  
  99.      }else{  
  100.        context.moveTo(clickX[i]-1, clickY[i]);  
  101.      }  
  102.      context.lineTo(clickX[i], clickY[i]);  
  103.      context.closePath();  
  104.      context.stroke();  
  105.   }  
  106.   */  
  107. }  
  108. var clear = document.getElementById("btn_clear");  
  109. var submit = document.getElementById("btn_submit");  
  110. clear.addEventListener("click", function(){  
  111.     canvascanvas.width = canvas.width;  
  112. });  
  113.   
  114. submit.addEventListener("click", function(){  
  115.     alert(canvas.toDataURL("image/png"));  
  116. });  
  117. script>  
  118. body>  
  119. html>  

绘图就不说，关键点就是后面的canvas.toDataURL("image/png")，这个方法会返回当前图片被base64编码的字符串
只需在服务端拿到这个字符串解码便可以还原成图片。

既然是webkit浏览器支持canvas，那么用于手机上也没问题，稍微修改mouse事件为touch事件，亲测android2.3.3上的海豚和QQ浏览器都可以。。
但是有个问题，toDataURL目前在android上支持的不是很好，参考 http://code.google.com/p/android/issues/detail?id=7901
据说在iphone中支持（未测试）。但是还是有牛肉写了方法自己编码图片，只是效率低了很多，但毕竟能返回数据了。参考附件canvas_pad.html

html5确实比较强大的。这只是一个很小很小的应用。还有很多小游戏，video等等都能用她实现。。

各种检测： http://diveintohtml5.org/detect.html

对于IE9以下的支持网上应该是有控件的，我没再研究了。

html5是一次web变革？


 

 

  • canvas_pad.rar (2.1 KB)
  • 下载次数: 33
  • 查看图片附件

你可能感兴趣的:(C#,NET,php,微信公众平台,手机开发)

  • 学习笔记(66):Python入门教程-datetime模块时间运算 顾子宇 研发管理python编程语言Python小猿圈Python入门教程
    立即学习:https://edu.csdn.net/course/play/24459/296363?utm_source=blogtoedudatetime模块：datetime.date：表示日期的类，常用属性有year，month，daydatetime.time：表示时间的类，常用的属性有hour,minute,second,microseconddatetime.datetime：表示日
  • 掌握C#文件操作与XML处理：学习资料完整指南 竹石文化传播有限公司
    本文还有配套的精品资源，点击获取简介：C#是一种广泛应用于Windows和跨平台开发的编程语言，它在.NET框架中包含强大的文件和XML操作能力。本文深入探讨了C#中的文件读写技术，包括使用System.IO命名空间中的File类进行文本和二进制文件处理，FileStream类的流操作，以及XML文档的解析、创建和修改方法。同时，文章也介绍了文件操作的扩展功能和在进行文件操作时应考虑的异常处理。通
  • 用bash-completion 实现pman自动补全
    前言每次查php函数的用法，都要查看手册，感觉好麻烦，于是决心在自己的命令行里实现pman自动补全提示：以下是本篇文章正文内容，下面案例可供参考一、安装先安装pear命令。不是本文重点，请自行查阅Manual::Installation(PEAR)执行命令pearinstalldoc.php.net/pman二、直接使用代码如下（示例）：pmangettype结果如下三、按装bash-comple
  • 内核编译配置选项简介 （2.4.18-rmk7-pxal）(转) wenlifu71022 linux内核编译网络idesystemlinuxnetworkinglinux内核
    http://blog.chinaunix.net/u1/40228/showart_335965.htmlCodematurityleveloptions代码成熟度选项[*]Promptfordevelopmentand/orincompletecode/drivers显示尚在开发中或尚未完成的代码与驱动.除非你是测试人员或者开发者，否则请勿选择我是开发者，所以选[*][]Promptforob
  • PHP调试工具--KINT astarblog
    KINT是一个免费开源，不用安装的PHP调试工具，用来替代系统内置的比如var_dump(),print_r(),debug_backtrace()等相关函数安装(获得KINT)通过phar点击下载
  • PHPStorm携手ThinkPHP8：开启高效开发之旅 奔跑吧邓邓子 项目攻略phpstormThinkPHPThinkPHP8php开发
    目录一、前期准备1.1开发环境搭建1.2配置Xdebug二、PHPStorm集成ThinkPHP82.1导入ThinkPHP8项目2.2配置PHP解释器2.3配置服务器三、ThinkPHP8项目开发基础3.1项目结构剖析3.2控制器与方法创建3.3视图渲染与数据传递四、数据库操作与模型定义4.1数据库配置4.2模型定义与使用4.3数据库迁移与种子五、高级开发技巧与优化5.1路由优化与管理5.2中间
  • 如何解决AttributeError: ‘NoneType‘ object has no attribute问题
    如何解决AttributeError:‘NoneType’objecthasnoattribute问题问题背景与概述在Python项目开发和调试过程中，经常会碰到这样一个异常信息：AttributeError:'NoneType'objecthasnoattribute'foo'这意味着你尝试访问或调用某个对象的属性／方法foo，但此时对象本身是None，从而触发了AttributeError。本
  • 【亲测免费】 CAN总线嵌入式开发——从入门到实践：开启智能通信新篇章 邴洁沫Edna
    CAN总线嵌入式开发——从入门到实践：开启智能通信新篇章去发现同类优质开源项目:https://gitcode.com/项目介绍在现代嵌入式系统中，CAN（ControllerAreaNetwork）总线技术因其高效、可靠的通信能力而备受青睐。为了帮助广大开发者、电子工程师以及对CAN总线技术感兴趣的学生和研究人员更好地掌握这一技术，我们推出了“CAN总线嵌入式开发——从入门到实践”项目。本项目不
  • 基于densenet网络创新的肺癌识别研究 深度学习乐园 深度学习人工智能densenet
    获取项目源码点击文末名片摘要本项目针对肺癌CT图像识别等医学影像分析场景，基于DenseNet网络进行创新性改进，综合引入多尺度卷积、深度可分离卷积、注意力机制以及空间金字塔池化（SPP）等模块，以期提升对不同大小的肺结节及关键病理特征的识别能力。同时，通过深度可分离卷积和可选的通道剪枝等策略，将网络参数量和计算开销显著降低，为实际临床应用（如实时诊断系统）提供可行性。本项目的核心内容包括以下几个
  • 基于cnn和resnet和mobilenet对比实现驾驶员分心检测 深度学习乐园 cnn人工智能神经网络
    演示效果及获取项目源码点击文末名片本项目旨在通过深度学习技术，结合卷积神经网络（CNN）模型、ResNet模型和MobileNet模型，实现对驾驶员分心行为的自动检测。我们通过训练这些模型来识别不同的驾驶员分心行为，包括如发短信、通话、喝水等行为。使用的数据集包含驾驶员行为的图片，并且针对每个行为标注了相应的标签（例如"正常驾驶"、"右手发短信"等）。MobileNetV2是Google于2018
  • 利用Windows .NET特性和Unicode规范化漏洞攻击DNN (DotNetNuke) sechub windows.netdnn
    概述DNN（前身为DotNetNuke）是2003年建立的最古老的开源内容管理系统之一，使用C#（.NET）编写，由活跃的爱好者社区维护。它也被企业广泛使用。漏洞背景CVE-2017-9822历史案例我们熟悉这项技术是因为CVE-2017-9822，该漏洞允许通过DNNPersonalizationcookie的不安全反序列化进行远程代码执行（RCE）。这个CVE一直是反序列化攻击的绝佳案例研究。
  • 告别手动引入！PHP自动加载终极指南，效率提升90% Jay_MIng phpandroid开发语言linuxnginxjavapython
    在没有自动加载机制的前提下，想要使用不同文件的类时，需要逐个手动将文件引入才行require'classes/MyClass.php';//......$obj=newMyClass();这种情况会导致维护困难，随着项目扩大变得难以管理。因此自动加载是PHP中一种重要的机制。自动加载允许在首次使用类时动态加载类文件，而不需要手动包含每个类文件PHP中推荐使用spl_autoload_registe
  • 2020-06-15配置两套网卡配置 82bb6438ec05
    配置多套网卡配置，方便在测试的时候切换地址[23:10:43root@localhost~]#nmcliconnectionNAMEUUIDTYPEDEVICEeth05fb06bd0-0bb0-7ffb-45f1-d6edd65f3e03etherneteth0eth19c92fad9-6ecb-3e6c-eb4d-8a47c6f50c04etherneteth1virbr07fa014a2-3
  • C# 设计模式概况 业余撸码人 .net设计模式c#.net
    什么是设计模式大家熟知的GOF23种设计模式，源自《DesignPatterns:ElementsofReusableObject-OrientedSoftware》一书，由ErichGamma、RichardHelm、RalphJohnson和JohnVlissides合著，四人组GangofFour简称GOF。总结了在面向对象语言开发过程中常见问题的解决方案。设计模式是面向对象语言开发过程中，
  • c++ 反射与QMetaObject::invokeMethod介绍
    文章目录c++QMetaObject::invokeMethodC++语言标准本身并不直接支持反射机制，这与Java、C#等语言不同，它们在语言层面提供了丰富的反射API。然而，C++是一种非常灵活的语言，可以通过一些设计和编程技巧来实现类似反射的功能。在C++中实现反射通常涉及以下几种技术：动态创建对象：反射可以在运行时创建任意一个已经定义的类的对象实例，即使你在编写代码时并不知道将要创建哪个类
  • C# 设计模式 概述 Krik_S c#设计模式开发语言
    一、7种常用的面向对象设计原则1.单一职责原则（SRP）：一个对象应该只包含单一的职责，并且该职责被完全封装在一个类中2.开闭原则（OCP）：软件实体应当对扩展开放，对修改关闭3.里氏代换原则（LSP）：所有引用基类的地方必须透明的使用其子类的对象4.依赖倒转原则（DIP）：高层模块不应该依赖低层模块，他们都应该依赖抽象。抽象不应该依赖于细节，细节应该依赖于抽象5.接口隔离原则（ISP）：客户端不
  • C# 开发与 Allen-Bradley PLC 的 EtherNet/IP 通讯接口 威哥说编程 c#tcp/ip开发语言
    一、背景与动机Allen-Bradley是RockwellAutomation的核心自动化品牌，其PLC（ProgrammableLogicController）广泛应用于工业自动化领域。Allen-Bradley控制器支持通过EtherNet/IP（IndustrialProtocol）进行通信，这是一种基于工业以太网的开放协议。在工业信息化过程中，越来越多的系统需要将SCADA、MES或自定义
  • 文本字符串处理合集by批处理（不定期更新）
    觉得有帮助麻烦您动动发财的小手点赞、收藏、加关注，感谢！1.字符串文本排序：https://blog.csdn.net/humors221/article/details/1494124492.替换记事本字符：https://blog.csdn.net/humors221/article/details/1205834753.文本乱序：https://blog.csdn.net/humors221
  • 【C# in .NET】20. 探秘静态类：抽象与密封的结合体 阿蒙Armon C#in.NETc#.netjava
    探秘静态类：抽象与密封的结合体一、静态类的底层本质：抽象与密封的结合体静态类作为C#中特殊的类型形式，其底层实现融合了抽象类与密封类的特性，形成了不可实例化、不可继承的类型约束。1.IL层面的静态类标识定义一个简单的静态类：publicstaticclassStringUtils{publicstaticboolIsNullOrEmpty(
  • 路由器SDH POS接口
    SDHPOS可看作“用SDH光纤专线给路由器当超级宽带网线”。1️⃣拆名字SDH 同步数字体系（SynchronousDigitalHierarchy），运营商的骨干光传输标准，颗粒STM-1/4/16/64…（155M/622M/2.5G/10G）。POS PacketoverSDH/PacketoverSONET，把纯IP数据包直接塞进SDH帧里跑，不经过ATM或帧中继。2️⃣物理形态路由器上
  • 【设计模式&C#】外观模式（用于解决客户端对系统的许多类进行频繁沟通） 大飞pkz 设计模式设计模式外观模式c#
    一种结构性设计模式。特点是将复杂的子系统调用逻辑封装到一个外观类，从而使客户端更容易与系统交互。优点：简化了接口的调用；降低了客户端与子系统的耦合度；封装了子系统的逻辑。缺点：引入了额外的类，可能会增加不必要的复杂性；不适合需要频繁修改的系统。外观类承担的职责过多适合的场景：家庭影院系统；网络服务端的连接；数据库的访问。//Car类，即外观类usingSystem;publicclassCar{/
  • 使用C#打造预约日程管理系统 Ready-Player
    本文还有配套的精品资源，点击获取简介：在信息技术领域，日程管理是重要需求。本文介绍如何使用C#语言实现一个名为"AppointmentSchedule"的预约日程管理系统。首先，文章将引导读者设计一个存储日程信息的数据结构，并提供一个容器类来管理多个预约。然后，文章将讨论如何处理预约冲突并提供用户界面设计建议。同时，也会探讨数据持久化的方法，以及如何为系统添加提醒功能和网络同步功能。最后，开发者可
  • 开篇 向水一生
    在基于Internet的互联网已经成熟的时代，我们考虑利用相似的理念和技术去改造传统工业中的环节时，这便自然而然的得到了工业互联网的概念。它的本身上还是在解决信息流在各个节点之间传递的问题，只是因为异构的系统太多，要统一出一套标准来，确实是一项任重道远的大工程。工业互联网的实现远比我们现在看到的『传统』意义上的互联网要难，这有很大一部分是由于历史遗留问题而造成的局面，它不像我们现在看到的这种IT互
  • 电竞护航小程序源码游戏代练小程序源码搭建游戏派单小程序定制开发 D15554088058 游戏小程序
    独立源码前端uniapp后端phpthinkphp6的框架开源无加密适合运营或者二次开发。欢迎私信（头像11位数字）功能列表：游戏分类：后台添加设置游戏分类分销奖励：推荐打手绑定关系，二级奖励，奖励比例手台设置管事：购买管事权益推荐打手绑定推荐关系，二级奖励，奖励比例后台设置，比打手的奖励高发布订单：后台添加商家成为商家商家添加客服成为客服之后才可以在小程序端发布订单打手接单：打手需要缴纳保证金后
  • C#使用Quartz.NET详细讲解 diaochejiang2761 c#
    C#使用Quartz.NET详细讲解Quartz.NET是一个开源的作业调度框架，是OpenSymphony的QuartzAPI的.NET移植，它用C#写成，可用于winform和asp.net应用中。它提供了巨大的灵活性而不牺牲简单性。你能够用它来为执行一个作业而创建简单的或复杂的调度。它有很多特征，如：数据库支持，集群，插件，支持cron-like表达式等等。你曾经需要应用执行一个任务吗？这个
  • 沃德商协会管理系统小程序ThinkPHP+Uniapp 博纳软云 全行业源码saaskw博纳miui52086嗖微miui52086小程序uni-app大数据
    商协会系统，新一代数字化商协会运营管理系统，以“智慧化会员体系、智敏化内容运营、智能化活动构建”三大板块为基点，实施功能全场景覆盖，一站式解决商协会需求壁垒，有效快速建立自有数字化管理体系、提升组织管理效能、增强会员粘性、沟通连接市场，真正做到为构建有影响力的现代化智慧型组织赋能。功能特性:会员管理管理会员的基本信息，如会员姓名、会员编号、性别、年龄、联系方式等。在线入会申请者可以在网上申请入会，
  • python爬虫技术——基础知识、实战 南瓜AI python爬虫scrapy
    参考文献：Python爬虫入门(一)（适合初学者）-CSDN博客一、常用爬虫工具包Scrapy语言:Python特点:高效、灵活的爬虫框架，适合大型爬虫项目。BeautifulSoup语言:Python特点:用于解析HTML和XML，简单易用。Selenium语言:Python/Java/C#特点:支持浏览器自动化，适合处理JavaScript渲染的网页。Requests语言:Python特点:简
  • ASP.NET Core Web API中实现缓存 AitTech .NetCore缓存.netcorec#后端
    在.NET6中，你可以使用几种方式来实现缓存，但最直接的方法之一是使用ResponseCaching中间件或自定义的ActionFilterAttribute（动作过滤器）。1.使用ResponseCaching中间件ASP.NETCore提供了一个内置的ResponseCaching中间件，它可以很容易地配置来缓存HTTP响应。这对于静态内容和一些动态内容（如基于查询参数的响应）非常有用。首先，
  • 本地开发用ASP.NET Core Web API项目创建及测试 way_hj web开发asp.net后端
    1.服务端代码（C#）1.1创建ASP.NETCoreWebAPI项目打开VisualStudio2022。选择“创建新项目”。选择“ASP.NETCoreWebAPI”模板，点击“下一步”。输入项目名称（如OracleApi），选择项目位置，点击“创建”。1.2安装Oracle数据库依赖使用NuGet管理包工具在项目中安装Oracle数据库的EFCore依赖：Oracle.EntityFrame
  • 解密PHP魔术方法：从__construct到__invoke的终极指南 Jay_MIng phpjavalinux开发语言运维python设计语言
    PHP的魔术方法是一类特殊的方法，标志是以下划线__开头，在特定情况下会被自动调用。开发者可以合理利用此特性重载类的默认行为。实现自己想要实现的目的。根据魔术方法的作用可划分为以下几类。基本魔术方法__construct构造函数，在创建对象时自动调用unknownPrototype;//读取了不可访问属性：unknownPrototype__set给不可访问属性赋值时调用unknownProtot
  • 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其他