kenkao
kenkao

AppCan VS PhoneGap - 对比两大移动开发平台

阅读更多

 http://my.oschina.net/liux/blog/65119

 

    要说hybrid app 框架的典范，Phonegap和AppCan无疑是最受大家关注的。先说明，本人是App的开发者，对手机上的web app也研究一段时间。本文以技术角度去阐述一个事实：为什么AppCan比Phonegap开发出来的应用会比较好。 

    其实要从技术上来讲的话，phonegap只是提供本地API，以及一个打包器，大部分的UI、UE的都是交由phonegap推荐的jquerymobile，sencha touch等js+css框架来实现。而为何phonegap比较受大家关注呢，一方面是它出来比较早，推广时间较长；另一方面它是开源的，很多android native开发者都对其进行了插件扩展，能够满足一些开发需求。然而，经过对手机版（ios，android）webkit研究过一段时间后，一个不争的事实是手机版webkit有诸多问题，特别是在android碎片化的情况下，不同版本，不同手机对某一个css属性表现的就不一样。这对于一个要做跨平台开发的框架来说，是不能接受的，也达不到跨平台的初衷。下面我利用appcan+AppCan UI2.0开发一个简单的app，同时也利用phonegap+jquerymobile去开发同样的一个app。 

首先我们先看一下AppCan应用与PhoneGap应用视频对比： 
http://v.youku.com/v_show/id_XNDIzODg2MjY0.html 
 

下面是开发介绍： 

AppCan开发 

    首先，关于UI，AppCan的UI，即css文件，按照控件的类型（按钮、列表等）拆分的比较细，这样，如果一个应用中用不到的控件，开发者可以把这些css文件删除掉。利用AppCan 的开发环境，创建一个工程，并创建几个页面。其整个工程截图如下： 
AppCan VS PhoneGap - 对比两大移动开发平台_第1张图片 

这个demo要做的是三个UI，第一个就两个按钮，第二个是展示内容用的，内容有3w多字。第三个ui是一个网络跨域获取数据的例子。 
第一个ui，由于是只有两个按钮，只用一个index.html，利用AppCan IDE选择按钮控件，生成代码并利用AppCan IDE中自带的模拟器查看效果： 

01
02 <divclass="ub ub-ver uba  uc-a1 t-wh ">  
03     <div class="ubb b-gra  c-m1 uinn uc-t1">
04         
05         <div ontouchstart="zy_touch('btn-act',getpageone)"class="btn uba b-bla uinn5 c-blu c-m2 uc-a t-wh ulev1">加载page "two"div>
06         
07     div>
08     <div class="ubb b-gra  c-m1 uinn ">
09         
10         <div ontouchstart="zy_touch('btn-act',getpagetwo)" class="btn uba b-bla uinn5 c-blu c-m2 uc-a t-wh ulev1">加载page "three"div>
11         
12     div>  
13 div>
14

 

AppCan VS PhoneGap - 对比两大移动开发平台_第2张图片 

第二个UI：即内容展示页，展示的内容有3W多字，由于内容区域需要用到滚动条，因此可以用到浮动窗口。即two.html是展示头部，内容区域，底部，其中内容区域只是一个div，并没有内容。而index_content.html是显示内容用的，放到一个浮动窗口中去加载，并且此浮动窗口盖到two.html那个窗口中，大小正好和内容区域div一样。这里为什么说在有滚动条的情况下，要用浮动窗口替代呢。因为css的position:fixed在android2.2版本，ios5中才开始支持，并且ios5中还会存在问题，因此如果一个页面布局想要头部，底部固定，中间区域带滚动条的，将会出现问题。AppCan可以很好的借助native的方式解决了此问题。 

AppCan VS PhoneGap - 对比两大移动开发平台_第3张图片 

