美高梅4688.com术集合

美高梅4688.com 1美高梅4688.com 2

爬虫相关(好玩的家伙)

  • Phantomjs
  • berserkJS(基于Phantomjs的改良版本)
  • SlimerJS
  • CasperJS
  • selenium

君晤面问 为什么没有请求的长河  我咋知道我的图要显示什么 

平台工具(都是开源的好东东哦)

  • Redmine/Trac:项目管理平台
  • Jenkins/Jira(非开源):持续集成系统(Apache
    Continuum,这个是Apache下的CI系统,还尚未来得及研究)
  • Sonar:代码质量管理平台
  • git,svn:源代码版本控制系统
  • GitLib/Gitorious:构建和谐之GitHub服务器
  • gitbook:https://www.gitbook.io/形容书之好东西,当然就此来描写文档也非常对的
  • Travis-ci:开源项目不断集成必备,和GitHub相结合,https://travis-ci.org/
  • 开源测试工具、社区(Selenium、OpenQA.org)
  • Puppet:一个机动管理引擎,可以适用于Linux、Unix以及Windows平台。所谓配置管理网,就是管制机器里如文件、用户、进程、软件包这些资源。无论是管理1尊,还是上万尊机器Puppet都能自在搞定。
  • Nagios:系统状态监控告警,还发只Icinga(完全匹配nagios所有的插件,工作原理,配置文件和艺术,几乎一样。配置简单,功能强大)
  • Ganglia:分布式监控体系
  • fleet:分布式init系统
//页面加载完成之后就加载canvas的上下文
 //添加触摸事件和触摸滑动事件
 window.onload = function () {
        var canvas = document.getElementById("canvas");
        context = canvas.getContext("2d");//这里没有给var 是让其成为全局变量都可以访问 
        canvas.addEventListener('touchstart', touch, false);
        canvas.addEventListener('touchend', touchend, false);
        draw();
    }
    //更改图片 在页面加载的时候就先把图片加载出来
    function changepic() {
        Scratch.ProducingPic("/Potiker/Frist", 'winpic', 'div_img');
    }

 function ISwin() {
        ShowDiv(bg_div);       
    }
    function ShowDiv(show_div) {
         //这里是写死的 纯属故意   
        var img = document.getElementById('winpic'), result = '12.jpg';
        var name = img.src.substring(img.src.lastIndexOf('/') + 1).toString();
        if (name === result) {
            $("#winResult").text("哇偶你中奖了");
        } else {
            $("#winResult").text("遗憾了 !没中奖了");
        }       
        setTimeout(function () { ClearCanvas() }, 800);
        setTimeout(function () {  CloseDiv(bg_div) }, 1200);
        $("#bg_div").css("display", "block");
    };
    //关闭层  其实也可以用css来控制  
    function CloseDiv(bg_div) {      
        $("#bg_div").hide();
        draw();

    };

技巧站点

  • Hacker News:非常强的针对性编程的链接聚合网站
  • Programming reddit:同上
  • MSDN:微软有关的法定技术集中地,主要是文档类
  • infoq:企业级应用,关注软件开发领域
  • OSChina:开源技术社区,开源方面做的不错哦
  • cnblogs,51cto,csdn:常见的技术社区,各发生一技之长
  • stackoverflow:IT技术问答网站
  • GitHub:全球最为可怜之源代码管理平台,很多出名开源项目还当方,如Linux内核,
  • OpenStack等免费的it电子书:http://it-ebooks.info/
  • DevStore:开发者服务号

接着就是页面的js  由于是以Cshtml 中描写的  所以会js在末
 如果您是做成手机 你自会在页尾 元素先加载  动画效果啊的晚行 

