跨平台移动开发_PhoneGap 使用Accelerometer 加速器

使用Accelerometer 加速器效果图

跨平台移动开发_PhoneGap 使用Accelerometer 加速器

 

示例代码

<!DOCTYPE html>

<html>

  <head>

    <title>

      Cude PhoneGap Demo

    </title>

    <link 

        href="content/css/themes/default/jquery.mobile.structure-1.4.0-beta.1.min.css"

        rel="stylesheet"

        type="text/css"/>

    <link href="content/css/themes/default/jquery.mobile-1.4.0-beta.1.min.css" rel="stylesheet" type="text/css"/>

    <script src="content/js/jquery.js" type="text/javascript">

    </script>

    <script src="content/js/jquery.mobile-1.4.0-beta.1.js" type="text/javascript">

    </script>

    <script src="content/js/cordova.js" type="text/javascript">

    </script>

    <script src="content/scripts/xui-2.2.0.min.js">

    </script>

    <script src="content/scripts/emile.js">

    </script>

    <script type="text/javascript" charset="utf-8">

      document.addEventListener("deviceready", onDeviceReady, false);



      function onSuccess(acceleration) {



        var  getCurrentAcceleration= 'Acceleration X: ' + acceleration.x + '<br />' +

        'Acceleration Y: ' + acceleration.y + '<br />' +

        'Acceleration Z: ' + acceleration.z + '<br />' +

        'Timestamp: '      + acceleration.timestamp + '<br />';



        x$('#getCurrentAcceleration').html('inner', getCurrentAcceleration);

        };

        function onError() {

          alert('onError!');

          };



          var watchID = null;



          var options = { frequency: 1000 };

          function onSuccess1(acceleration) {

          

            var  watchAcceleration= 'Acceleration X: ' + acceleration.x + '<br />' +

            'Acceleration Y: ' + acceleration.y + '<br />' +

            'Acceleration Z: ' + acceleration.z + '<br />' +

            'Timestamp: '      + acceleration.timestamp + '<br />';



            x$('#watchAcceleration').html('inner', watchAcceleration);

            fx(acceleration.x,acceleration.z*20 );

            //fx(acceleration.y,acceleration.z*10 );

            //fx(acceleration.timestamp);

          }

          function onError1() {

            alert('onError!');

          }



          function stopWatch() {

            if (watchID) {

              navigator.accelerometer.clearWatch(watchID);

              watchID = null;

            }

          }

          function onDeviceReady() {

            navigator.accelerometer.getCurrentAcceleration(onSuccess, onError);

            watchID = navigator.accelerometer.watchAcceleration(onSuccess1, onError1, options);

          }

        </script>

        <script>

          function initialise()

          {

            styleshow();

            dom();

            //fx(1);



          }

          //dom处理

          function  dom()

          {

          }

          function SubString(s){

            var str;                // 声明变量。

            str = s.substr(1,236); // 截取取字符串。

            return(str);           // 返回字符串。

          }

          //style  样式处理

          function styleshow()

          {



          }

          //style 动画、形变、渐变

          function fx(valueid,valuez)

          {

            valueid=valueid*1000;

            emile('box1', 'background:#008FFF;left:'+valuez+'px;padding-bottom:100px;opacity:1', {

              duration: valueid, easing: bounce

              });

              emile('box2', 'background:#C8E919;left:'+valuez+'px;padding-bottom:100px;opacity:1', {

                duration: valueid, easing: bounce

                });

                emile('box3', 'background:#AC193D;left:'+valuez+'px;top:400px;padding-bottom:100px;opacity:1', {

                  duration: valueid, easing: bounce

                  });



                  emile('box4', 'background:#008FFF;right:'+valuez+'px;padding-bottom:100px;opacity:1', {

                    duration: valueid, easing: bounce

                    });

                    emile('box5', 'background:#C8E919;right:'+valuez+'px;padding-bottom:100px;opacity:1', {

                      duration: valueid, easing: bounce

                      });

                      emile('box6', 'background:#AC193D;right:'+valuez+'px;top:200px;padding-bottom:100px;opacity:1', {

                        duration: valueid, easing: bounce

                        });



                        emile('boxb', 'left:500px;padding:10px;border:50px solid #5133AB', {

                          duration: 500,

                          after: function(){

                            emile('boxa', 'background:#D24726;left:100px;padding-bottom:100px;opacity:1', {

                              duration: valueid, easing: bounce

                              });

                            }

                            });

                          }

                          function bounce(pos) {

                            if (pos < (1/2.75)) {

                              return (7.5625*pos*pos);

                            } else if (pos < (2/2.75)) {

                              return (7.5625*(pos-=(1.5/2.75))*pos + .75);

                            } else if (pos < (2.5/2.75)) {

                              return (7.5625*(pos-=(2.25/2.75))*pos + .9375);

                            } else {

                              return (7.5625*(pos-=(2.625/2.75))*pos + .984375);

                            }

                          }

                        </script>

                      </head>

                      <body onload="initialise();">

                        <button onclick="stopWatch();">

                          停止监视动画

                        </button>

                        <div id="getCurrentAcceleration">

                          XYZ显示区

                        </div>

                        <div id="watchAcceleration">

                          XYZ显示区

                        </div>

                        <div id="box1" style="position:absolute;left:0px;background:#f00;opacity:0">

                          DIV动画区域块

                        </div>

                        <div 

                            id="box2"

                            style="border:0px solid #00ff00;position:absolute;left:0px;top:200px;background:#000000">

                          DIV动画区域块

                        </div>

                        <div 

                            id="box3"

                            style="border:0px solid #AC193D;position:absolute;left:0px;top:300px;background:#AC193D">

                          DIV动画区域块

                        </div>



                        <div id="box4" style="position:absolute;right:0px;background:#f00;opacity:0">

                          DIV动画区域块

                        </div>

                        <div 

                            id="box5"

                            style="border:0px solid #00ff00;position:absolute;right:0px;top:200px;background:#000000">

                          DIV动画区域块

                        </div>

                        <div 

                            id="box6"

                            style="border:0px solid #AC193D;position:absolute;right:0px;top:150px;background:#AC193D">

                          DIV动画区域块

                        </div>



                        <div id="boxa" style="position:absolute;left:0px;background:#D24726;opacity:0">

                          DIV

                        </div>

                        <div 

                            id="boxb"

                            style="border:0px solid #00ff00;position:absolute;left:0px;top:350px;background:#362168">





                          DIV动画区域块

                        </div>



                      </body>

                    </html>

