东边的小山
东边的小山

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,微信公众平台,手机开发)

  • 【云原生】动态资源分配（DRA）深度洞察报告 碣石潇湘无限路 云原生
    1.DRA的发展与设计灵感Kubernetes早期通过DevicePlugin（设备插件）机制支持GPU、NIC等特殊硬件，将节点上可用设备数量上报给kubelet和调度器。但设备插件模式存在局限：调度器只能根据节点标签等属性粗粒度筛选，无法精准指定某型号/属性的设备；此外调度器与设备插件缺乏联动，可能把Pod调度到尚未准备好相应设备的节点上。结果就是难以满足复杂场景下对特定硬件的精细化需求。为解
  • 基于ASP.NET校园二手交易网站设计与实现 汐泽学园 asp.net后端
    摘要校园二手交易市场伴随互联网技术的迅猛发展以及校园内资源共享需求的增长而逐渐兴起。基于ASP.NET开发的校园二手交易网站，目的在于为高校师生打造一个便捷、安全且高效的二手物品交易平台。此网站借助ASP.NET技术开展开发工作，并且结合SQLServer数据库来存储数...关键词ASP.NET；校园二手交易；网站设计AbstractWiththerapiddevelopmentofInterne
  • 基于asp.NET的病历管理系统 (源码+net+vue+部署文档+讲解等) qq_1406299528 计算机毕业设计aspasp.netvue.js后端
    收藏关注不迷路！！文末获取源码+数据库感兴趣的可以先收藏起来，还有大家在毕设选题（免费咨询指导选题），项目以及论文编写等相关问题都可以给我留言咨询，希望帮助更多的人文章目录前言程序资料获取一、项目技术二、项目内容和功能介绍三、核心代码数据库参考四、效果图五、资料获取前言博主介绍：✨全网粉丝10W+,CSDN特邀作者、博客专家、CSDN新星计划导师，专注于Java/Python/小程序app/深度学
  • ASP.NET Core 项目 - 汽车租赁系统教程 齐游菊Rosemary
    ASP.NETCore项目-汽车租赁系统教程项目地址:https://gitcode.com/gh_mirrors/as/ASP.NET-Core-Project-Car-Renting-System1、项目介绍ASP.NETCore项目-汽车租赁系统是一个基于ASP.NETCore框架的开源项目，旨在提供一个完整的汽车租赁管理系统。该项目包含了用户管理、车辆管理、租赁订单管理等功能模块，适用于中
  • 基于Asp.net的汽车租赁管理系统 计算机学姐 Asp精选实战项目源码asp.net汽车后端mysqlsqlservervue.jsc#
    作者：计算机学姐开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等，“文末源码”。专栏推荐：前后端分离项目源码、SpringBoot项目源码、Vue项目源码、SSM项目源码、微信小程序源码精品专栏：Java精选实战项目源码、Python精选实战项目源码、大数据精选实战项目源码系统展示【2025最新】基于Asp.net的汽车租赁管理系统开发
  • springboot集成钉钉_钉钉通知机器人与SpringBoot的集成 weixin_39622643 springboot集成钉钉
    SpringBootAdmin集成自定义监控告警(2.0.1版本)------钉钉机器人-yuancao24的博客-CSDN博客https://blog.csdn.net/yuancao24/article/details/83576194prometheus-spring-boot-starter:一个管理异常通知的神奇starter，实现了钉钉消息提醒与邮件提醒https://gitee.co
  • 【云原生】深入浅出 K8s 设备插件技术（Device Plugin） 碣石潇湘无限路 kubernetes容器云原生
    摘要：Kubernetes提供了DevicePlugin机制，用于向kubelet上报硬件信息并配置容器资源。本文以NVIDIAGPUPlugin为例，通俗易懂并深入浅出地剖析注册、ListAndWatch、Allocate及kubelet管理流程，介绍常见问题和配置要点。先用一张原理概览图把DevicePlugin和kubelet之间的交互勾勒出来，让大家感受下插件技术的整体架构（示例以NVID
  • 便捷搞定计算机名、IP 与 Mac 地址修改及网卡问题的软件 开开心心就好 tcp/ipmacos网络协议androidpdf软件工程智能手机
    今天要给大家推荐一款超实用的小软件——“IPtool”。别看它体积小巧，还不到1M，而且是绿色单文件版，无需复杂安装，使用起来却相当给力，能帮我们轻松搞定一些日常网络设置中的小麻烦。在修改IP地址这件事上，以往我们得在系统设置里，一步步打开“网络和Internet”相关选项进行操作，过程较为繁琐。但有了“IPtool”就不一样了，操作变得格外便捷。就拿我自己举例，原本我的IP地址是82，打开这款软
  • rapidocr-onnxruntime库及在open-webui上传PDF 图像处理 (使用 OCR)应用 原野AI 大模型部署pdfocr深度学习open-webui
    背景rapidocr-onnxruntime是一个跨平台的OCR库，基于ONNXRuntime推理框架。目前已知运行速度最快、支持最广，完全开源免费并支持离线快速部署的多平台多语言OCR。缘起：百度paddle工程化不是太好，为了方便大家在各种端上进行ocr推理，我们将它转换为onnx格式，使用Python/C++/Java/Swift/C#将它移植到各个平台。名称来源：轻快好省并智能。基于深度学
  • zuul动态路由的伪代码实现 高飞的Leo 源码分析javaspring开发语言
    自定义RouteLocator实现和事件发布1.继承自定义RouteLocator在SpringCloudZuul中，我们可以自定义一个RouteLocator，来替代默认的SimpleRouteLocator。伪代码实现：importorg.springframework.cloud.netflix.zuul.filters.route.RouteLocator<
  • 如何在PHP中实现数据加密与解密：保护敏感信息 奥顺互联V phpphpandroid开发语言
    如何在PHP中实现数据加密与解密：保护敏感信息在现代Web开发中，数据安全是一个至关重要的议题。无论是用户的个人信息、支付数据，还是其他敏感信息，都需要在存储和传输过程中进行加密，以防止数据泄露和恶意攻击。PHP作为一种广泛使用的服务器端脚本语言，提供了多种加密与解密的方法。本文将详细介绍如何在PHP中实现数据加密与解密，以保护敏感信息。1.加密与解密的基本概念在讨论具体的实现方法之前，我们需要了
  • Python的*args和**kwargs taoqick python3python开发语言后端
    简单来说args表示的是一个元组，而kwargs表示的是一个字典Python函数参数(PythonFunctionArguments)Pythonallowsustodefinethreetypesofargumentsforafunction:Python允许我们为函数定义三种类型的参数：FormalArguments,forexampledefadd(a,b)形式参数，例如defadd(a,b
  • ENSP学习day3 vegetable\chicken ENSP实验学习智能路由器网络
    静态路由实验路由器划分成3个广播域，如图192.168.1.0/24192.168.2.0/24192.168.3.0/241.PC必须配置网关地址：网关地址是网段中连接其他网段的路由器的接口上的接口地址2.AR1配置：[Huawei]sysnameAR1[AR1]intg0/0/0[AR1-GigabitEthernet0/0/0]ipaddress192.168.1.25424[AR1-Gig
  • TCPClient和TCPListen 呆呆敲代码的小Z c#
    TCPClientusingSystem;usingSystem.Collections.Generic;usingSystem.ComponentModel;usingSystem.Data;usingSystem.Drawing;usingSystem.Linq;usingSystem.Net;usingSystem.Net.Sockets;usingSystem.Text;usingSyst
  • C#接口(Interface)必须掌握的核心概念 ByteGeek‌ C#基础从入门到精通c#开发语言.netWinformVS
    文章目录前言接口的定义接口的实现接口的继承接口的用途注意事项前言在C#编程语言中，‌接口（Interface）‌是一个至关重要的概念，它属于引用类型，主要用于指定一组方法，但不提供这些方法的实际实现。接口充当了一种契约或规范，类或其他类型可以通过实现这些接口来遵循这一契约。以下是对C#接口的详细阐述：接口的定义接口通过interface关键字进行定义，并且可以包含方法、属性、事件和索引器。然而，与
  • NAT 和 IP 直接通信的区别 曹天骄 tcp/ip服务器网络协议
    1.NAT的工作原理NAT（NetworkAddressTranslation，网络地址转换）是一种网络技术，用于将私有网络中的IP地址映射到公共网络中的IP地址，或者在不同的网络之间转换IP地址。NAT的主要目的是解决IPv4地址不足的问题，同时提供一定程度的安全性和灵活性。NAT设备（如路由器或防火墙）会在数据包经过时修改其源IP地址或目标IP地址。常见的NAT类型包括：静态NAT：将私有IP
  • FE,GE,POS口的概念 jacksong2021 FEGEPOS
    FE,GE,POS口的概念FE接口（FastEthernet），就是快速以太网接口GE接口（GigabitEthernet）,就是千M以太网接口POS（PacketOverSONET/SDH)，用于更高速度的接口，通常用于广域网、城域网中。SONET（SynchronousOpticalNetwork）是ANSI定义的同步传输体制，是一种全球化的标准传输协议，采用光传输，传输速率组成一个序列，包括
  • [YOLO专题-22]：YOLO V5 - ultralytics代码解析-超参数详解 文火冰糖的硅基工坊 人工智能-YOLO专题目标检测计算机视觉深度学习YOLO超参数
    作者主页(文火冰糖的硅基工坊)：文火冰糖（王文兵）的博客_文火冰糖的硅基工坊_CSDN博客本文网址：https://blog.csdn.net/HiWangWenBing/article/details/122372614目录前言：第1章超参数配置文件的基本信息1.1超参数配置文件的路径路径1.2超参数配置文件1.3如何指定超参数配置文件第2章超参数内容详解前言：YOLOV5除了通过用户命令行参数
  • 【漏洞复现】泛微OA E-Office /iweboffice/officeserver.php 多个参数存在任意文件读取漏洞 0x0000001 漏洞复现php开发语言网络安全web安全渗透测试网络安全
    免责声明：本文旨在提供有关特定漏洞的信息，以帮助用户了解潜在风险。发布此信息旨在促进网络安全意识和技术进步，并非出于恶意。读者应理解，利用本文提到的漏洞或进行相关测试可能违反法律或服务协议。未经授权访问系统、网络或应用程序可能导致法律责任或严重后果。作者对读者基于本文内容的行为不承担责任。读者在使用信息时必须遵守适用法律法规和服务协议，独自承担所有风险和责任。如有侵权，请联系删除。漏洞描述泛微OA
  • docker拉取不同架构的镜像 舞灬辉 docker架构容器
    使用如下命令拉取：dockerpull--platformarm64镜像名:版本号如我拉取dotnet的6.0版本dockerpull--platformarm64mcr.microsoft.com/dotnet/aspnet:6.0拉取完成后检查镜像架构：dockerinspect镜像id|grepArchitecture，输出为：“Architecture”:“arm64”,说明镜像拉取完成
  • uniCloud 外部系统联登 注册功能 C# 完整示例 易天法地 c#开发语言uniappunicloud
    APP端this.$http.post(`/uniCloudRegister`,{clientInfo:JSON.stringify(uni.getSystemInfoSync())}).then(res=>{uni.stopPullDownRefresh()uni.hideNavigationBarLoading()console.info(res)}).catch(err=>{console.
  • C# 技术使用笔记：泛型的使用方法 caifox菜狐狸 C#技术使用笔记c#笔记开发语言泛型List装箱拆箱
    1.泛型基础1.1泛型的定义与作用泛型是C#语言中一个非常强大且常用的特性，它允许在编写代码时使用类型参数来创建类、方法或接口，而不需要在编写代码时指定具体的类型。类型参数可以是任何类型，直到代码实际执行时，类型才会被确定。例如，常见的泛型类List，其中T就是类型参数，可以是int、string、自定义类Person等。使用泛型的主要好处包括：类型安全：编译器会确保类型安全，避免了运行时的类型转
  • C#中的设计模式：构建更加优雅的代码 Envyᥫᩣᩚ c#开发语言
    C#在面向对象编程（OOP）方面的强大支持，我们可以探讨“C#中的设计模式”。这不仅有助于理解如何更好地组织代码，还能提高代码的可维护性和可扩展性。引言设计模式是软件工程中经过实践验证的解决方案模板，它们提供了一种标准化的方法来解决常见的开发问题。对于使用C#进行开发的程序员来说，理解和应用这些模式可以帮助创建结构良好、易于维护和扩展的应用程序。本文将介绍几种常用的设计模式，并展示如何用C#实现它
  • Visual Studio Code (VS Code) – C/C++ 入门
    ——基于VisualStudioCode官方文档的全面的、具体的入门级教程请移步至https://blog.csdn.net/m0_73287396/article/details/128635316
  • String类型为什么不可变 27xixi java高频java
    在大多数编程语言（如Java、Python、C#等）中，String类型被设计为不可变（Immutable），这意味着一旦一个字符串对象被创建，它的值就不能被修改。以下是这一设计的原因及具体表现：一、不可变性的表现直接修改字符串会创建新对象Stringstr="Hello";str=str+"World";//实际是创建了一个新字符串对象，而非修改原对象原字符串“Hello”未被修改，而是生成了新
  • 详解TCP三次握手（建立连接）和四次握手（释放连接） dvlinker 网络编程与网络问题分享C/C++实战专栏tcp/ip网络协议TCP连接三次握手四次挥手
    VC++常用功能开发汇总（专栏文章列表，欢迎订阅，持续更新...）https://blog.csdn.net/chenlycly/article/details/124272585<
  • **ResNet-SE + MFCC** 训练框架，包括 **数据加载、训练流程**，以及 **混淆矩阵** 可视化示例 大霸王龙 系统分析业务矩阵python线性代数人工智能机器学习深度学习
    1.依赖库安装如果你还没安装相关库，请先执行：pipinstalltorchtorchaudiotorchvisionscikit-learnmatplotlibtqdm2.数据加载这里假设你有一个音频分类数据集，其文件结构如下：dataset/│──train/│├──class_0/││├──audio_0.wav││├──audio_1.wav│├──class_1/││├──audio_0
  • Php关于切换版本 道系女孩~ phpandroidjava
    composer.json文件中"config":{"optimize-autoloader":true,"preferred-install":"dist","sort-packages":true,"secure-http":false,"allow-plugins":{"pestphp/pest-plugin":true},"platform-check":false},中添加"platfo
  • How to install phpMyAdmin on CentOS 8 / AlmaLinux 8 / RockyLinux 8 Evoxt 益沃斯 centosandroidlinux
    phpMyAdminisaweb-basedfreeandopen-sourcetoolthatiswritteninPHPtohelpuserstomanagetheirdatabaseeasily.WithphpMyAdmin,userscaneasilycreateandmanagedatabases,importandexportdataandevenexecutingSQLqueries
  • PHP 日志系统的最佳搭档：一个 Go 写的远程日志收集服务 phpgo日志分析
    之前折腾了一个PHP日志系统，终于能让项目的错误信息乖乖地记录到日志里了。但问题又来了：日志是存了，可我怎么知道它什么时候爆炸了？有些错误轻微到无关紧要，有些错误严重到能把整个系统送走，但如果我要知道这些错误，我得SSH进服务器，然后手动去翻日志，效率低得要死。而且，多个服务器运行着同样的代码，有的报错，有的没事，我根本不知道到底哪里出了问题。于是，为了在bug出现的时候第一时间收到消息，而不是等
  • 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其他