常用工具

  • Fiddler:非常好用的Web前端调试工具,当然是对底层http协议的,一般情况用Chrome等自带的调节工具为足够了,特殊状况尚得用她失去处理
  • wireshark:知名的大网数据包分析工具
  • PowerCmd:替代Windows Cmd的利器
  • RegexBuddy:强大的正则表达式测试工具
  • Soure Insight:源代码阅读神器
  • SublimeText:程序员最爱的编辑器
  • Database.NET:一个通用的涉及项目数据库客户端,基于.NET
    4.0开支之,做简单的拍卖还是挺方便的
  • Navicat Premium:支持MySql、PostgreSQL、Oracle、Sqlite和SQL
    Server的客户端,通用性上不苟Database.NET,但性能方面比Database.NET好过多,自带备份功能为用于数据库定时备份。
  • Synergy : 局域网外同样法键盘鼠标控制多宝电脑
  • DameWare:远程协助工具集(我以信用社重点决定特别屏幕用)
  • Radmin: 远程控制工具,用了一段时间的
  • DameWare,还要破解,对Win7支持的糟糕,还是察觉这个好用
  • Listary:能最好大幅度提高你 Windows
    文件浏览和追寻速度效率的「超级神器」
  • Clover:给资源管理器加上多标签
  • WinLaunch:模拟Mac OS的Launch工具
  • Fritzing:绘制电路图
  • LICEcap:gif教程制作git,
  • svn:版本控制系统Enigma Virtual
    Box(将exe,dll等封装成一个可执行程序)
  • Open DBDiff(针对SqlServer)数据库同步
  • SymmetricDS:数据库同步
  • BIEE,Infomatica,SPSS,weka,R语言:数据解析
  • CodeSmith,LightSwitch:代码生成
  • Pandoc:Markdown转换工具,出书用底。以前玩过docbook,不过本尚是Markdown盛行啊。
  • Window
    Magnet[Mac]:增强Mac窗口管理效能,想Win7一样拥有窗口拖放到屏幕边缘自动调整之作用
  • log explorer:查看SqlServer日志dependency
  • walker:查询Windows应用程序dll依赖项
  • Shairport4w:将iPhone,iPad,iPod上的板通过AirPlay商讨传输到PC上
  • ngrok:内网穿透工具Axure:快速原型制作工具,还出只在线作图的工具国内的一个创业团队做的,用在死是http://www.processon.com
  • tinyproxy:(Linux)小型的代理服务器支持http和https协议EaseUS
    Partition
  • Master:超级简单的分区调整工具,速度或蛮快的,C盘不敷用了就是就此其打D盘划点空间吧,不用重装系统这么折腾哦。
  • CheatEngine:玩游戏修改外存值必备神器(记得我于玩轩辕剑6的时候就就此的其,超级福利也)
  • ApkIDE:Android反编译神器翻、墙工具(自|由|门、天行浏览器)

统筹工具:Sketch、OmniGraffle

MindManger:思维导图

住户数据库一查 没有即时条数据   而且一个打一样店家被的每次要都是生唯一的ID
 很多上还会见增长上下文判断  从客户端入手的作业还是不见想 

Python

Eric,Eclipse+pydev,比较不利的Python IDE

PyWin:Win32 api编程包

numpy:科学计算包,主要用于处理大型矩阵计算等,此外还有SciPy,Matplotlib

GUI相关:PyQt,PyQwt

supervisor:进程监控工具

究竟 现在网上段子都说了  一段落脚论会引发血案  我或将它写成一个文书
然后加密 混淆什么的 毕竟那样 还是加了一些难度了

打开发有关

MINA:使用Java开发手游和页游服务器(对了还有Netty,也十分惨的,都是冲NIO的)

HP-Socket:见有微页游服务器使用这构建的

云风的技巧博客:http://blog.codingnow.com/

OGRE:大名鼎鼎的3D图形渲染引擎

OpenVDB:梦工厂C++的特效库,开源之

cocos2d:跨平台2D戏耍引擎

unity3d:跨平台3D游戏引擎,很生气之哦

Nodejs:也起成千上万以她来开发手游和为闹服务器(网易的Pomelo就是啊)

您所合成的 屠龙刀早就打折降价了, 你协调良心想LZ是凭借实力同刀一样刀砍出的
和后面这些打折了 购买之非雷同 心里还只有高兴 。

毋庸置疑的图书

  • 人件
  • 人月神话
  • 代码大全2
  • 计算机程序设计方法
  • 程序员的本人修养
  • 程序员修炼之志
  • 高功能程序员的修炼(成为同曰杰出的程序员其实与写代码没有尽特别关系)
  • 深切明计算机体系
  • 软件随想录
  • 算法导论(麻省理工学院出版社)
  • 离线数学及其使用
  • 设计模式
  • 编程的美
  • 黑客和画家
  • 编程珠玑
  • C++ Prime
  • Effective C++
  • TCP/IP详解
  • Unix 编程艺术
  • 《精神分析引论》弗洛伊德
  • 搞定:无压力工作的办法

里头有借鉴呢博友的篇章
:http://www.cnblogs.com/puyongsong/p/6027533.html