代码示例包

点击下载

 声明：本博客高度重视知识产权保护，发现本博客发布的信息包含有侵犯其著作权的链接内容时，请联系我，我将第一时间做相应处理,联系邮箱[email protected]。


作者：Mark Fan (小念头)    来源：http://cube.cnblogs.com
说明：未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。如有疑问，可以通过 [email protected] 联系作者，本文章采用 知识共享署名-非商业性使用-相同方式共享 2.5 中国大陆许可协议进行许可

 

你可能感兴趣的:(PhoneGap)

  • cross-plateform 跨平台应用程序-09-phonegap/Apache Cordova 介绍 老马啸西风 java
    跨平台系列cross-plateform跨平台应用程序-01-概览cross-plateform跨平台应用程序-02-有哪些主流技术栈？cross-plateform跨平台应用程序-03-如果只选择一个框架，应该选择哪一个?cross-plateform跨平台应用程序-04-ReactNative介绍cross-plateform跨平台应用程序-05-Flutter介绍cross-platefor
  • android studio ignore assets pattern,如何解决自动忽略资源文件夹中以“_”（下划线）开头的文件/文件夹... weixin_39848998 androidstudioignoreassetspattern
    我想在eclipse提供的Android模拟器上部署PhoneGap应用程序。我决定使用DojoToolkit，它严重依赖于“_”约定(启动带有“_”的文件/文件夹意味着这是一个私有/内部模块)。基本上问题是，在部署应用程序时，每个以“_”开头的文件/文件夹都会被省略。这完全搞砸了，Dojo工具包作为exptected无法正常工作。有没有办法来解决这个问题？答案首先明星这个issue所以谷歌将最终
  • 2011705918 qq_28091803
    iOS传感器应用开发最佳实践_PDF电子书下载带书签目录完整版http://pan.baidu.com/s/1dDtSP2LNode应用程序构建使用MongoDB和Backbone_PDF电子书下载带书签目录完整版http://pan.baidu.com/s/1c04KnNMPhoneGap移动应用开发手册_PDF电子书下载带书签目录完整版http://pan.baidu.com/s/1mgssE
  • 云计算的PDF qq2011705918 IT电子书pdf
    iOS传感器应用开发最佳实践_PDF电子书下载带书签目录完整版http://pan.baidu.com/s/1dDtSP2LNode应用程序构建使用MongoDB和Backbone_PDF电子书下载带书签目录完整版http://pan.baidu.com/s/1c04KnNMPhoneGap移动应用开发手册_PDF电子书下载带书签目录完整版http://pan.baidu.com/s/1mgssE
  • android:Cordova Android, hello Cordova ,PhoneGap android weixin_34054866 gitjavascriptjsonViewUI
    文章来自:http://blog.csdn.net/intbird官方文档:http://cordova.apache.org/docs/en/5.0.0//index.htmlintbird的俩DEMO:https://github.com/intbird/cordova-android_cordova4.0.0.githttps://github.com/intbird/cordova-and
  • Android:Cordova,JavaScript操作设备功能 偶是不器 AndroidAndroidCordova
    Cordova学习Cordova提供了一组设备相关的API，通过这组API，移动应用能够以JavaScript访问原生的设备功能，如摄像头、麦克风等。Cordova还提供了一组统一的JavaScript类库，以及为这些类库所用的设备相关的原生后台代码。Cordova是PhoneGap贡献给Apache后的开源项目，是从PhoneGap中抽出的核心代码，是驱动PhoneGap的核心引擎。Cordov
  • 美团React Native开源组件库beeshell详解 「已注销」 前端ReactNativeJavaScriptAndroid测试
    近年来，伴随着大前端概念的提出和兴起，移动端和前端的边界变得越来越模糊，涌现了一大批移动跨平台开发框架和模式。从早期的PhoneGap、inoc等Hybird技术，到现在耳熟能详的ReactNative、Weex和Flutter等技术，无不体现着移动端开发的前端化。而提供一套三端统一的开发框架，一直是前端奋斗的目标，而ReactNative就是这么一个不错的三端统一的跨平台开发框架，这方面的知识可
  • 十款移动APP开发框架 小小鸟008 前端h5app
    十款移动APP开发框架:1.jquerymobile框架2.bootstrap框架3.ionic框架4.MobileAngularUI框架5.IntelXDK框架6.AppceleratorTitanium框架7.SenchaTouch框架8.KendoUI框架9.PhoneGap框架10.mui框架1.jquerymobile框架jQueryMobile是jQuery在手机上和平板设备上的版本。
  • ionic3 项目使用Cordova自定义插件 星辰大海_王
    PS：Ionic为什么要用Cordova插件？先看下Ionic是什么？Ionic(ionicframework)一款开源的Html5移动App开发框架,是以AngularJS为基础的移动端解决方案,Ionic以流行的跨平台移动app开发框架phoengap为蓝本，让开发者可以通过命令行工具快速生成androidios移动app应用。phoengap又是什么？PhoneGap是ApacheCordo
  • 《WebKit 技术内幕》学习之十五（4）：Web前端的未来 jyl_sh webkit学习C/C++系统内核webkitC/C++内核编程浏览器内核开发前端
    4Cordova项目Cordova是一个开源项目，能够提供将Web网页打包成本地应用格式的可运行文件。读者可能对Cordova项目陌生，但是大家可能对它的前身非常熟悉，那就是PhoneGap项目，它后来被Adobe公司收购。图15-4描述了Cordova的主要工作思想，对于一个Web应用，结合Cordova提供的本地代码和框架，使用Cordova的打包工具将它们一起打包成一个个同系统相关的本地可执
  • 2015-5-23PDF的下载链接 qq2011705918 ITpdf电子书
    iOS传感器应用开发最佳实践_PDF电子书下载带书签目录完整版http://pan.baidu.com/s/1dDtSP2LNode应用程序构建使用MongoDB和Backbone_PDF电子书下载带书签目录完整版http://pan.baidu.com/s/1c04KnNMPhoneGap移动应用开发手册_PDF电子书下载带书签目录完整版http://pan.baidu.com/s/1mgssE
  • 跨端的三种方案原理和对比（WebView，ReactNative，Flutter） 一路向阳~负责的男人 reactnativeflutterreact.js
    一、定义WebViewWebView是什么？答：第一代跨平台框架，代表者为：PhoneGap、微信小程序。WebView标签是一种用于在网页中嵌入浏览器窗口的HTML元素。它的底层原理是通过原生平台提供的浏览器引擎来实现网页的渲染和交互。在Android平台上，WebView使用的是Android系统提供的WebView组件，它基于WebKit引擎。为什么WebView会被认为性能不如ReactN
  • JSBridge的原理及使用 Gavin-Wang bridge模式
    -JSBridge的起源-PhoneGap（Codova的前身）作为Hybrid鼻祖框架，是一个开源的移动开发框架，允许你用标准的web技术-HTML5,CSS3和JavaScript做跨平台的HybirdWebUI开发，应该是最先被开发者广泛认知的JSBridge的应用场景。而对于JSBridge的应用在国内真正兴盛起来，则是因为杀手级应用微信的出现。一、什么是JSBridgeJSBridge是
  • 将网页变身移动应用：网址封装成App的完全指南 xxxxfdsax 安卓android
    什么是网址封装？网址封装是一个将你的网站或网页直接嵌入到一个原生应用容器中的过程。用户可以通过下载你的App来访问网站，而无需通过浏览器。这种方式不仅提升了用户体验，还可利用移动设备的功能，如推送通知和硬件集成。小猪app封装www.ppzhu.net封装方法封装网址成App通常有两种方法：使用在线平台服务或自行开发。在线平台服务在线平台如PhoneGapBuild,AppyPie,或BuildF
  • PhoneGap项目导入到Androidstudio指南 huangxr874668739 AndroidLearningCordovaPhoneGapandroidandroidstudio
    PhoneGap项目导入到Androidstudio指南1.下载安装AndroidStudio1.02.安装PhoneGap，并创建PhoneGap项目，Build项目3.新建一个Android项目，并把第二步phonegap创建android项目时所产生的类库、js、xml配置文件复制到项目中1>利用AndroidStudio创建自己的项目2>分别将第3步中的文件复制进来，platforms\a
  • 划时代！Eclipse AI编码新方式——Copilot4Eclipse即将发布 界面开发小八哥 eclipse人工智能javaideweb开发
    在本月早些时候，MyEclipse官方宣布了将于本月晚些时候发布全新插件Copilot4Eclipse，它是同类型插件中的第一个，能帮助开发者直接在EclipseIDE中无缝地使用GitHubCopilotAI编码辅助。MyEclipse一次性提供了巨量的Eclipse插件库，无需学习任何新的开发语言和工具，便可在一体化的IDE下进行JavaEE、Web和PhoneGap移动应用的开发。MyEcl
  • Sencha Touch/ExtJS6 Modern结合Phonegap/Cordova开发移动端Hybird应用 神秘_博士 Phonegap+SenchaTouchandroidphonegapsencha移动开发phonegapbuild
    原文地址：http://blog.csdn.net/lovelyelfpop/article/details/20392377本文介绍的是SenchaTouch结合Cordova/Phonegap开发移动应用的环境搭建介绍。其实SenchaTouch和Cordova/Phonegap并没太大关联，而只是SenchaCmd(打包工具)内部调用了Cordova/Phonegap的build命令。所以，
  • 防止html5的video标签在iphone中自动全屏 会做饭的技术男 前端html5hybirdhtml5video
    问题:当在iphone中打开html5页面中的video视频时，会默认调取系统播放器，全屏播放视频资源。解决方式:1.首先在html5页面的video标签中添加webkit-playsinline=true;接着在UIWebView中设置allowsInlineMediaPlayback属性；webview.allowInlinesMediaPlayback=YES;2.如果是用Phonegap或
  • NFC：Arduino、Android与PhoneGap近场通信 lilin520530 NFCRFID
    射频识别，RFID（RadioFrequencyIdentification）技术，又称无线射频识别，是一种通信技术，可通过无线电讯号识别特定目标并读写相关数据，而无需识别系统与特定目标之间建立机械或光学接触。RFID技术的基本工作原理并不复杂：标签进入磁场后，接收解读器发出的射频信号，凭借感应电流所获得的能量发送出存储在芯片中的产品信息（无源标签或被动标签），或者由标签主动发送某一频率的信号（A
  • iOS 学习笔记 weixin_30646315 移动开发javacocoapods
    一：知识点1.iOS有哪几种开发方式1:原生开发(Native)如：oc2:混编开发(Hybird)如：oc+H53.web开发如：H5+JS+CSSa:webAPP开发框架：1》ReactNative/Cordova（PhoneGap）（Cordova是PhoneGap被捐给apache之后用的项目名）ReactNative与Cordova的区别2》Weex：是一个动态化的高扩展跨平台解决方案，
  • ionic极光推送 菠菜盼娣
    问题描述：通过后台发送通知给个人。解决方法：1新建账号https://www.jiguang.cn/2安装插件cordova-plugin-jcore1.1.11jpush-phonegap-plugin3.2.13cordovapluignaddcordova-plugin-jcore@[email protected]
  • APP封装打包的方式有几种？ kjccs ios
    前端APP封装打包的方式有多种，以下列举几种常见的方式：使用Cordova（PhoneGap）进行打包：Cordova是一种基于Web技术的开源框架，可以使用HTML、CSS和JavaScript开发跨平台移动应用。通过Cordova，你可以将前端项目打包成APK或iOS安装包。使用ReactNative进行打包：ReactNative是一种使用JavaScript和React构建跨平台移动应用的
  • Hybrid移动应用在多页面大数据复杂业务背景下的优化实践方案 天外野草 CordovaHTML5JavascriptHTML5混合应用开发技术栈移动应用优化phonegap
    前言对于混合应用而言，性能问题一直被吐槽，虽然设备的内存的不断增大，很大程度上缓解了这个一问题，但是和原生应用来讲还是有很大区别，本人从Phonegap2.x开始，一直的探索和使用混合应用技术。当时的2.x性能真是不怎么样，首次加载时间也比较长，后来phonegap被apache纳入旗下以后，更名为Cordova，可以说从此以后，性能问题得到了很大的改善，占用内存也越来越小，到如今使用的版本已经变
  • 在Mac平台下搭建WebStorm+PhoneGap/Cordova开发App应用 「已注销」 PHPmacwebstormcordovaapp
    IntelliJIDEA出品的WebStorm是javascript,html5等前端开发的最好的工具之一，本文介绍下如何在Mac环境下WebStorm配置PhoneGap/Cordova,以及配置Android,iOS模拟器生成预览,并为程序签名。首先请确保您的Mac上装有最新版本的JDK,请到：http://www.oracle.com/technetwork/java/javase/down
  • 【86 backtrader实现crypto交易策略】backtrader和ccxt对接实现中低频自动化交易-01 云金杞 自动化backtrader量化交易cryptoAberration
    最近有点空闲，尝试把backtrader和一些实盘交易的接口对接一下，方便大家进行中低频交易，主要目标包括：股票(qmt),期货(ctpbee),crypto(ccxt),外盘交易(ib，已实现，但是版本比较旧，后期会继续更新).这个周末尝试实现了backtrader和ccxt的对接，主要是参考了下面的开源代码：感谢作者：phonegapX，节省了很多时间，我在phonegapX代码的基础上，进行
  • PhoneGap源码分析2——源码结构 a540010 javascriptViewUI
    开始分析cordova-2.0.0.js的源码结构，使用UE打开这个文件，按Ctrl+Add键将代码全部折叠，可以看到结构如下：/**版权申明及注释部分*/;(function(){//这里是cordova的内部代码})();1、一开始就是一个分号";"，我们知道，分号在javascript中主要作用就是结束一个语句以及构成for循环的语法结构，那么在这里是什么作用呢？个人理解，由于javascr
  • XCode运行，提示build successed，无法启动模拟器 chunhazhan5688 xcode
    使用phonegap(cordova)创建项目后，开始时使用Xcode6.1或命令行运行项目都可启动模拟器调试；不知道什么原因命令行运行项目完全没有问题，但是Xcode运行，提示buildsuccessed，但是始终无法启动模拟器。Xcode下运行已创建的项目，提示buildsuccessed，但是模拟器无法正常启动的解决方法：进入到Product项下，选择Scheme,单击EditScheme，
  • PhoneGap 插件简介 @BruceYan@ 移动开发移动设备跨平台phonegapphonegap插件phonegapjavascriptactionfunctioncallbackandroid
    一、PhoneGap平台前不久PhoneGap发布了1.0版本，这为移动开发大家族提供了又一个跨平台的解决方案。开发者只要有JavaScript、CSS3、Html5的基础就可以快速开发移动应用，并且一次开发支持iOS、iOS(xcode4)、Android、WebOS、Blackberry、Symbian六大平台。不过，JavaScript的速度虽然在近些年提高了100倍，其速度还是无法和原生代
  • 2015-4-26分享的PDF qq2011705918 电子书pdfIT
    图书目录库，每天更新中http://pan.baidu.com/s/siOS传感器应用开发最佳实践_PDF电子书下载带书签目录完整版http://pan.baidu.com/s/1dDtSP2LNode应用程序构建使用MongoDB和Backbone_PDF电子书下载带书签目录完整版http://pan.baidu.com/s/1c04KnNMPhoneGap移动应用开发手册_PDF电子书下载带书
  • 为跨平台应用程序开发引入保险丝 cunjie3951 编程语言python人工智能javaandroid
    在开发可跨平台运行的应用程序时，不乏工具。它最初是从PhoneGap开始的，后来变成了Cordova。然后是性能接近本地的混合框架，例如ReactNative和NativeScript。最近还有Google的Flutter。我的观点是，那里有很多这样的框架。如果您对Google的“跨平台移动开发框架”进行快速搜索，就会相信我。如果您刚刚开始开发移动应用程序，那么它可能会瘫痪。这就是为什么了解您的选
  • Java实现的基于模板的网页结构化信息精准抽取组件：HtmlExtractor yangshangchuan 信息抽取HtmlExtractor精准抽取信息采集
    HtmlExtractor是一个Java实现的基于模板的网页结构化信息精准抽取组件，本身并不包含爬虫功能，但可被爬虫或其他程序调用以便更精准地对网页结构化信息进行抽取。   HtmlExtractor是为大规模分布式环境设计的，采用主从架构，主节点负责维护抽取规则，从节点向主节点请求抽取规则，当抽取规则发生变化，主节点主动通知从节点，从而能实现抽取规则变化之后的实时动态生效。 如
  • java编程思想 -- 多态 百合不是茶 java多态详解
    一: 向上转型和向下转型 面向对象中的转型只会发生在有继承关系的子类和父类中（接口的实现也包括在这里）。父类：人    子类：男人向上转型： Person p = new Man() ; //向上转型不需要强制类型转化向下转型： Man man =
  • [自动数据处理]稳扎稳打,逐步形成自有ADP系统体系 comsci dp
          对于国内的IT行业来讲,虽然我们已经有了"两弹一星",在局部领域形成了自己独有的技术特征,并初步摆脱了国外的控制...但是前面的路还很长....       首先是我们的自动数据处理系统还无法处理很多高级工程...中等规模的拓扑分析系统也没有完成,更加复杂的
  • storm 自定义 日志文件 商人shang stormclusterlogback
    Storm中的日志级级别默认为INFO，并且，日志文件是根据worker号来进行区分的，这样，同一个log文件中的信息不一定是一个业务的，这样就会有以下两个需求出现： 1. 想要进行一些调试信息的输出 2. 调试信息或者业务日志信息想要输出到一些固定的文件中   不要怕，不要烦恼，其实Storm已经提供了这样的支持，可以通过自定义logback 下的 cluster.xml 来输
  • Extjs3 SpringMVC使用 @RequestBody 标签问题记录 21jhf
    springMVC使用 @RequestBody(required = false) UserVO userInfo 传递json对象数据，往往会出现http 415，400,500等错误，总结一下需要使用ajax提交json数据才行，ajax提交使用proxy，参数为jsonData，不能为params；另外，需要设置Content-type属性为json，代码如下： （由于使用了父类aaa
  • 一些排错方法 文强chu 方法
    1、java.lang.IllegalStateException: Class invariant violation at org.apache.log4j.LogManager.getLoggerRepository(LogManager.java:199)at org.apache.log4j.LogManager.getLogger(LogManager.java:228) at o
  • Swing中文件恢复我觉得很难 小桔子 swing
           我那个草了！老大怎么回事，怎么做项目评估的？只会说相信你可以做的，试一下，有的是时间！        用java开发一个图文处理工具，类似word，任意位置插入、拖动、删除图片以及文本等。文本框、流程图等，数据保存数据库，其余可保存pdf格式。ok,姐姐千辛万苦，
  • php 文件操作 aichenglong PHP读取文件写入文件
    1 写入文件 @$fp=fopen("$DOCUMENT_ROOT/order.txt", "ab"); if(!$fp){ echo "open file error" ; exit; } $outputstring="date:"." \t tire:".$tire."
  • MySQL的btree索引和hash索引的区别 AILIKES 数据结构mysql算法
    Hash 索引结构的特殊性，其 检索效率非常高，索引的检索可以一次定位，不像B-Tree 索引需要从根节点到枝节点，最后才能访问到页节点这样多次的IO访问，所以 Hash 索引的查询效率要远高于 B-Tree 索引。     可能很多人又有疑问了，既然 Hash 索引的效率要比 B-Tree 高很多，为什么大家不都用 Hash 索引而还要使用 B-Tree 索引呢
  • JAVA的抽象--- 接口 --实现 百合不是茶
    抽象 接口 实现接口   //抽象 类 ,方法   //定义一个公共抽象的类 ,并在类中定义一个抽象的方法体 抽象的定义使用abstract   abstract class A 定义一个抽象类 例如： //定义一个基类 public abstract class A{     //抽象类不能用来实例化，只能用来继承 //
  • JS变量作用域实例 bijian1013 作用域
    <script> var scope='hello'; function a(){ console.log(scope); //undefined var scope='world'; console.log(scope); //world console.log(b);
  • TDD实践（二） bijian1013 javaTDD
    实践题目：分解质因数 Step1： 单元测试： package com.bijian.study.factor.test; import java.util.Arrays; import junit.framework.Assert; import org.junit.Before; import org.junit.Test; import com.bijian.
  • [MongoDB学习笔记一]MongoDB主从复制 bit1129 mongodb
    MongoDB称为分布式数据库，主要原因是1.基于副本集的数据备份， 2.基于切片的数据扩容。副本集解决数据的读写性能问题，切片解决了MongoDB的数据扩容问题。   事实上，MongoDB提供了主从复制和副本复制两种备份方式，在MongoDB的主从复制和副本复制集群环境中，只有一台作为主服务器，另外一台或者多台服务器作为从服务器。 本文介绍MongoDB的主从复制模式，需要指明
  • 【HBase五】Java API操作HBase bit1129 hbase
    import java.io.IOException; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.hbase.HBaseConfiguration; import org.apache.hadoop.hbase.HColumnDescriptor; import org.apache.ha
  • python调用zabbix api接口实时展示数据 ronin47
    zabbix api接口来进行展示。经过思考之后，计划获取如下内容：     1、  获得认证密钥     2、  获取zabbix所有的主机组     3、  获取单个组下的所有主机     4、  获取某个主机下的所有监控项  
  • jsp取得绝对路径 byalias 绝对路径
    在JavaWeb开发中，常使用绝对路径的方式来引入JavaScript和CSS文件，这样可以避免因为目录变动导致引入文件找不到的情况，常用的做法如下： 一、使用${pageContext.request.contextPath} 　　代码” ${pageContext.request.contextPath}”的作用是取出部署的应用程序名，这样不管如何部署，所用路径都是正确的。
  • Java定时任务调度：用ExecutorService取代Timer bylijinnan java
    《Java并发编程实战》一书提到的用ExecutorService取代Java Timer有几个理由，我认为其中最重要的理由是： 如果TimerTask抛出未检查的异常，Timer将会产生无法预料的行为。Timer线程并不捕获异常，所以 TimerTask抛出的未检查的异常会终止timer线程。这种情况下，Timer也不会再重新恢复线程的执行了;它错误的认为整个Timer都被取消了。此时，已经被
  • SQL 优化原则 chicony sql
    一、问题的提出 　在应用系统开发初期，由于开发数据库数据比较少，对于查询SQL语句，复杂视图的的编写等体会不出SQL语句各种写法的性能优劣，但是如果将应用系统提交实际应用后，随着数据库中数据的增加，系统的响应速度就成为目前系统需要解决的最主要的问题之一。系统优化中一个很重要的方面就是SQL语句的优化。对于海量数据，劣质SQL语句和优质SQL语句之间的速度差别可以达到上百倍，可见对于一个系统
  • java 线程弹球小游戏 CrazyMizzz java游戏
    最近java学到线程，于是做了一个线程弹球的小游戏，不过还没完善 这里是提纲 1.线程弹球游戏实现 1.实现界面需要使用哪些API类 JFrame JPanel JButton FlowLayout Graphics2D Thread Color ActionListener ActionEvent MouseListener Mouse
  • hadoop jps出现process information unavailable提示解决办法 daizj hadoopjps
    hadoop jps出现process information unavailable提示解决办法   jps时出现如下信息： 3019 -- process information unavailable3053 -- process information unavailable2985 -- process information unavailable2917 --
  • PHP图片水印缩放类实现 dcj3sjt126com PHP
    <?php class Image{ private $path; function __construct($path='./'){ $this->path=rtrim($path,'/').'/'; } //水印函数，参数：背景图，水印图，位置，前缀,TMD透明度 public function water($b,$l,$pos
  • IOS控件学习：UILabel常用属性与用法 dcj3sjt126com iosUILabel
    参考网站： http://shijue.me/show_text/521c396a8ddf876566000007 http://www.tuicool.com/articles/zquENb http://blog.csdn.net/a451493485/article/details/9454695 http://wiki.eoe.cn/page/iOS_pptl_artile_281
  • 完全手动建立maven骨架 eksliang javaeclipseWeb
    建一个 JAVA 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=App [-Dversion=0.0.1-SNAPSHOT] [-Dpackaging=jar] 建一个 web 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=web-a
  • 配置清单 gengzg 配置
    1、修改grub启动的内核版本 vi /boot/grub/grub.conf 将default 0改为1 拷贝mt7601Usta.ko到/lib文件夹 拷贝RT2870STA.dat到 /etc/Wireless/RT2870STA/文件夹 拷贝wifiscan到bin文件夹，chmod 775 /bin/wifiscan 拷贝wifiget.sh到bin文件夹，chm
  • Windows端口被占用处理方法 huqiji windows
    以下文章主要以80端口号为例，如果想知道其他的端口号也可以使用该方法..........................1、在windows下如何查看80端口占用情况?是被哪个进程占用?如何终止等.        这里主要是用到windows下的DOS工具,点击"开始"--"运行",输入&
  • 开源ckplayer 网页播放器， 跨平台(html5, mobile)，flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 ！ 天梯梦 mobile
    CKplayer，其全称为超酷flv播放器，它是一款用于网页上播放视频的软件，支持的格式有：http协议上的flv,f4v,mp4格式，同时支持rtmp视频流格 式播放，此播放器的特点在于用户可以自己定义播放器的风格，诸如播放/暂停按钮，静音按钮，全屏按钮都是以外部图片接口形式调用，用户根据自己的需要制作 出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格了，
  • 简单工厂设计模式 hm4123660 java工厂设计模式简单工厂模式
           简单工厂模式（Simple Factory Pattern）属于类的创新型模式，又叫静态工厂方法模式。是通过专门定义一个类来负责创建其他类的实例，被创建的实例通常都具有共同的父类。简单工厂模式是由一个工厂对象决定创建出哪一种产品类的实例。简单工厂模式是工厂模式家族中最简单实用的模式，可以理解为是不同工厂模式的一个特殊实现。
  • maven笔记 zhb8015 maven
    跳过测试阶段： mvn package -DskipTests 临时性跳过测试代码的编译： mvn package -Dmaven.test.skip=true   maven.test.skip同时控制maven-compiler-plugin和maven-surefire-plugin两个插件的行为，即跳过编译，又跳过测试。   指定测试类 mvn test
  • 非mapreduce生成Hfile，然后导入hbase当中 Stark_Summer maphbasereduceHfilepath实例
    最近一个群友的boss让研究hbase，让hbase的入库速度达到5w+/s，这可愁死了，4台个人电脑组成的集群，多线程入库调了好久，速度也才1w左右，都没有达到理想的那种速度，然后就想到了这种方式，但是网上多是用mapreduce来实现入库，而现在的需求是实时入库，不生成文件了，所以就只能自己用代码实现了，但是网上查了很多资料都没有查到，最后在一个网友的指引下，看了源码，最后找到了生成Hfile
  • jsp web tomcat 编码问题 王新春 tomcatjsppageEncode
    今天配置jsp项目在tomcat上，windows上正常，而linux上显示乱码，最后定位原因为tomcat 的server.xml 文件的配置，添加 URIEncoding 属性： <Connector port="8080" protocol="HTTP/1.1" connectionTi
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他