超级谷歌
超级谷歌

HTML5实现刮刮卡功能

HTML5实现类似刮刮卡的功能

有这样一个功能，当我们使用微信公众号，发送图片时......此处省略300字！

注意要点设置：

1.设置用户缩放：user-scalable=no|yes

[java]  view plain copy print ?
  1. "viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />  

2.禁止拖动：

[java]  view plain copy print ?
  1. document.ontouchmove = function(e){ e.preventDefault(); }; //文档禁止 touchmove事件  

3.禁止弹出选择菜单：
[java]  view plain copy print ?
  1. document.documentElement.style.webkitTouchCallout = "none";  

具体实现代码：
[html]  view plain copy print ?
  1. >  
  2. <html lang="en">  
  3.   
  4.     <head>  
  5.         <meta charset="UTF-8" />  
  6.         <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />  
  7.         <title>title>  
  8.         <style type="text/css">  
  9.             body {  
  10.                 width: 320px;  
  11.                 min-height: 568px;  
  12.                 overflow: hidden;  
  13.                 margin: 0;  
  14.             }  
  15.             #canvas {  
  16.                 background: url(img/lzl.jpg);  
  17.                 /*奖品图片*/  
  18.                 fixed center center no-repeat;  
  19.                 background-size: cover;  
  20.                 width: 320px;  
  21.                 min-height: 480px;  
  22.                 overflow: hidden;  
  23.                 position: relative;  
  24.             }  
  25.             .before {  
  26.                 background: none !important;  
  27.             }  
  28.             #canvas canvas {  
  29.                 cursor: url("img/bird.png") 0 0, auto;  
  30.                 /*PC端的手势图片*/  
  31.             }  
  32.         style>  
  33.     head>  
  34.   
  35.     <body oncontextmenu="return false;" onselectstart="return false;">  
  36.         <div id="canvas">  
  37.         div>  
  38.     body>  
  39.     <script type="text/javascript">  
  40.         (function() {  
  41.   
  42.             window.onload = function() {  
  43.                 /**禁止拖动设置*/  
  44.                 document.ontouchmove = function(e) {  
  45.                     e.preventDefault();  
  46.                 };  
  47.                   
  48.                 /**判断浏览器是否支持canvas**/  
  49.   
  50.                 try {  
  51.   
  52.                     document.createElement('canvas').getContext('2d');  
  53.   
  54.                 } catch (e) {  
  55.   
  56.                     var addDiv = document.createElement('div');  
  57.   
  58.                     alert('您的手机不支持刮刮卡效果哦~!');  
  59.   
  60.                 }  
  61.   
  62.             };  
  63.   
  64.             var u = navigator.userAgent,  
  65.                 mobile = 'PC';  
  66.   
  67.             if (u.indexOf('iPhone') > -1) mobile = 'iphone';  
  68.   
  69.             if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) mobile = 'Android';  
  70.   
  71.             function createCanvas(parent, width, height) {  
  72.   
  73.                 var canvas = {};  
  74.   
  75.                 canvas.node = document.createElement('canvas');  
  76.   
  77.                 canvas.context = canvas.node.getContext('2d');  
  78.                 //此处可以自己给标签添加  
  79.                 canvas.node.width = width || 320;  
  80.   
  81.                 canvas.node.height = height || 480;  
  82.                 //给canvas标签添加Id  
  83.                 canvas.node.id = 'canvasTag';  
  84.   
  85.                 parent.appendChild(canvas.node);  
  86.   
  87.                 return canvas;  
  88.   
  89.             }  
  90.   
  91.             function init(container, width, height, fillColor, type) {  
  92.   
  93.                 var canvas = createCanvas(container, width, height);  
  94.   
  95.                 var ctx = canvas.context;  
  96.   
  97.                 // define a custom fillCircle method  
  98.   
  99.                 ctx.fillCircle = function(x, y, radius, fillColor) {  
  100.   
  101.                     this.fillStyle = fillColor;  
  102.   
  103.                     this.beginPath();  
  104.   
  105.                     this.moveTo(x, y);  
  106.   
  107.                     this.arc(x, y, radius, 0, Math.PI * 2, false);  
  108.   
  109.                     this.fill();  
  110.   
  111.                 };  
  112.   
  113.                 ctx.clearTo = function(fillColor) {  
  114.   
  115.                     ctx.fillStyle = fillColor;  
  116.   
  117.                     ctx.fillRect(0, 0, width, height);  
  118.   
  119.                 };  
  120.   
  121.                 ctx.clearTo(fillColor || "#ddd");  
  122.   
  123.                 canvas.node.addEventListener(mobile == "PC" ? "mousedown" : "touchstart", function(e) {  
  124.   
  125.                     canvas.isDrawing = true;  
  126.   
  127.                 }, false);  
  128.   
  129.                 canvas.node.addEventListener(mobile == "PC" ? "mouseup" : "touchend", function(e) {  
  130.   
  131.                     canvas.isDrawing = false;  
  132.   
  133.                 }, false);  
  134.   
  135.                 canvas.node.addEventListener(mobile == "PC" ? "mousemove" : "touchmove", function(e) {  
  136.   
  137.                     if (!canvas.isDrawing) {  
  138.   
  139.                         return;  
  140.   
  141.                     }  
  142.   
  143.                     if (type == 'Android') {  
  144.   
  145.                         var x = e.changedTouches[0].pageX - this.offsetLeft;  
  146.   
  147.                         var y = e.changedTouches[0].pageY - this.offsetTop;  
  148.   
  149.                     } else {  
  150.   
  151.                         var x = e.pageX - this.offsetLeft;  
  152.   
  153.                         var y = e.pageY - this.offsetTop;  
  154.   
  155.                     }  
  156.   
  157.                     var radius = 20;  
  158.   
  159.                     var fillColor = '#ff0000';  
  160.   
  161.                     ctx.globalCompositeOperation = 'destination-out';  
  162.   
  163.                     ctx.fillCircle(x, y, radius, fillColor);  
  164.   
  165.                 }, false);  
  166.   
  167.             }  
  168.   
  169.             var container = document.getElementById('canvas');  
  170.   
  171.             init(container, 320, 568, '#696868', mobile);  
  172.   
  173.         })();  
  174.     script>  
  175.   
  176. html>  