第三个UI：是为了测试下jquery的$.getJSON跨域异步请求方法，以及AppCan的uexXmlHttpMgr这个方法的响应速度，经过测试，两种方式相差无几。需要提的是uexXmlHttpMgr还有比较强大的功能，不在本文讨论范围之内。 

AppCan打包 

上述三个UI做好之后，直接用AppCan IDE中打包即可： 

AppCan VS PhoneGap - 对比两大移动开发平台_第4张图片 


JqueryMobile开发 

根据jquerymobile官网上例子，搭建上述三个UI的类似代码（文字内容部分删掉了）： 

01
02 <html>
03  
04 <head>
05     <meta charset="utf-8">
06     <meta name="viewport" content="width=device-width, initial-scale=1">
07     <title>Multi-page templatetitle>
08     <link rel="stylesheet" href="css/jquery.mobile-1.0.1.min.css" />
09 <script src="js/jquery.js">script>
10 <script src="js/jquery.mobile-1.0.1.min.js">script>
11 head>
12  
13     
14 <body>
15  
16
17 <div data-role="page" id="one" >
18  
19     <div data-role="header">
20         <h1>Multi-pageh1>
21     div>
22  
23     <div data-role="content">  
24         <h2>Page Oneh2>
25         <p><a href="#two" data-role="button"data-transition="slide">加载page "two"a>p>  
26         <p><a href="#three" data-role="button"data-transition="slide">加载page "three"a>p>  
27     div>
28     
29     <div data-role="footer" data-theme="d" data-position="fixed">
30         <h4>Page Footerh4>
31     div>
32 div>
33  
34  
35
36 <div data-role="page" id="two" data-theme="a">
37  
38     <div data-role="header" data-position="fixed">
39         <h1>Twoh1>
40         <a href="#one" data-icon="home" data-iconpos="notext" data-direction="reverse">Homea>
41     div>
42  
43     <div data-role="content"data-theme="a">  
44         <h2>Hybrid apph2>
45 div>
46     
47     <div data-role="footer" data-position="fixed">
48         <h4>Page Footerh4>
49     div>
50 div>
51  
52
53 <div data-role="page" id="three" data-theme="a">
54  
55     <div data-role="header" data-position="fixed">
56         <h1>threeh1>
57         <a href="#one" data-icon="home" data-iconpos="notext" data-direction="reverse">Homea>
58     div>
59  
60     <div data-role="content"data-theme="a">  
61         <h2>异步加载网络数据h2>
62         <a href="javascript:void(0)" onclick="getdata()" data-role="button"data-mini="true">Ajax get Dataa>
63         <ul data-role="listview" data-inset="true" data-theme="b" data-dividertheme="f">
64                 <li data-role="list-divider">时间li>
65                 <li id="bt">请求开始时间：li>
66                 <li id="et">请求结束时间：li>
67             ul>
68         <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f">
69                 <li data-role="list-divider" id="title">li>
70                 <div id="content">div>
71             ul>
72     div>
73     <script>
74         function getdata(){
75             var d = new Date().getTime();
76             document.getElementById("bt").innerHTML = "请求开始时间："+d;
77             $.getJSON("http://te.3g2win.com/case/?jsoncallback=?",function(data){
78                 var e = new Date().getTime();
79                 document.getElementById("et").innerHTML = "请求结束时间："+e;
80                 document.getElementById("title").innerHTML = data.title;
81                 document.getElementById("content").innerHTML = data.content;
82             });
83         }
84     script>
85     <div data-role="footer" data-position="fixed">
86         <h4>Page Footerh4>
87     div>
88 div>
89  
90 body>
91 html>


AppCan VS PhoneGap - 对比两大移动开发平台_第5张图片 AppCan VS PhoneGap - 对比两大移动开发平台_第6张图片 


phonegap打成安装包 

把写好的网页包放到android原生开发环境下，通过android原生环境生成安装包的方式生成： 
AppCan VS PhoneGap - 对比两大移动开发平台_第7张图片 

 