Web 服务器性能/压力测试工具/负载均衡器

  • http_load: 程序非常小,解压后呢非顶100K
  • webbench:
    是Linux下的一个网站压力测试工具,最多足效仿3万单冒出连接去测试网站的负载能力
  • ab: ab是apache自带的如出一辙暂缓功能强大的测试工具
  • Siege:
    一缓开源之压力测试工具,可以依据配置对一个WEB站点进行多用户之面世访问,记录每个用户有请求过程的相应时间,并于自然数额之产出访问下重进行。
  • squid(前端缓存),nginx(负载),nodejs(没错它为可以,自己写点代码就可知促成高性能的载重均衡器):常用的负荷均衡器
  • Piwik:开源网站访问量统计体系
  • ClickHeat:开源的网站点击情况热力图
  • HAProxy:高性能TCP /HTTP负载均衡器
  • ElasticSearch:搜索引擎基于Lucene
  • Page Speed SDK和YSLOW
  • HAR Viewer: HAR分析工具
  • protractor:E2E(end to end)自动化测试工具

解释 解释: 
③ :首先以那个包装后你得多只地方调用 这个肯定 然后先执行
你吗是明亮 
② : 这是一个乘除 你的触动到之canvas的坐标位置 
① :这里是引入另一个文本中的某个方法 
①=》很多时分我们见面当写js文件的时光去引入另一个文件被的法子 
有数种植缓解方案 : 一:把要引用的文件直接copy过来
写及是文件中去(吃亏不捧场 手机里当是更聊更是好咯)。 
次: 在js文件中动态引入 添加一个script的js标签。 
注意事项: 由于是script标签 最好是在页面的body中引入。

C & C++

Thrift:用来进展可扩大且过语言的劳务的开支(类似的还生个Avro,Google
protobuf)。

libevent:是一个事件触发的网络库,适用于windows、linux、bsd等强平台,内部采用select、epoll、kqueue等系统调用管理事件机制。(对了尚时有发生个libev呢)

Boost:不多说了,准C++标准库

Ptmalloc\Valgrind\Purify

NetworkServer架构:acceptor->dispatcher->worker(这个不算是工具哦)

breakpad:崩溃转储和分析模块,很多crashreport会用到

UI界面相关:MFC、BCG和QT这看似的虽背着了,高端一点底还有Html和DirectUI技术:libcef(基于chrome内核的,想想使用html5支付页面,还真有硌多少感动也)、HtmlLayout、Duilib、Bolt,非C++的,还有node-webkit也对,集成了node和webkit内核。

<!DOCTYPE html>
<html>
<head>
    <meta id="viewport" name="viewport" content="width=640,user-scalable=no,minimal-ui" />  <!--禁止用户缩放-->
</head>
<body>

    <div style="width:640px;margin:auto;">
        <!--刮刮乐-->
        <div id="lottery" style="width:300px;height:500px;margin:10px;background-color:lightskyblue;border-radius:5px;float:left;">
            <div style="width:300px;height:100px;line-height:100px;text-align:center;font-size:33px;color:blueviolet;">即兴彩票</div>
            <div id="txt" style="width:300px;height:200px;font-size:40px;color:peachpuff;display:flex;justify-content:center;align-items:center;flex-direction:column; position:relative;">
               <!--这里其实是为另一个做的准备 但是代码就不上了 -->
                @*<div style=" width: 300px;height: 200px;  position:absolute;">
                    <div style=" width: 300px;height: 200px; z-index: 1; ">
                        <div id="div_one" style="height: 100px; width: 100px; float: left;  background-color: #0480BE;"></div>
                        <div id="div_two" style="height: 100px; width: 100px; float: left; background-color:#004444"></div>
                        <div id="div_three" style="height: 100px; width: 100px; float: right; background-color: #005580; "></div>
                        <div id="div_four" style="height: 100px; width: 100px; float: left; clear: both; background-color: #149BDF;"></div>
                        <div id="div_five" style="height: 100px; width: 100px; float: left;  background-color: #008800;"></div>
                        <div id="div_six" style="height: 100px; width: 100px; float: left;  background-color: #149BDF;"></div>
                    </div>
                </div>
                <canvas id="canvas2" width="300px" height="200px" style="top:0;left:0;z-index:2; position: relative;">
                    sorry 您的浏览器不支持canvas该组件
                </canvas>
            </div>*@
            <div id="canvasArea" style="width:300px;height:200px;position:relative;">
                <div style="width:300px;height:200px;position:absolute;top:0;left:0;z-index:1;text-align:center;line-height:200px;font-weight:bold;font-size:30px;color:indianred;">
                    <div id="div_img">
                        <img id="winpic" src="~/GIF/0.jpg" style="border-radius:50px">
                    </div>                   
                </div>
                <canvas id="canvas" width="300px" height="200px" style="position:absolute;top:0;left:0;z-index:2;"> 

 sorry 您的浏览器不支持canvas该组件