你可能感兴趣的:(Web开发技术相关)

  • java web开发实战经典 当当_java web项目实战开发 飞翔的酋长大人 javaweb开发实战经典当当
    本书以问题为导向，涵盖JavaWeb开发技术中所有的核心知识点；实战开发案例丰富，所有的知识案例都来源于企业真实项目，实战性和可操作性强；代码注释详细准确，结构简洁清晰；语言简明易懂，由浅入深地带你学会JavaWeb技术及应用。本书面向广大Java开发工程师和普通高校学生，可作为高等学校计算机及其相关专业Web编程技术课程教材，也可供从事JavaWeb应用开发的技术人员学习参考。¥80.00定价：
  • MutationObserver接口性能分析与优化：DOM监控利器背后的性能陷阱与内存危机 coding随想 JavaScriptjavascript前端开发语言
    一、DOM的“哨兵”：MutationObserver的崛起在Web开发的江湖中，MutationObserver是一个低调却强大的角色。它像一位忠诚的哨兵，时刻监控着DOM树的风吹草动——属性变化、子节点增删、文本内容更新……开发者们用它来实现动态内容监听、表单验证、甚至自动化测试。然而，这位“哨兵”的背后，却隐藏着不容忽视的性能陷阱和内存危机。1.1MutationObserver的诞生背景在
  • 开启 PHP 初阶之旅：解锁高效入门之道 API_Zevin php开发语言人工智能大数据前端python后端
    在当今动态网页开发领域，PHP作为一门久经沙场的服务器端脚本语言，以其强大功能与广泛适用性，持续吸引着无数初学者踏入编程殿堂。若你决心攻克PHP，为Web开发世界添砖加瓦，一系列精准策略与实用方法将成为你加速入门的得力伙伴，引领你穿越初期懵懂，迈向熟练驾驭的新征程。一、筑牢基础：语法地基稳扎稳打PHP语法虽具灵活性，初学者仍需系统研习，构建扎实根基。从变量声明起步，领会PHP变量“$”符号前缀特色
  • rabbitmq java 乱码,透彻分析和解决一切javaWeb项目乱码问题
    前言乱码是我们在程序开发中经常碰到且让人头疼的一件事，尤其是我们在做javaweb开发，如果我们没有清楚乱码产生的原理，碰到乱码问题了就容易摸不着头脑，无从下手。乱码主要出现在两部分，如下：第一，浏览器通过表单提交到后台，如果表单内容有中文，那么后台收到的数据可能会出现乱码。第二，后端服务器需要返回给浏览器数据，如果数据中带有中文，那么浏览器上可能会显示乱码。接下来我们逐一分析乱码产生的原因，以及
  • JSP编程从入门到精通：现代Web开发与AI集成实战指南 AI编程员 001AI传统＆编程语言002AI编程工具汇总003AI编程作品汇总人工智能AI编程笔记开发语言深度学习
    JSP编程从入门到精通：现代Web开发与AI集成实战指南一、JSP基础与环境搭建1.1JSP核心概念与工作原理JSP（JavaServerPages）是一种动态网页开发技术，通过在HTML中嵌入Java代码实现服务器端逻辑。其本质是Servlet的扩展，当客户端首次请求JSP页面时，服务器会将其编译为Servlet类（如index_jsp.java），再执行该类的_jspService()方法生成
  • Java过滤器与拦截器深度解析
    目录概述过滤器Filter拦截器Interceptor执行流程图解核心区别对比代码实现示例使用场景最佳实践概述在JavaWeb开发中，过滤器(Filter)和拦截器(Interceptor)是两种重要的请求处理机制。它们都能够对HTTP请求进行预处理和后处理，但在实现方式、执行时机和应用场景上有着显著的区别。关键特征对比表特征过滤器(Filter)拦截器(Interceptor)️基于Servle
  • Java Web开发核心技术解析与实践指南 2301_81709812 java前端开发语言
    目录一、JavaWeb开发基础1.1核心概念解析1.2开发环境搭建二、Servlet与JSP核心技术2.1Servlet编程深度解析生命周期管理（关键代码示例）：核心对象关系：2.2JSP进阶开发技巧动态页面模板示例：三、Spring框架整合开发3.1SpringMVC核心原理3.2现代开发方案对比四、项目实战：图书管理系统4.1系统架构设计4.2性能优化策略五、学习路线建议一、JavaWeb开发
  • Python 的 GIL 时代即将终结，迈向真正的多线程时代 技术狂潮AI Python开发实战AI编程实战AI应用实战开发语言GILPython
    Python功能强大、灵活且对程序员友好，广泛应用于从Web开发到机器学习的各个领域。根据引用次数最多的两项指标，Python甚至超越了Java和C等语言，成为最流行的编程语言。经过多年的流行，Python似乎势不可挡。但Python作为一种编程语言的未来发展至少面临一个重大障碍。它被称为GIL，即全局解释器锁，几十年来，Python开发人员一直试图将其从Python的默认实现中删除。虽然GIL在
  • Django 科普介绍：从入门到了解其核心魅力
    在当今的Web开发领域，有许多优秀的框架助力开发者高效构建应用，而Django便是其中极具影响力的一员。作为一个高级PythonWeb框架，它以“电池已包含”的理念著称，为开发者提供了丰富的工具和功能，让Web开发变得更加简单、高效且安全。接下来，我们就详细了解一下Django。什么是Django？Django是一个基于Python的开源Web应用框架，于2005年首次发布。它遵循MVC（Mode
  • 在vue项目中嵌入Python项目 钱亚锋 vue.jspython前端javascriptecmascript
    在Vue项目中嵌入Python项目在现代Web开发中，前后端分离的架构已成为一种流行趋势。前端使用现代化框架（如Vue.js）来构建用户界面，而后端则使用其他语言（如Python）来处理复杂的业务逻辑和数据库交互。将Python项目嵌入到Vue项目中，可以有效利用两种语言的优势，提升开发效率。本文将介绍如何在Vue项目中集成Python项目，并附带代码示例和可视化工具。流程概述在将Python项目
  • 探索Comlink：解锁WebWorker的潜能 嵇殉嵘Eliza
    探索Comlink：解锁WebWorker的潜能在现代Web开发中，响应速度和用户体验至关重要。Comlink，一个轻量级（仅1.1kB压缩后）的库，正是为了解决这一挑战而生。它通过简化WebWorker的使用方式，让并发处理变得前所未有的简单直接，从而让我们向更加流畅、高效的前端应用迈进一步。项目技术剖析Comlink作为一款基于postMessage的RPC实现工具，利用了ES6Proxies
  • kh dksl.php,php中取得URL的根域名的代码 克勒kk khdksl.php
    php中取得URL的根域名的代码发布于2014-12-1310:14:08|121次阅读|评论:0|来源:网友投递PHP开源脚本语言PHP(外文名:HypertextPreprocessor，中文名：“超文本预处理器”)是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点，入门门槛较低，易于学习，使用广泛，主要适用于Web开发领域。PHP的文件后缀名为php。本文为大家讲解的是php
  • web开发学习日志1 奋斗的岑爸
    之前在一个学习编程的网站花费一万多元，没多久就坚持不下去了，感觉自己虎头蛇尾（确切的说是虎头无尾）的性格一时间也无法改变。从此，对学习新东西彻底失去信心。上个月在微博上看吴主任转了一条微博，是关于某编程网站的推广视频，两位google开发者在2分钟左右时间里生动而清晰的介绍了编程里面“对象”这一概念，完全颠覆了我对视频教学的认知，原来编程课可以这样讲。二话不说，立马报了前端开发入门课程（webde
  • golang学习线路图 gopher.guo golanggogolanggo语言
    学习Go（Golang）开发，应该从基础语法开始，逐步深入到并发编程、网络编程、Web开发、微服务架构、项目部署与调试等方向。以下是一个系统性的学习路线和内容详解，适合从零到进阶的开发者参考：一、Go语言基础Go语言的安装与配置Go的安装包下载与环境变量配置（GOROOT,GOPATH,gomod）使用GoModules管理依赖基础语法变量与常量的定义（var,const，类型推断:=）数据类型：
  • Golang Gorilla框架入门指南：从零开始构建Web应用
    GolangGorilla框架入门指南：从零开始构建Web应用关键词：Golang、Gorilla框架、Web开发、路由、中间件、RESTfulAPI、WebSocket摘要：本文将从零开始介绍如何使用Golang的Gorilla框架构建Web应用。我们将首先了解Gorilla框架的核心组件，然后通过实际案例演示如何构建一个完整的Web应用，包括路由设置、中间件使用、RESTfulAPI开发和We
  • Gorilla 在 Golang 中的实战应用：从入门到精通 Golang编程笔记 golang开发语言后端ai
    Gorilla在Golang中的实战应用：从入门到精通关键词：Gorilla,Golang,Web开发,路由,WebSocket,中间件,RESTfulAPI摘要：本文将深入探讨Gorilla工具包在GolangWeb开发中的实战应用。从基础概念到高级用法，我们将全面解析Gorilla的核心组件，包括mux路由、WebSocket、中间件等。通过详细的代码示例和实际项目案例，帮助开发者掌握Gori
  • Golang Gorilla 框架性能优化：10 个必知技巧
    GolangGorilla框架性能优化：10个必知技巧关键词：Gorilla框架、性能优化、Go语言、路由匹配、中间件、内存管理、并发处理、HTTP服务、Web开发、实战技巧摘要：Gorilla是Go语言生态中最受欢迎的Web开发框架之一，广泛用于构建高并发API和实时应用（如WebSocket聊天）。但随着业务规模扩大，如何让Gorilla应用保持“丝滑”性能？本文将从路由优化、内存管理、并发设
  • 如何入门搭建Laravel框架（教程）
    随着互联网的发展，web开发的需求日益增长。在web开发领域，php语言一直扮演着重要的角色，而laravel就是php语言下一个备受欢迎的web开发框架。在本文中，我们将介绍如何入门搭建laravel框架。一、Laravel介绍Laravel是一个开源的PHPWeb框架，由TaylorOtwell在2011年创建。Laravel框架是基于MVC模式构建的，它提供了一系列灵活的工具和组件，能够帮助
  • PHP框架之Laravel框架
    Laravel框架详解Laravel，作为一款广受欢迎的PHPWeb开发框架，以其优雅、简洁的语法和强大的功能特性，赢得了全球众多开发者的青睐。下面，我们将从Laravel的特点、应用案例以及具体的框架使用等方面进行详细解析。一、Laravel框架的特点优雅的语法Laravel框架采用简洁、优雅的语法，使得开发者能够编写出易于阅读和维护的代码。例如，通过EloquentORM，开发者可以方便地进行
  • 请求拦截器，响应拦截器，都是些啥呀，我好懵逼呀！
    请求拦截器，响应拦截器，都是些啥呀，我好懵逼呀！别慌！“请求拦截器”和“响应拦截器”其实是Web开发中用于干预请求和响应流程的组件，目的是在请求到达目标接口（比如Controller）之前、或响应返回给用户之前，做一些通用处理（比如日志记录、权限校验、数据修改等）。它们的核心区别就在于拦截的时机不同，下面用生活化的例子和技术细节帮你理清：一、先搞懂：什么是“请求”和“响应”？请求（Request）
  • LabVIEW图像处理与OCR综合实践 咸鱼cc
    本文还有配套的精品资源，点击获取简介：本压缩包“图像VI.zip”提供了与图像处理和OCR技术相关的LabVIEW子VI，涵盖了从摄像头获取图像到OCR处理的全套功能。LabVIEW是美国国家仪器公司开发的图形化编程工具，适用于数据采集、测量和控制应用。该课程将指导学生如何使用LabVIEW的“VisionAcquisition”库进行图像采集，并通过相关子VI实现连续或单帧图像的获取。同时，讲解
  • 《Effective Python》总结 不学无术の码农 EffectivePython精读笔记python开发语言
    引言Python以其简洁的语法、强大的标准库和广泛的应用场景，成为编程领域的支柱语言之一。从Web开发、数据科学到自动化脚本和分布式系统，Python的灵活性使其在各类项目中大放异彩。然而，编写高效、可读性强且易于维护的Python代码并非易事，需要深入理解语言的设计哲学、最佳实践和现代特性。《EffectivePython:125SpecificWaystoWriteBetterPython,3
  • WebSocket：构建实时交互的 Web 应用 IsPrisoner websocket交互前端golang网络
    在现代Web开发中，实现实时交互功能是提升用户体验的重要一环。无论是实时聊天、在线游戏、实时协作编辑，还是实时数据监控等场景，都需要一种能够支持客户端与服务器之间双向通信的技术。而WebSocket正是这样一种强大的技术，它突破了传统HTTP协议单向通信的限制，为Web应用的实时交互提供了可能。在众多编程语言中，Go语言以其简洁高效、并发友好等特性，在构建高性能的WebSocket服务端方面具有独
  • Gin 框架中如何实现 JWT 鉴权中间件 IsPrisoner gin中间件golangJWT
    在现代Web开发中，安全地验证用户身份是构建可靠应用程序的关键环节。JWT（JSONWebToken）作为一种流行的认证方式，因其简洁、高效和易于扩展等特性，被广泛应用于许多应用中。而Gin框架作为Go语言中一个高性能的HTTPWeb框架，在构建微服务和RESTfulAPI应用中表现卓越。将JWT鉴权集成到Gin框架中，可以为我们的应用提供更安全的用户认证与授权机制。本篇博客将深入探讨如何在Gin
  • 推荐项目：Hugo Theme Stack 快速启动模板 —— 构建静态站点的高效起点 汤中岱Wonderful
    推荐项目：HugoThemeStack快速启动模板——构建静态站点的高效起点在快速迭代的Web开发领域中，找到一个既高效又灵活的博客或网站搭建方案至关重要。今天，我们向您隆重推荐【HugoThemeStackStarterTemplate】——一款基于[Hugo框架]和[ThemeStack]设计的快速启动模板。它不仅简化了网站构建过程，还通过集成现代工具链，让您的个人站点或小企业网站能够在瞬间起
  • PHP语言基础
    一.PHP介绍1.什么是PHPPHP是超文本预处理器。是运行在服务端的开源语言，它可以让Web开发人员快速的书写生成动态的页面。--->PHP是服务端语言（后端）语言HTML+JS为前端语言：主要用来对页面的布局，动态美化PHP，JAVA，Python为后端语言：用来实现业务逻辑功能，一般不做美化2.PHP作用（1）PHP可以生成动态页面（2）PHP可以用来接收于发送Cookies值（3）PHP可
  • python怎么学？ 靓仔668 python开发语言青少年编程
    一、python是什么？Python是一种高级、解释型、面向对象的编程语言。它具有简洁的语法和易于阅读的代码，被广泛用于计算机编程和科学计算。Python支持多种编程范式，包括面向过程、面向对象和函数式编程。它拥有广泛的标准库和第三方库，可以用于各种任务，例如Web开发、数据分析、人工智能等。Python的设计思想强调代码的可读性和简洁性，使得它成为许多新手和专业开发者的首选编程语言。二、使用步骤
  • Flask框架全面详解 PythonicCC flaskpython后端
    Flask是一个轻量级的PythonWeb框架，因其简洁、灵活和可扩展性而广受开发者喜爱。本文将全面介绍Flask框架的各个方面，从基础概念到高级应用，帮助初学者快速掌握Flask开发。一、Flask基础概念1.1什么是Flask？Flask是一个基于Python的微型Web开发框架，诞生于2010年，由ArminRonacher开发。它的核心思想是保持简单但易于扩展。Flask的特点：轻量级：核
  • 三种主流数据库特点和作用（看看你用的哪种？） 恩比贤AmbitioN 算法javaspringmavenspringboot
    以下是对MySQL、MongoDB和Redis三种主流数据库的详细介绍，涵盖其特点、优势以及适用场景，内容尽量丰富以满足需求。1.MySQL特点MySQL是一种开源的关系型数据库管理系统（RDBMS），基于表格存储数据，使用结构化查询语言（SQL）进行操作。它最初由瑞典公司MySQLAB开发，现由Oracle维护。MySQL以其高性能、可靠性和易用性闻名，广泛应用于Web开发、企业应用和数据分析场
  • 排名前十的编程语言及其详细对比 NurDroid 开发语言
    根据2025年4月的最新TIOBE排行榜以及其他综合榜单，当前排名前十的编程语言及其详细对比如下：1.Python•排名：第1位•核心特点：简洁语法、动态类型、丰富的生态库（如NumPy、TensorFlow）。•应用领域：AI/机器学习、数据分析、自动化脚本、Web开发（Django/Flask框架）。•性能：解释型语言，执行速度较慢，但开发效率极高，适合快速原型设计。•趋势：持续领跑AI领域，
  • Java实现的简单双向Map，支持重复Value superlxw1234 java双向map
    关键字：Java双向Map、DualHashBidiMap     有个需求，需要根据即时修改Map结构中的Value值，比如，将Map中所有value=V1的记录改成value=V2，key保持不变。   数据量比较大，遍历Map性能太差，这就需要根据Value先找到Key，然后去修改。   即：既要根据Key找Value，又要根据Value
  • PL/SQL触发器基础及例子 百合不是茶 oracle数据库触发器PL/SQL编程
      触发器的简介; 触发器的定义就是说某个条件成立的时候，触发器里面所定义的语句就会被自动的执行。因此触发器不需要人为的去调用，也不能调用。触发器和过程函数类似 过程函数必须要调用,   一个表中最多只能有12个触发器类型的,触发器和过程函数相似 触发器不需要调用直接执行, 触发时间：指明触发器何时执行，该值可取： before：表示在数据库动作之前触发
  • [时空与探索]穿越时空的一些问题 comsci 问题
          我们还没有进行过任何数学形式上的证明,仅仅是一个猜想.....       这个猜想就是; 任何有质量的物体(哪怕只有一微克)都不可能穿越时空,该物体强行穿越时空的时候,物体的质量会与时空粒子产生反应,物体会变成暗物质,也就是说,任何物体穿越时空会变成暗物质..(暗物质就我的理
  • easy ui datagrid上移下移一行 商人shang js上移下移easyuidatagrid
    /** * 向上移动一行 * * @param dg * @param row */ function moveupRow(dg, row) { var datagrid = $(dg); var index = datagrid.datagrid("getRowIndex", row); if (isFirstRow(dg, row)) {
  • Java反射 oloz 反射
    本人菜鸟，今天恰好有时间，写写博客，总结复习一下java反射方面的知识，欢迎大家探讨交流学习指教 首先看看java中的Class package demo; public class ClassTest { /*先了解java中的Class*/ public static void main(String[] args) { //任何一个类都
  • springMVC 使用JSR-303 Validation验证 杨白白 springmvc
    JSR-303是一个数据验证的规范，但是spring并没有对其进行实现，Hibernate Validator是实现了这一规范的，通过此这个实现来讲SpringMVC对JSR-303的支持。 JSR-303的校验是基于注解的，首先要把这些注解标记在需要验证的实体类的属性上或是其对应的get方法上。 登录需要验证类 public class Login { @NotEmpty
  • log4j 香水浓 log4j
    log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, HTML, DATABASE #log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, ROLLINGFILE, HTML #console log4j.appender.STDOUT=org.apache.log4j.ConsoleAppender log4
  • 使用ajax和history.pushState无刷新改变页面URL agevs jquery框架Ajaxhtml5chrome
    表现 如果你使用chrome或者firefox等浏览器访问本博客、github.com、plus.google.com等网站时，细心的你会发现页面之间的点击是通过ajax异步请求的，同时页面的URL发生了了改变。并且能够很好的支持浏览器前进和后退。 是什么有这么强大的功能呢？ HTML5里引用了新的API，history.pushState和history.replaceState，就是通过
  • centos中文乱码 AILIKES centosOSssh
    一、CentOS系统访问 g.cn ，发现中文乱码。 于是用以前的方式：yum -y install fonts-chinese CentOS系统安装后，还是不能显示中文字体。我使用 gedit 编辑源码，其中文注释也为乱码。       后来，终于找到以下方法可以解决，需要两个中文支持的包： fonts-chinese-3.02-12.
  • 触发器 baalwolf 触发器
    触发器(trigger)：监视某种情况，并触发某种操作。 触发器创建语法四要素：1.监视地点(table) 2.监视事件(insert/update/delete) 3.触发时间(after/before) 4.触发事件(insert/update/delete) 语法： create trigger triggerName after/before 
  • JS正则表达式的i m g bijian1013 JavaScript正则表达式
            g:表示全局（global)模式，即模式将被应用于所有字符串，而非在发现第一个匹配项时立即停止。         i:表示不区分大小写（case-insensitive）模式，即在确定匹配项时忽略模式与字符串的大小写。         m:表示
  • HTML5模式和Hashbang模式 bijian1013 JavaScriptAngularJSHashbang模式HTML5模式
            我们可以用$locationProvider来配置$location服务（可以采用注入的方式，就像AngularJS中其他所有东西一样）。这里provider的两个参数很有意思，介绍如下。 html5Mode         一个布尔值，标识$location服务是否运行在HTML5模式下。 ha
  • [Maven学习笔记六]Maven生命周期 bit1129 maven
    从mvn test的输出开始说起   当我们在user-core中执行mvn test时，执行的输出如下：   /software/devsoftware/jdk1.7.0_55/bin/java -Dmaven.home=/software/devsoftware/apache-maven-3.2.1 -Dclassworlds.conf=/software/devs
  • 【Hadoop七】基于Yarn的Hadoop Map Reduce容错 bit1129 hadoop
    运行于Yarn的Map Reduce作业，可能发生失败的点包括 Task Failure Application Master Failure Node Manager Failure Resource Manager Failure 1. Task Failure 任务执行过程中产生的异常和JVM的意外终止会汇报给Application Master。僵死的任务也会被A
  • 记一次数据推送的异常解决端口解决 ronin47 记一次数据推送的异常解决
    　　 需求：从db获取数据然后推送到B         程序开发完成，上jboss,刚开始报了很多错，逐一解决，可最后显示连接不到数据库。机房的同事说可以ping 通。 　　  自已画了个图，逐一排除，把linux 防火墙　和　setenforce　设置最低。 　　　service iptables stop
  • 巧用视错觉-UI更有趣 brotherlamp UIui视频ui教程ui自学ui资料
    我们每个人在生活中都曾感受过视错觉（optical illusion）的魅力。 视错觉现象是双眼跟我们开的一个玩笑，而我们往往还心甘情愿地接受我们看到的假象。其实不止如此，视觉错现象的背后还有一个重要的科学原理——格式塔原理。 格式塔原理解释了人们如何以视觉方式感觉物体，以及图像的结构，视角，大小等要素是如何影响我们的视觉的。 在下面这篇文章中，我们首先会简单介绍一下格式塔原理中的基本概念，
  • 线段树-poj1177-N个矩形求边长（离散化+扫描线） bylijinnan 数据结构算法线段树
    package com.ljn.base; import java.util.Arrays; import java.util.Comparator; import java.util.Set; import java.util.TreeSet; /** * POJ 1177 (线段树+离散化+扫描线)，题目链接为http://poj.org/problem?id=1177
  • HTTP协议详解 chicony http协议
    引言                                 
  • Scala设计模式 chenchao051 设计模式scala
    Scala设计模式                我的话： 在国外网站上看到一篇文章，里面详细描述了很多设计模式，并且用Java及Scala两种语言描述，清晰的让我们看到各种常规的设计模式，在Scala中是如何在语言特性层面直接支持的。基于文章很nice，我利用今天的空闲时间将其翻译，希望大家能一起学习，讨论。翻译
  • 安装mysql daizj mysql安装
    安装mysql   (1)删除linux上已经安装的mysql相关库信息。rpm  -e  xxxxxxx   --nodeps (强制删除)      执行命令rpm -qa |grep mysql 检查是否删除干净   (2)执行命令  rpm -i MySQL-server-5.5.31-2.el
  • HTTP状态码大全 dcj3sjt126com http状态码
    完整的 HTTP 1.1规范说明书来自于RFC 2616，你可以在http://www.talentdigger.cn/home/link.php?url=d3d3LnJmYy1lZGl0b3Iub3JnLw%3D%3D在线查阅。HTTP 1.1的状态码被标记为新特性，因为许多浏览器只支持 HTTP 1.0。你应只把状态码发送给支持 HTTP 1.1的客户端，支持协议版本可以通过调用request
  • asihttprequest上传图片 dcj3sjt126com ASIHTTPRequest
    NSURL *url =@"yourURL"; ASIFormDataRequest*currentRequest =[ASIFormDataRequest requestWithURL:url]; [currentRequest setPostFormat:ASIMultipartFormDataPostFormat];[currentRequest se
  • C语言中，关键字static的作用 e200702084 C++cC#
    在C语言中，关键字static有三个明显的作用： 1)在函数体，局部的static变量。生存期为程序的整个生命周期，（它存活多长时间）；作用域却在函数体内（它在什么地方能被访问（空间））。 一个被声明为静态的变量在这一函数被调用过程中维持其值不变。因为它分配在静态存储区，函数调用结束后并不释放单元，但是在其它的作用域的无法访问。当再次调用这个函数时，这个局部的静态变量还存活，而且用在它的访
  • win7/8使用curl geeksun win7
    1.  WIN7/8下要使用curl，需要下载curl-7.20.0-win64-ssl-sspi.zip和Win64OpenSSL_Light-1_0_2d.exe。 下载地址：  http://curl.haxx.se/download.html 请选择不带SSL的版本，否则还需要安装SSL的支持包   2.  可以给Windows增加c
  • Creating a Shared Repository; Users Sharing The Repository hongtoushizi git
    转载自：   http://www.gitguys.com/topics/creating-a-shared-repository-users-sharing-the-repository/ Commands discussed in this section: git init –bare git clone git remote git pull git p
  • Java实现字符串反转的8种或9种方法 Josh_Persistence 异或反转递归反转二分交换反转java字符串反转栈反转
    注：对于第7种使用异或的方式来实现字符串的反转，如果不太看得明白的，可以参照另一篇博客： http://josh-persistence.iteye.com/blog/2205768   /** * */ package com.wsheng.aggregator.algorithm.string; import java.util.Stack; /**
  • 代码实现任意容量倒水问题 home198979 PHP算法倒水
    形象化设计模式实战             HELLO!架构                     redis命令源码解析   倒水问题：有两个杯子，一个A升，一个B升，水有无限多，现要求利用这两杯子装C
  • Druid datasource zhb8015 druid
    推荐大家使用数据库连接池 DruidDataSource. http://code.alibabatech.com/wiki/display/Druid/DruidDataSource DruidDataSource经过阿里巴巴数百个应用一年多生产环境运行验证，稳定可靠。 它最重要的特点是：监控、扩展和性能。 下载和Maven配置看这里： http
  • 两种启动监听器ApplicationListener和ServletContextListener spjich javaspring框架
    引言:有时候需要在项目初始化的时候进行一系列工作，比如初始化一个线程池，初始化配置文件，初始化缓存等等，这时候就需要用到启动监听器，下面分别介绍一下两种常用的项目启动监听器   ServletContextListener  特点: 依赖于sevlet容器，需要配置web.xml 使用方法: public class StartListener implements
  • JavaScript Rounding Methods of the Math object 何不笑 JavaScriptMath
        The next group of methods has to do with rounding decimal values into integers. Three methods — Math.ceil(),  Math.floor(), and  Math.round() — handle rounding in differen
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他