对比

通过这个小demo，我们总结下phonegap和appcan的异同点。


相同点： 

  • 都是用html+css+js技术区实现此demo的ui，ue部分
  • 都能生成安装包


不同点： 

  • phonegap负责打包（此demo没有用到本地API），jquerymobile负责页面UI、UE；AppCan两者都提供，且打包无需native开发环境。
  • jquerymobile方案中，所有的page都在一个html页面中。AppCan方案中，不同的page可以放到不同的html中，甚至更灵活的，同一个page中的内容区域可以用单独的html来展示。
  • 生成安装包大小，phonegap比较小，appcan比较大。这是因为appcan带了android，ios的启动图片。以及里面一些native插件需要的一些图片资源。


附件给出两个安装包以及两个网页包的代码: 
 点击此处 

你可能感兴趣的:(phonegap,appcan)

  • 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
  • AppCan开发框架详细介绍 刘文 移动开发开发人员移动终端AppCan
    1、UI2.0与UI1.0的对比2012年初，我们发布了AppCan移动应用开发平台，在这个版本中，我们内置了基于JQMobile方案的CSSUI框架。这个框架可以帮助开发者遵循一套规则下，快速的开发应用。这套方案中主要采用了组合的概念。例如对一个按钮的描述，可以通过多个CSS类来组合进行定义，也可以通过视频了解更多。这样通过不同的组合可以生成多变的效果。在实际商用应用开发过程中，它起到了帮助我们
  • AppCan开发框架 狼之血舞 移动web
    1、UI2.0与UI1.0的对比2012年初，我们发布了AppCan移动应用开发平台，在这个版本中，我们内置了基于JQMobile方案的CSSUI框架。这个框架可以帮助开发者遵循一套规则下，快速的开发应用。这套方案中主要采用了组合的概念。例如对一个按钮的描述，可以通过多个CSS类来组合进行定义，也可以通过视频了解更多。这样通过不同的组合可以生成多变的效果。在实际商用应用开发过程中，它起到了帮助我们
  • 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
  • 【Django快速开发实战】（30~51）使用Django创建一个基础应用：职位管理系统 i see the future djangodjangojavascriptpython
    30|遗留系统集成：为已有系统数据库生成管理后台流程说明：为已有数据库生成管理后台创建项目和应用创建新项目django-adminstartprojectempmanager创建新应用django-adminstartappcandidates编辑settings.py的数据库配置DATABASES={'default':{'ENGINE':'django.db.backends.sqlite3'
  • uniapp canvas 刮刮乐 没有龋齿 javascriptcssuni-appcanvas
    前言uniappcanvas刮刮乐uniappcanvas刮刮乐提示：以下是本篇文章正文内容，下面案例可供参考一、使用步骤1.页面代码如下（示例）：exportdefault{data(){return{viewWidth:0,viewHeight:0,ctx:null,x:[],y:[],points:[]}},mounted(){this.drawInit()},methods:{touchs
  • uniapp canvas内容转成base64格式 webuni 前端javascriptvue.js
    一、uniappcanvas内容转成base64格式uni.canvasToTempFilePath({x:0,//起点坐标y:0,width:600,//canvas宽height:200,//canvas高canvasId:'c1',//canvasidsuccess(res){constsavedFilePath=res.tempFilePath//相对路径constpath=plus.io
  • uniapp canvas组件不展示Vue3 Web995 uni-appvue.jsjavascript
    uniappcanvas组件不展示Vue3页面页可以展示拆分成组件无法展示getCurrentInstance修改this指向import{getCurrentInstance}from'vue'//引入constinstance=getCurrentInstance()asany//这里是创建canvas绘图上下文letcontext=uni.createCanvasContext('myCan
  • 美团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的打包工具将它们一起打包成一个个同系统相关的本地可执
  • uniapp canvas生成海报不显示问题 一枚小米渣 小程序uniapph5vuecanvas
    uniappcanvas生成海报不显示问题在APP中建议把图片放本地资源，网络资源的渲染速度比较慢。可以输出看canvas是否有拿到本地临时路径图片，如果没有拿到就开始drow就会报错，一般H5和APP会报错：readyofundefined...小程序会报../../资源渲染层出错一般即没有报错，也没有显示图片是因为canvas的实例要在onReady()中获取，一定要小心这个坑。data(){
  • 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
  • 孩子的敏感期来了 爱儿注意力训练
    图片发自AppCandy妈妈问：每天早上都为孩子穿衣服头疼，不是这件衣服不要穿就是这条裙子不好看或者又说外套不搭，我就不明白了才三岁都不到怎么这么爱臭美！答：Candy妈妈你好，孩子可能正处在秩序敏感期、完美敏感期，正处在独立人格发展的阶段，这是生命成长自然而然会出现的现象，这是最正常不过的事情了。在这个阶段孩子在构建自己的秩序感，这个时期通常会出现在2.5—4岁左右出现。在这个阶段孩子内在会有一
  • “DressAccordTemperature“app Tech Support（URL） weixin_42782982 前端
    Usingourappcanhelpusersrecommendwhatkindofclothesandpantstowearatdifferenttemperatures,inordertoachieveacomfortableeffect.Italsosupportsrecordingdailyoutfits.Ifyouhaveanyquestions,youcaneitherleaveame
  • 跨端的三种方案原理和对比（WebView，ReactNative，Flutter） 一路向阳~负责的男人 reactnativeflutterreact.js
    一、定义WebViewWebView是什么？答：第一代跨平台框架，代表者为：PhoneGap、微信小程序。WebView标签是一种用于在网页中嵌入浏览器窗口的HTML元素。它的底层原理是通过原生平台提供的浏览器引擎来实现网页的渲染和交互。在Android平台上，WebView使用的是Android系统提供的WebView组件，它基于WebKit引擎。为什么WebView会被认为性能不如ReactN
  • 绘本讲师训练营【10期】9/21阅读原《Can't Sleep, Mama》 NicoleYang_3c1e
    09103-杨鸣鹤图片发自AppCan'tsleep,Mama.睡不着觉呀，妈妈。Countsheep,Shawna.数小绵羊吧，Shawna。Tiredofcoutingsheep,Mama.数羊太烦啦，妈妈。Gotosleep,Shawna.要去睡觉喽，Shawna.Nottiredenoughtosleep,Mama.也不累，睡不着，妈妈。图片发自AppCountpigs,Shawna.数猪
  • 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
  • facebook应用开发_Facebook的New Design会伤害应用程序开发人员吗？ culi3182 广告javagithub移动开发编程语言
    facebook应用开发OneofthefirstthingsInoticedabouttheFacebookredesignthatbegantoberolledouttoday,wastheincreasedpresenceofFacebook’sSocialAdsonapplicationpages.Wherebefore,appcanvaspageshadasingleflyeronthe
  • 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游戏编程apple支付
    我要在app里添加IAP，必须要注册自己的产品标识符（product identifiers）。产品标识符是什么？ 产品标识符（Product Identifiers）是一串字符串，它用来识别你在应用内贩卖的每件商品。App Store用产品标识符来检索产品信息，标识符只能包含大小写字母（A-Z）、数字（0-9）、下划线（-）、以及圆点(.)。你可以任意排列这些元素，但我们建议你创建标识符时使用
  • 负载均衡器技术Nginx和F5的优缺点对比 bijian1013 nginxF5
            对于数据流量过大的网络中，往往单一设备无法承担，需要多台设备进行数据分流，而负载均衡器就是用来将数据分流到多台设备的一个转发器。         目前有许多不同的负载均衡技术用以满足不同的应用需求，如软/硬件负载均衡、本地/全局负载均衡、更高
  • LeetCode[Math] - #9 Palindrome Number Cwind javaAlgorithm题解LeetCodeMath
    原题链接：#9 Palindrome Number   要求： 判断一个整数是否是回文数，不要使用额外的存储空间   难度：简单   分析： 题目限制不允许使用额外的存储空间应指不允许使用O(n)的内存空间，O(1)的内存用于存储中间结果是可以接受的。于是考虑将该整型数反转，然后与原数字进行比较。 注：没有看到有关负数是否可以是回文数的明确结论，例如
  • 画图板的基本实现 15700786134 画图板
     要实现画图板的基本功能，除了在qq登陆界面中用到的组件和方法外，还需要添加鼠标监听器，和接口实现。 首先，需要显示一个JFrame界面： public class DrameFrame extends JFrame {              //显示
  • linux的ps命令 被触发 linux
    Linux中的ps命令是Process Status的缩写。ps命令用来列出系统中当前运行的那些进程。ps命令列出的是当前那些进程的快照，就是执行ps命令的那个时刻的那些进程，如果想要动态的显示进程信息，就可以使用top命令。 要对进程进行监测和控制，首先必须要了解当前进程的情况，也就是需要查看当前进程，而 ps 命令就是最基本同时也是非常强大的进程查看命令。使用该命令可以确定有哪些进程正在运行
  • Android 音乐播放器 下一曲 连续跳几首歌 肆无忌惮_ android
    最近在写安卓音乐播放器的时候遇到个问题。在MediaPlayer播放结束时会回调 player.setOnCompletionListener(new OnCompletionListener() { @Override public void onCompletion(MediaPlayer mp) { mp.reset(); Log.i("H
  • java导出txt文件的例子 知了ing javaservlet
    代码很简单就一个servlet,如下： package com.eastcom.servlet; import java.io.BufferedOutputStream; import java.io.IOException; import java.net.URLEncoder; import java.sql.Connection; import java.sql.Resu
  • Scala stack试玩, 提高第三方依赖下载速度 矮蛋蛋 scalasbt
    原文地址： http://segmentfault.com/a/1190000002894524 sbt下载速度实在是惨不忍睹, 需要做些配置优化 下载typesafe离线包, 保存为ivy本地库 wget http://downloads.typesafe.com/typesafe-activator/1.3.4/typesafe-activator-1.3.4.zip 解压r
  • phantomjs安装(linux，附带环境变量设置) ，以及casperjs安装。 alleni123 linuxspider
    1. 首先从官网 http://phantomjs.org/下载phantomjs压缩包，解压缩到/root/phantomjs文件夹。 2. 安装依赖 sudo yum install fontconfig freetype libfreetype.so.6 libfontconfig.so.1 libstdc++.so.6 3. 配置环境变量 vi /etc/profil
  • JAVA IO FileInputStream和FileOutputStream，字节流的打包输出 百合不是茶 java核心思想JAVA IO操作字节流
    在程序设计语言中，数据的保存是基本，如果某程序语言不能保存数据那么该语言是不可能存在的，JAVA是当今最流行的面向对象设计语言之一，在保存数据中也有自己独特的一面，字节流和字符流 1，字节流是由字节构成的，字符流是由字符构成的 字节流和字符流都是继承的InputStream和OutPutStream ,java中两种最基本的就是字节流和字符流   类 FileInputStream
  • Spring基础实例（依赖注入和控制反转） bijian1013 spring
    前提条件：在http://www.springsource.org/download网站上下载Spring框架，并将spring.jar、log4j-1.2.15.jar、commons-logging.jar加载至工程1.武器接口 package com.bijian.spring.base3; public interface Weapon { void kil
  • HR看重的十大技能 bijian1013 提升能力HR成长
        一个人掌握何种技能取决于他的兴趣、能力和聪明程度，也取决于他所能支配的资源以及制定的事业目标，拥有过硬技能的人有更多的工作机会。但是，由于经济发展前景不确定，掌握对你的事业有所帮助的技能显得尤为重要。以下是最受雇主欢迎的十种技能。 　　一、解决问题的能力 　　每天，我们都要在生活和工作中解决一些综合性的问题。那些能够发现问题、解决问题并迅速作出有效决
  • 【Thrift一】Thrift编译安装 bit1129 thrift
    什么是Thrift The Apache Thrift software framework, for scalable cross-language services development, combines a software stack with a code generation engine to build services that work efficiently and s
  • 【Avro三】Hadoop MapReduce读写Avro文件 bit1129 mapreduce
    Avro是Doug Cutting(此人绝对是神一般的存在）牵头开发的。 开发之初就是围绕着完善Hadoop生态系统的数据处理而开展的（使用Avro作为Hadoop MapReduce需要处理数据序列化和反序列化的场景）,因此Hadoop MapReduce集成Avro也就是自然而然的事情。 这个例子是一个简单的Hadoop MapReduce读取Avro格式的源文件进行计数统计，然后将计算结果
  • nginx定制500，502，503，504页面 ronin47 nginx　错误显示
    server { listen 80; error_page 500/500.html; error_page 502/502.html; error_page 503/503.html; error_page 504/504.html; location /test {return502;}} 配置很简单，和配
  • java-1.二叉查找树转为双向链表 bylijinnan 二叉查找树
    import java.util.ArrayList; import java.util.List; public class BSTreeToLinkedList { /* 把二元查找树转变成排序的双向链表 题目： 输入一棵二元查找树，将该二元查找树转换成一个排序的双向链表。 要求不能创建任何新的结点，只调整指针的指向。 10 / \ 6 14 / \
  • Netty源码学习-HTTP-tunnel bylijinnan javanetty
    Netty关于HTTP tunnel的说明： http://docs.jboss.org/netty/3.2/api/org/jboss/netty/channel/socket/http/package-summary.html#package_description 这个说明有点太简略了 一个完整的例子在这里： https://github.com/bylijinnan
  • JSONUtil.serialize(map)和JSON.toJSONString(map)的区别 coder_xpf jqueryjsonmapval()
     JSONUtil.serialize(map)和JSON.toJSONString(map)的区别   数据库查询出来的map有一个字段为空   通过System.out.println()输出 JSONUtil.serialize(map)： {"one":"1","two":"nul
  • Hibernate缓存总结 cuishikuan 开源sshjavawebhibernate缓存三大框架
    一、为什么要用Hibernate缓存？ Hibernate是一个持久层框架，经常访问物理数据库。 为了降低应用程序对物理数据源访问的频次，从而提高应用程序的运行性能。 缓存内的数据是对物理数据源中的数据的复制，应用程序在运行时从缓存读写数据，在特定的时刻或事件会同步缓存和物理数据源的数据。   二、Hibernate缓存原理是怎样的？ Hibernate缓存包括两大类：Hib
  • CentOs6 dalan_123 centos
    首先su - 切换到root下面1、首先要先安装GCC GCC-C++ Openssl等以来模块：yum -y install make gcc gcc-c++ kernel-devel m4 ncurses-devel openssl-devel2、再安装ncurses模块yum -y install ncurses-develyum install ncurses-devel3、下载Erang
  • 10款用 jquery 实现滚动条至页面底端自动加载数据效果 dcj3sjt126com JavaScript
      无限滚动自动翻页可以说是web2.0时代的一项堪称伟大的技术，它让我们在浏览页面的时候只需要把滚动条拉到网页底部就能自动显示下一页的结果，改变了一直以来只能通过点击下一页来翻页这种常规做法。 无限滚动自动翻页技术的鼻祖是微博的先驱：推特(twitter)，后来必应图片搜索、谷歌图片搜索、google reader、箱包批发网等纷纷抄袭了这一项技术，于是靠滚动浏览器滚动条
  • ImageButton去边框&Button或者ImageButton的背景透明 dcj3sjt126com imagebutton
    在ImageButton中载入图片后，很多人会觉得有图片周围的白边会影响到美观，其实解决这个问题有两种方法 一种方法是将ImageButton的背景改为所需要的图片。如：android:background="@drawable/XXX" 第二种方法就是将ImageButton背景改为透明，这个方法更常用 在XML里；    <ImageBut
  • JSP之c:foreach eksliang jspforearch
    原文出自：http://www.cnblogs.com/draem0507/archive/2012/09/24/2699745.html <c:forEach>标签用于通用数据循环，它有以下属性 属 性 描 述 是否必须 缺省值 items 进行循环的项目 否 无 begin 开始条件 否 0 end 结束条件 否 集合中的最后一个项目 step 步长 否 1
  • Android实现主动连接蓝牙耳机 gqdy365 android
    在Android程序中可以实现自动扫描蓝牙、配对蓝牙、建立数据通道。蓝牙分不同类型，这篇文字只讨论如何与蓝牙耳机连接。 大致可以分三步： 一、扫描蓝牙设备： 1、注册并监听广播： BluetoothAdapter.ACTION_DISCOVERY_STARTED BluetoothDevice.ACTION_FOUND BluetoothAdapter.ACTION_DIS
  • android学习轨迹之四：org.json.JSONException: No value for hyz301 json
    org.json.JSONException: No value for items  在JSON解析中会遇到一种错误，很常见的错误   06-21 12:19:08.714 2098-2127/com.jikexueyuan.secret I/System.out﹕ Result:{"status":1,"page":1,&
  • 干货分享：从零开始学编程 系列汇总 justjavac 编程
    程序员总爱重新发明轮子，于是做了要给轮子汇总。 从零开始写个编译器吧系列 (知乎专栏) 从零开始写一个简单的操作系统 (伯乐在线) 从零开始写JavaScript框架 (图灵社区) 从零开始写jQuery框架 (蓝色理想 ) 从零开始nodejs系列文章 (粉丝日志) 从零开始编写网络游戏 
  • jquery-autocomplete 使用手册 macroli jqueryAjax脚本
    jquery-autocomplete学习 一、用前必备 官方网站：http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ 当前版本：1.1 需要JQuery版本：1.2.6 二、使用 <script src="./jquery-1.3.2.js" type="text/ja
  • PLSQL-Developer或者Navicat等工具连接远程oracle数据库的详细配置以及数据库编码的修改 超声波 oracleplsql
    　　在服务器上将Oracle安装好之后接下来要做的就是通过本地机器来远程连接服务器端的oracle数据库，常用的客户端连接工具就是PLSQL-Developer或者Navicat这些工具了。刚开始也是各种报错，什么TNS:no listener;TNS:lost connection;TNS:target hosts...花了一天的时间终于让PLSQL-Developer和Navicat等这些客户
  • 数据仓库数据模型之：极限存储--历史拉链表 superlxw1234 极限存储数据仓库数据模型拉链历史表
    在数据仓库的数据模型设计过程中，经常会遇到这样的需求： 1. 数据量比较大; 2. 表中的部分字段会被update,如用户的地址，产品的描述信息，订单的状态等等; 3. 需要查看某一个时间点或者时间段的历史快照信息，比如，查看某一个订单在历史某一个时间点的状态，    比如，查看某一个用户在过去某一段时间内，更新过几次等等; 4. 变化的比例和频率不是很大，比如，总共有10
  • 10点睛Spring MVC4.1-全局异常处理 wiselyman spring mvc
    10.1 全局异常处理 使用@ControllerAdvice注解来实现全局异常处理; 使用@ControllerAdvice的属性缩小处理范围 10.2 演示 演示控制器 package com.wisely.web; import org.springframework.stereotype.Controller; import org.spring
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他