</canvas>

            </div>
        </div>
    </div>
    <div id="bg_div" style=" color:red ">
        <!--display:none;-->
        <div id="show">
            <label id="winResult">缺那么点运气</label>
        </div>
    </div>
    <script src="~/Scripts/ISWin.js"></script>   
</body>
</html>

Java相关

常用的IDE:IntelliJ IDEA,Eclipse,Netbeans

Web开发相关:Tomcat、Resin、Jetty、WebLogic等,常用之零件Struts,Spring

HibernateNetty:
异步事件驱动网络下编程框架,用于高并发网络编程比较好(NIO框架)

MINA:简单地出大性能及高可靠性的大网应用程序(也是个NIO框架),不少手游服务端是因此它开发之

jOOQ:java Orm框架Activiti:工作流引擎,类似的还有jBPM、Snaker

Perfuse:是一个用户界面包用来将生组织与任组织数据为所有交互性的可视化图形展示出来.

Gephi:复杂网络分析软件,
其根本用来各种网络与错综复杂系统,动态和分层图的彼此可视化与探测开源工具

Nutch:知名的爬虫项目,hadoop就是由之类型遭到前进出的

web-harvest:Web数据提取工具

POM工具:Maven+ArtifactoryNetflix

Curator:Netflix公司开源的一个Zookeeper client
library,用于简化Zookeeper客户端编程

Akka:一慢基于actor模型实现的 并发处理框架

EclEmma:覆盖测试工具

那即便是加强你针对娱乐的粘度  宝箱里面装的事物总是有价值不菲的 装备
能购买但是大贵 ,游戏策划会于您点便宜  让你开宝箱

Web 前端相关

  • GRUNT: js task runner
  • Sea.js: js模块化
  • knockout.js:MVVM开发前台,绑定技术
  • Angular.js: 使用超动感HTML & JS开发WEB应用!
  • Highcharts.js,Flot:常用的Web图表插件
  • Raw:非常不易的相同慢高档数据可视化工具
  • Rickshaw:时先后图标库,可用以构建实时图表
  • JavaScript InfoVis Toolkit:另一样缓慢Web数据可视化插件
  • Pdf.js,在html中展现pdf
  • ACE,CodeMirror:Html代码编辑器(ACE甚好哎)
  • NProcess:绚丽的加载进度条
  • impress.js:让你打有令人眩目的情节展示效果(类似之还有reveal)
  • Threejs:3DWeb库
  • Hightopo:基于Html5的2D、3D可视化UI库
  • jQuery.dataTables.js:高度灵活的报表插件
  • Raphaël:js,canvas绘图库,后来发觉百度指数的图纸就是之所以其打出的
  • director.js:js路由模块,前端路由,Nodejs后端路由于相当,适合布局单页应用
  • pace.js:页面加载进度长
  • bower:Web包管理器
  • jsnice:有趣之js反编译工具,猜压缩后的变量名 http://www.jsnice.org/
  • D3.js: 是一个基于JavaScript数据展示库(类似的还有P5.js)
  • Zepto.js:移动端替代jQuery的东东,当然为可以使用jquery-mobile.

UI框架:Foundation,Boostrap,Pure,EasyUI,Polymer

前端UI设计师必去的几个网站:Dribbble,awwwards,unmatchedstyle,UIMaker

Mozilla 开发者中心:https://developer.mozilla.org/en-US/

