HTML+CSS是历史悠久.超高自由度.控制精准.表现能力极强.编码简单.学习门槛超低.真跨平台的一种UI界面开发方式. 本文介绍的是微信小程序和H5混合开发的一种数据交互方式. 很多应用在原生界面中混杂着HTML界面 记得xp时代的QQ,有些界面偶尔会弹出熟悉的js错误对话框,还能右键弹出熟悉的IE6的右键菜单,伪装的挺好,差点没认出来,现在的QQ就不知道了. 美团.淘宝这些拥有几乎无限界面的手机App,顶部进度条一亮,这是一个H5 没谁了! Electron!好嗨哟~ 数据交互 使用了HTM…
AndroidJs通信 *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* BLOCKS =============================================================================*/ p, blockquote, ul, ol, dl, table, pre { margin: 15px…
1.下载项目,npm install安装依赖 本地运行 npm run dev(根据具体packjson配 置而定) 2.局域网访问:http://172.20.9.35:8080/ 3.手机端访问:在我的.设置里,点击关于vv里的logo 5下 出现隐藏设置 调试地址里填  局域网访问地址即可 4.安装MuMu模拟器,下载vv 5.下载安装 platform-tools 配置环境变量  cmd 命令adb connect 127.0.0.1:7555 链接模拟器和谷歌浏览器调试 6.下载安装蓝…
前言: 关于H5的调用Android原生方法的方式有很多,在该片文章中我主要简单介绍三种与Android原生方法交互的方式. 一.H5+方法调用android原生方法 H5+ Android开发规范官方文档: https://www.html5plus.org/doc/zh_cn/android.html H5端调用Android activity 并获取activity返回过来的数据: //获取当前Activity,使用H5的方式调用android原生方法,从而启动activity var m…
android原生应用,用webview加载应用中的网页,并且java代码与js代码可以互相操作. 这是混合开发的基石,最基本也最重要的东西,实验代码在这里. 概括说说—— java调js:调用webView.load("javascript:someFunction()"); 这样可以调用webView里页面上的全局方法.这不是什么新鲜东西,你在网页中也可以这么做,试试在浏览器地址栏输入javascript:alert("427studio");也可以在浏览器地址…
其实所谓这个混合开发,也就是hybird,就是一些简单的,html5和native 代码之间的交互.很多电商之类的app里面都有类似的功能, 这种东西其实还是蛮重要的,主要就是你有什么功能都可以进行热部署,不需要再重新发版本.下面就简单介绍一下这种技术. 我们首先看下面一个场景,我们打开网易云音乐的app 里面的积分商城,(此时实际上是一个webview去加载了一个html界面.) 然后在显示出来的界面里面点击一下我的订单,因为我们没有登录过,所以此时自动给我弹出了native的登录界面.你看这…
相对于单独开发Flutter应用,混合开发对于线上项目更具有实际意义,可以把风险控制到最低,也可以进行实战上线.所以介绍 集成已有项目 混合开发涉及原生Native和Flutter进行通信传输,还有插件编写,所以介绍 两端通信Flutter Platform Channel的使用 WanAndroid客户端简单Flutter版 Apk 集成已有项目 官方方案 | 闲鱼团队方案 | 头条团队方案 采用官方的实现方式,对个人和小团队相对简单易用,并没有实践闲鱼和头条等大项目的方式.个中利弊上述推荐均…
如今使用混合开发的公司越来越多,尽管出现了一些新技术,比方Facebook的react native.阿里的weex,但依旧阻挡不了一些公司採用h5的决心.当然,这也是从多方面考虑的选择. 在三年前就使用过html5混合开发,当时做的是一款贵金属软件,涨跌五线谱.乾坤交易,还有各个股市的信息,那时候还是上波牛市爆发的前夕,哎... 近期公司让用h5混合开发.一些页面和功能有h5分担,最初时候放在本地assets目录下,后来因为前端同事频繁改动和更新.再加上数据安全方面考虑,决定把包放在serve…
前言: 为什么会写这么一个教程,因为很久之前做过一个对接银行POS我们的系统是使用的H5开发的app应用.但是假如对结果银行相关业务的小伙伴应该都清楚,银行的业务相对于其他的对接方而言安全性比较高,而且一般都不会提供定制开发,所以只能我们自己来实现与他们的对接.因此我们把支付这一块做成了Android原生的对接,因为我们需要对接银行提供的Activity组件来来实现POS机扫码.刷卡等相关的支付功能. 什么是原生开发?什么是混合开发?两者有什么区别? 详情概述:https://zhuanlan.…
大家都知道开发android app 的时候可以有2种调试方式, 一种是Android Virtual Device(虚拟模拟器) ,另一种就是真机调试. 这里要说的是真机调试的一些安装步骤: 1. 电脑上安装手机USB驱动 如果没有安装驱动或者电脑没有自动安装驱动,无法正常检测设备的话,就算完成下面2步也会有以下提示:USB device not found 安装成功后在电脑的设备管理以及 Android Device Monitor 上都可以看到该设备. 顺便分享一下笔者使用的驱动,型号是 …
标题有点晃眼,本次分享是002期博文的实践故事,不会有任何代码.也不会教别人android 如何开发,类似博文已经有大批大批,而且还会有陆陆续续的人写,我写的文章,主要是经验之谈,希望总结出的一些方法论能够给你哪怕是一丢丢的启发,我也是成就感爆棚. 这个项目大约是我2016年做过的第一个Android客户端,对于Android客户端我个人不太喜欢开发,在2014年那时候我有接触过类似项目,但是没有去做. 业务场景是这样的,当时公司做健康福利的方面的产品,具体就是跟上游大厂谈他们的渠道,然后打包服…
通用的流程 https://blog.csdn.net/zhangdi2017/article/details/65629589 应用场景 Unity游戏中一些功能需要安卓系统的支持,如搜索wifi等.而且想接入SDK时,很多都是针对安卓的SDK,很少有针对Unity的,所以必须要学习Unity和Android的互调. 网上能搜到很多相关的内容,但大多由于年代久远,Unity和Android Studio版本更新等问题,导致各种无尽的报错让人崩溃,所以还是要记录一下. 环境 Unity5.6或2…
现有的混合开发方式,都是存flutter项目在android系统或者iOS上面跑. 但是,实际情况是,我们需要在一个成熟的native项目上面,跑几个flutter页面,逐步的进行flutter的融合,并且看情况来进行是否取代native的页面. 以下都是基于flutter version:Flutter 1.12.13+hotfix.5 • channel unknown • unknown source 建议使用最新版本. 1.android项目上集成flutter页面 之前很多都是手动的方…
一.移动App类型及其优缺点 1.1 Native App Native App(原生App)是用原生语言(Object-C/Java/C#/....)开发,用户需要下载安装的手机应用. 优点是 可以完全利用系统的 API 和平台特性,在性能上也是最好的. 缺点是 由于开发技术不同,如果你要覆盖多个平台,则要针对每个平台独立开发,无跨平台特性. 1.2 Web App Web App主要是采用统一的标准的HTML.JavaScript与CSS 等 Web 技术开发. 优点是 用户无需下载,通过不…
1.1.     APP三种开发模式 智能手机之普及不用多说,手机APP渗投到各个行业:电商(淘宝.京东等).金融(各手机行业.P2P借贷等).医疗(智慧医疗).交通(滴滴.Uber等).教育(慕课网等).餐饮(饿了吗.美团等)……反正只要是个企业,无论规模大小,都已经订制或将要订制自己的APP.这么多APP无外乎就三种模式:Native App.Web App.Hybrid App. 1.1.1.     Native App Native App,原生APP,使用原生(即Android或iO…
一.概念 App混合开发,顾名思义,是一个开发模式,指的是开发一个App一部分功能用native构建一部分功能用html5构建,英文名叫:Hybrid App. 在几年前就已经出现了App混合开发模式,但是真正开始流行始于2014年末,到了2016年已经很流行了,2017年将是鼎盛的一年,因为现在连银行app都开始用混合开发了,比如招行.建行等. 二.优缺点 混合开发最大的优点是:节约成本和时间,缩短App开发周期. 最大的缺点我个人认为有两个:一是性能不是很好,二是兼容性比较差. 但随着And…
一.概念 a) H5:即Html5,接触过互联网的都知道html,所以很明显h5是html的第5次重大修改的一项超文本标记语言的标准协议. b) 原生:使用原生制作APP(Native app),即在基于目前的智能手机的操作系统(如安卓android.苹果IOS,另外还有windows phone)的基础上并且搭配原生的编程编写运行的第三方的移动应用程序,简称原生APP. 二.用户使用角度 一款APP展现给用户的时候,用户最关心的事是用户用最简单的操作完成我想要的东西或者是完成一些操作,用户不管…
像生活类.办公协同类. 动态添加,下载等. 1.phonegap 我这里用了旧的版本,可能新版本变化大了. 创建asset资源文件夹,然后新建index.html copy 相应的js 文件进来. 创建继承于 DroidGap的activity. import android.os.Bundle; import org.apache.cordova.DroidGap; /** * Created by Zico_Chan on 2016/11/23. */ public class Hybird…
1.下载Android Studio 官网下载:Android Studio for Window ... :http://developer.android.com/sdk/installing/studio.html百度云下载:android-studio-bundle-141.1903250-windows.exe:http://pan.baidu.com/s/1eRhG7i6 4.IDE的界面分析 先看下整个界面吧: 接着看下我们的项目结构,而我们一般关心的只是app这个目录:…
JIT (Just In Time) 即时编译器, 边执行边编译 程序运行时,JIT 编译器选择将最频繁执行的方法编译成本地代码.运行时才进行本地代码编译而不是在程序运行前进行编译 AOT可以理解为“全时段的编译”(All-Of-the-Time compilation).即在安装的时候,就把所有的运行代码都编译到本地,这样在运行时就可以直接执行机器代码 Android N引入了一种包含编译.解释和JIT(Just In Time)的混合运行时,以便在安装时间.内存占用.电池消耗和性能之间获得最…
前言: 在上一章节我们已经讲了如何uni-app离线打包Android平台教程,这一章就该来讲讲如何使用Android Studio打包应用APK提供给Android手机安装使用了. 第一步.首先打开已经编译好的Android项目: 第二步.选择Build>Generate Signed APK or APK: 注意:这里没有签名文件秘钥,则需要进行第三步创建签名秘钥.存在可以直接选择对应的签名文件输入密码验证即可. 第三步.如果不存在秘钥,创建新的秘钥(New Key Store): 注意:下…
1.无JsBridge. js如果要调用java(native.也说原生)方法:则java必须实现js接口供挂载在window对象上供js来执行. 这里简单的可以只调用,调用后java端什么也不做.复杂的调用可以是js调用了java端,然后java用loadUrl("javascript:")继续调用js,这里的调用可以是上一个js调用java的回调,也可以是一个纯js,也可以是下一个js调用java. java调用js就简单多了,都是用的loadUrl("javascrip…
ios11 上有这个问题 而老版本的ios没有 会出现这个的原因是使用fastclick.js点击后input没有获取焦点,所以只需要在fasyclick的源码的这个位置 可以直接在源码内搜索关键字找到位置 在vue内重启服务 在html中刷新页面即可修复…
目前AndroidStudio已经到了1.2版本了,我用了下,觉得还蛮好的,有些自动生成的资源,它会自动帮你管理.下面开始列一下,我的开发环境搭配.在开始前,你得有个VPN,可者代理.嗯.不然你下不了 0. 下载JavaSDK 1. 下载Android Stduio 2. 下载ADK 3. 下载Genymotion 4. 配置Android Studio 0. 下载JavaSDK的地址:http://www.oracle.com/technetwork/java/javase/downloads…
本文主要讲述了如何如何在Android Studio使用新的Gradle构建工具配置NDK环境,现在把相关的步骤整理出来分享给Android程序员兄弟们,希望给他们在配置NDK环境时带来帮助. 从Android Studio 1.3 Beta1开始,就支持了NDK.不过使用的是一个全新的实验性的gradle构建工具.官方地址 http://tools.android.com/tech-docs/new-build-system/gradle-experimental ,英文好的可以直接看原文.…
1.使用jdk自带的工具生成keystore 使用cmd命令行进入到jdk的bin目录(比如:C:\Program Files\Java\jdk1.7.0_01\bin) 运行如下命令: C:\Program Files\Java\jdk1.7.0_01\bin>keytool -genkey -alias asaiAndroid.keystore -keyalg RSA -validity 365 -keystore asaiAndroid.keystore 在dos界面会提示你输入姓名,地区…
蓝牙BLE官方Demo下载地址:   http://download.csdn.net/detail/lqw770737185/8116019参考博客地址:    http://www.eoeandroid.com/thread-563868-1-1.html?_dsign=843d16d6      设备:MX5手机一台,农药残留检测仪一台(BLE终端设备)      目的:实现手机控制仪器,如发送打印指令,仪器能进行打印操作等 关于如何打开蓝牙,配置相关权限,搜索BLE设备等步骤网上有很多资…
1.android中用openmax来干啥? android中的AwesomePlayer就 是用openmax来做(code)编解码,其实在openmax接口设计中,他不光能用来当编解码.通过他的组件可以组成一个完整的播放器,包括 sourc.demux.decode.output.但是为什么android只用他来做code呢?我认为有以下几方面: 1.在整个播放器中,解码器不得不说是最重要的一部分,而且也是最耗资源的一块. 如果全靠软解,直接通过cpu来运算,特别是高清视频.别的事你就可以啥…
问题一:emulator:ERROR:This AVD's configuration is missing a kernel file!! 答:打开Android SDK Manager,查看相应的版本号是不是缺少文件,然后下载就能够了…
1 应用层, 2 应用框架层(框架是所有开发人员共同使用和遵守的约定) 3 系统运行库层 4 linux内核层…