图标资源:IcoMoon(我之极爱),Themify Icons,FreePik,Glyphiconsart

  • Dialog:非常美妙的对话框
  • AdminLTE:github上之一个开源项目,基于Boostrap3的后台管理页面框架
  • Respond.js:让无懂爱的IE6-8支持响应式设计
  • require.js: js模块加载库
  • select2:比chosen具有更多特点的选择框替代库
  • AngularUI:集成angular.js的UI库
  • normalize.css: 采用了现代化正规化被每浏览器渲染出底html保持一致的库房
  • CreateJS:Html5戏引擎Less,Compass:简化CSS开发
  • emojify.js:用于自动识别网页上之Emoji文字并以那出示为图像
  • simditor:一个是的开源之html编辑器,简洁高效
  • Sencha: 基于html5的走端支出框架
  • SuperScrollorama+TweenMax+skrollr:打造超酷的视差滚动效应网页动画
  • jquery-smooth-scroll:同齐,平滑滚动插件
  • Animate.css:实现了各种卡通效果的css库
  • Emmet:前端工程师必备,ZenCode的前身
  • MagicDraw:Uml图工具

始发的想法

.net相关

Xilium.CefGlue:基于CEF框架的.NET封装,基于.NET开发Chrome内核浏览器

CefSharp:同上,有一款WebKit的封装,C#与Js交互会又简便易行

netz:免费的 .NET 可执行文件压缩工具

SmartAssembly:变态的.net代码优化混淆工具

NETDeob0:.net反混淆工具,真是魔高一尺道高一丈啊(还发生只de4dot,在GitHub上,都是开源之)

ILMerge:将具备援的DLL和exe文件由成一个exe文件

ILSpy:开源.net程序反编译工具

Javascript.NET:很科学的js执行引擎,对v8做了打包

NPOI: Excel操作

DotRAS:远程访问服务的模块

WinHtmlEditor: Winform下的html编辑器

SmartThreadPool:使用C#心想事成之,带高级特性的线程池

Snoop: WPF Spy Utility

Autofac: 轻量级IoC框架

HtmlAgilityPack:Html解析利器

Quartz.NET:Job调度

HttpLib:@CodePlex,简化http请求

SuperSocket:简化Socket操作,基于他的尚生个SuperWebSocket,可以付出独立的WebSocket服务器了

DocX:未安装Office的气象下操作Word文件

Dapper:轻量级的ORM类,性能是

HubbleDotNet:支持连数据库的全文检索系统

fastJSON:@CodeProject,高性能的json序列化类

ZXing.NET:@CodePlex,QR,条形码相关

Nancy:轻量级Http服务器,做个袖珍的Web应用可以摆脱IIS喽(Nancy.Viewengines.Razor,可以入Razor引擎)

AntiXSS:微软的XSS防御库Microsoft Web Protection

LibraryJint:JavaScript解释器

CS-Script:将C#代码文件作为脚本执行

Jexus:Linux下 高性能、易用、免费的ASP.NET服务器

Clay:将dynamic发挥的进一步灵敏,像写js一样写C#

DynamicJSON:不必定义数据模型获取json数据

Antlr:开源之语法分析器(归到C#勿极端适合,其他语言也可以去用)

SharpPcap:C#本的WinPcap调用端,牛逼的纱保险分析库(自带PacketNotNet用于包商分析)

Roslyn:C#,VB编译器

ImageResizer:
服务端自由支配图片大小,真乃神器啊,对手机端传小图,PC端传大图,CMS用它们特别有益

UI相关:DevExpress, Fluent(Office 07风格), mui(Modern UI for WPF)

NetSparkle:应用自动更新组件

ConfuserEx: 开源.net混淆工具

ServiceStack:
开源高性能Web服务框架,可用以构建大性能的REST服务Expression

Evaluator:Eval for C#,处理字符串表达式

http://nugetmusthaves.com/

干什么  原来就是简简单单的开宝箱  现在 又加上了 碎片  符  等片外在的物。

可怜数目处理/数据解析/分布式工具

  • Hadoop:分布式的文件系统,结合该MapReduce编程模型可以据此来开海量数据的批判处理(Hive,Pig,HBase啥的饶不说了),值得介绍的凡Cloudera的Hadoop分支CDH5,基于YARN
    MRv2集成了Spark可径直用于生产环境的Hadoop,对于企业便捷构建数据仓库非常有效。

  • Ceph:Linux分布式文件系统(特点:无中心)

  • Storm:实时流数据处理,可以拘留下IBM的同样首介绍
    (还闹个Yahoo的S4,也是做流数据处理的)

  • Spark:大规模流式数据处理(可以应付企业遭受普遍的老三种植多少处理场景:复杂的批量数码处理(batch
    data processing);基于历史数据的交互式查询(interactive
    query);基于实时数据流的数据处理(streaming data
    processing)),CSND有篇文章介绍的不利

  • Spark Streaming:基于Spark的实时计算框架

  • Tachyon:分布式内存文件系统

  • Mesos:计算框架一个集群管理器,提供了有效的、跨分布式应用或框架的资源隔离和共享Impala:新一代表开源深数目解析引擎,提供Sql语义,比-
    Hive强在快达到

  • SNAPPY:快速的数据压缩系统,适用于Hadoop生态系统中

  • Kafka:高吞吐量的分布式消息队列系统

  • ActiveMQ:是Apache出品,最盛的,能力强的开源消息总线

  • MQTT:Message Queuing Telemetry
    Transport,消息队列遥测传输)是IBM开发之一个即时通讯协议,有或变为物联网的主要片段

  • RabbitMQ:记得OpenStack就是用的这个事物吧

  • ZeroMQ:宣称是用分布式计算变得还简便,是独分布式消息队列,可以看下云风的均等篇稿子的牵线开源的日志收集系统:scribe、chukwa、kafka、flume。这生平等首对比文章

  • Zookeeper:可靠的分布式协调的开源项目

  • Databus:LinkedIn 实时小顺延数据抓取系统

数据源获取:Flume、Google Refine、Needlebase、ScraperWiki、BloomReach

序列化技术:JSON、BSON、Thrift、Avro、Google Protocol Buffers

NoSql:Apache Hadoop、Apache Casandra、MongoDB、Apache
CouchDB、Redis、BigTable、HBase、Hypertable、Voldemort、Neo4j

MapReduce相关:Hive、Pig、Cascading、Cascalog、mrjob、Caffeine、S4、MapR、Acunu、Flume、Kafka、Azkaban、Oozie、Greenplum

多少处理:R、Yahoo! Pipes、Mechanical Turk、Solr/
Lucene、ElasticSearch、Datameer、Bigsheets、TinkerpopNLP自然语言处理:Natural
Language Toolkit、Apache OpenNLP、Boilerpipe、OpenCalais

机上:WEKA、Mahout、scikits.learn、SkyTree

可视化技术:GraphViz、Processing、Protovis、Google Fusion
Tables、Tableau、Highcharts、EChats(百度的还对)、Raphaël.js

  • Kettle:开源的ETL工具
  • Pentaho:以工作流为着力的开源BI系统
  • Mondrian:开源的Rolap服务器
  • Oozie:开源hadoop的工作流调度引擎

开源的数码解析可视化工具:Weka、Orange、KNIME

Cobar:阿里巴巴之MySql分布式中间件

吓了 来说个手游的 套路  : 那便是若看的结果许多下还是服务端 生成的
你想去还改 抓包什么的  然后客服 索求币  

日记聚合,分布式日志收集

Scribe:Facebook的(nodejs + scribe + inotify 同日志)

logstash:强大的日志收集系统,可以依据logstash+kibana+elasticsearch+redis开发强大的日记分析平台

log.io: nodejs开发之实时日志收集体系

RTP,实时传输协议及音视频

RTP,RTCP,RTSP-> librtp,JRTPLIB(遵循了RFC1889标准)

环形缓冲区,实时数据传用

SDL,ffmpeg,live555,Speex

Red5:用Java开发开源之Flash流媒体服务器。它支持:把拍子(MP3)和视频(FLV)转换成播放流;
录制客户端播放流(只支持FLV);共享对象;现场直播流发布;远程调用。

 碎片  ,符  不纵是叫你看 加了这些东西  在公从头宝箱的当儿 几统领会加大
 ,你便会见尤其要。

怎么 你的大号
总是什么奖还减少不至  小号总是能抽到有的东西。

 其实就是是打策划对用户的片段粘度数据的分析  
还有就是是对准您用户的衰减做的一些统计分析做出来的。

娱乐  玩玩就吓  别太投入。

//----------------------------③
(function () {
    // 事件绑定
    window.bindHandler = (function () {
        if (window.addEventListener) {// 标准浏览器
            return function (elem, type, handler) {
                // elem:节点    type:事件类型   handler:事件处理函数
                // 最后一个参数为true:在捕获阶段调用事件处理程序;为false:在冒泡阶段调用事件处理程序。注意:ie没有这个参数
                elem.addEventListener(type, handler, false);
            }
        } else if (window.attachEvent) {// IE浏览器
            return function (elem, type, handler) {
                elem.attachEvent("on" + type, handler);
            }
        }

    }());
    // 事件解除
    window.removeHandler = (function () {
        if (window.removeEventListener) {// 标准浏览器
            return function (elem, type, handler) {
                elem.removeEventListener(type, handler, false);
            }
        } else if (window.detachEvent) {// IE浏览器
            return function (elem, type, handler) {
                elem.detachEvent("on" + type, handler);
            }
        }
    }());
    //添加清除事件及动作 (获取canvas 动作)


}());
//刮奖
var brush1 = function (event) {
    // ----------------------------②  
    var x = event.touches[0].clientX - canvas.getBoundingClientRect().left;
    var y = event.touches[0].clientY - canvas.getBoundingClientRect().top;
    // ----------------------------
    context.clearRect(x, y, 20, 20);
    //console.log(x, y);
};
/// 鼠标按下时 - 绑定鼠标跟随事件
function touch() {
    bindHandler(canvas, 'touchmove', brush1, false);
    changepic();
}
// 停止刮奖功能 - 解绑鼠标跟随事件
function touchend() {
    removeHandler(canvas, "mousemove", brush1, false);
    ISwin();
}


//更改图片 在页面加载的时候就先把图片加载出来
function changepic() {
    Scratch.Frist("/Potiker/Frist");
}

//测试绘制圆形遮罩
function draw() {
    context.fillStyle = '#A9AB9D';
    context.beginPath();
    context.arc(150, 102, 50, 0, Math.PI * 2, true);
    context.closePath();
    context.fill();
}
//  改进意见: 逐步清除
function ClearCanvas() {
    context.clearRect(100, 50, 5 * 22, 5 * 22);
}

//这里是引入一个手机文件里面封装了一个XHRHttpResquset ① 
new_element = document.createElement("script");
new_element.setAttribute("type", "text/javascript");
new_element.setAttribute("src", "../Scripts/inc.js");
document.body.appendChild(new_element);





var Scratch =
    {   //请求客户信息
        Frist: function (url) {
            Ajax({

                method: 'get',
                type: 'json',
                url: url,
                callback: function (data) {

                }
            })
        },
        //用户点击绘制后 请求新的图片路径并赋值 
        //如果错误则调用 创建一张谢谢参与的图片
        ProducingPic: function (url, picid, piclocation) {
            var path;
            Ajax({
                method: 'get',
                type: 'json',
                url: url,
                callback: function (data) {
                    console.log(data);
                    if (data[1].static == "ok") {
                        path = data[0].img;
                    } else {
                        path = '';//请重新登录的图片
                    }
                    document.getElementById('' + picid).remove();
                    var imglocation = document.getElementById('' + piclocation);

                    var img = document.createElement('img');
                    //设置 img 属性,如 id
                    img.setAttribute("id", "" + picid);
                    img.style.borderRadius = "50px";
                    //设置 img 图片地址
                    img.src = "../GIF/" + path;
                    imglocation.appendChild(img);
                }
            })

        },
        //生成刮奖结果
        Result: function (url) {
            Ajax({
                method: 'GET',
                type: 'json',
                url: this.url,
                callback: function (data) {
                      //弹出中奖金额
                }
            })


        }

    }

齐而从头了扳平片  前期被你能充分易之用到当下件产品的百分30不当右  然后
难度升级 你便于啊 打  最后等于而合成这些东西的时光

蹭效果图

那么我哪怕报告您好了  其实过多辰光在您点开可怜页面的时候你的翻牌结果都乘机你点开只要要到了。

哼了 附上一个 canvas 刮刮乐吧  

1.设置两单canvas 的例外的 z-index 来安装其前后 形成遮罩层的职能
后面的一个canvas 实现绘图功能 前面一个canvas实现消除刮奖涂层的功力
当然为可以据此一个canvas 在您转移清除了上边绘制(那样会超负荷占用资源
而且自我觉得实现麻烦没有应用) 
2.一个div用来展示图片或文字 canvas设置z-index做蒙版在上头
然后兑现刮得效果。

归根结底有人傻傻的于何还纠结万分久到底点哪一个! 纠结
 指不定翻哪一个见面多一点,你明显看到好卡片的奖项多 。   

玩游戏的人 很多时分都见面遇见翻牌子  开宝箱。

归根结底用户之在线时长 可以做过多事   你所花费的几乎统领也会加大。

接下来 就算是片动画片效果 然后报告你的中奖结果是呀。
其实就坏像而看的那种街头,赌碗 一个师。

发表评论

电子邮件地址不会被公开。 必填项已用*标注