cordova源碼
A. ionic demo 源碼怎麼讀
如何為Android APK簽名,已經在這里說過了。這里說說如何保護源代碼,把Hybrid App(混合移動應用)工程變到發布的狀態。對於Hybrid App,如果不做任何處理,把apk文件解壓後在assets文件夾里就能看到所有的源代碼。
以下通過gulp tasks和cordova hooks來保護你的源代碼。
・gulp tasks - ionic serve時執行
・cordova hooks - ionic build/run時執行
(0)創建一個ionic工程
[email protected]
[email protected]
java代碼
C:\>ionic start myApp tabs
首先編譯一個調試用的apk,以後的發布版apk作對比。
Java代碼
C:\>cd myApp
C:\myApp>cordova plugin add https://github.com/apache/cordova-plugin-whitelist.git
C:\myApp>ionic platform add android
C:\myApp>ionic build android
生成C:\myApp\platforms\android\build\outputs\apk\android-debug.apk
(1)(cordova hook)JS代碼的Lint
混淆JS代碼的前提要保准JS代碼沒有錯誤。
安裝jshint
Java代碼
C:\myApp>npm install jshint --save-dev
C:\myApp>npm install async --save-dev
hook文件
Java代碼
C:\myApp\hooks\after_prepare\01_jshint.js
編譯
Java代碼
C:\myApp>ionic build android
引用
Linting www/js/controllers.js
Errors in file www/js/controllers.js
9:4 -> Missing semicolon. -> }
ionic的sample工程controllers.js有錯誤,第九行缺少分號。
修改錯誤提示,直到build成功。
B. 錄音暫停之後繼續錄播放不出
手機錄音時按了暫停,此時的錄音還沒有完成為保存,是無法點擊播放的,需要點一下停止錄音保存以後才可以回放。
方法1:保留所有片段的頭文件
(1)查看插件的 AudioPlayer.java 源碼可以發現,停續錄功能就是先錄制一個個片段保存為臨時文件,最終結束時再拼接成一個完整的錄音文件。
原文:Cordova - 解決media插件暫停續錄後錄音無法完整播放問題(只播放第一段)
(2)並且拼接時,除了第一個片段外。後面的片段的頭文件都會去掉(6 位元組)。
原文:Cordova - 解決media插件暫停續錄後錄音無法完整播放問題(只播放第一段)
(3)所以一種解決辦法就是讓所有片段都不去掉頭唯猜文件,雖然還不確定是否會有其他問題,但目前該方法在多種系統版本的設備上測試過都能正常使用。
原文:Cordova - 解決media插件暫停續錄後錄音無法完整播指寬型放問題(只播放第一段)
方法2:直接使用 MediaRecorder 的 pause() 和 resume() 方法實現暫停續錄功能
(1)插件錄音功能使用的是 MediaRecorder 來實現,但由於巧則之前谷歌在 MediaRecorder 中沒有實現 Pause(),所以插件使用保存多段文件,最終再合並在一起的方法來實現暫停續錄。
(2)而到了 API24 以上的版本就可以使用官方的 pause()(要跟 resume() 方法一起使用才生效),不用再先分成多個文件再合並了。
(3)因此如果我們不需要兼容那些系統版本比較低的設備(低於 Android 6.0),可以直接修改插件源代碼中暫停續錄部分改成使用 pause 和 resume 方法。
C. 2023騫存渶鍏ㄧ洏鐐箌16嬈捐法騫沖彴搴旂敤紼嬪簭寮鍙戞嗘灦
D. 自學前端,前端開發的學習路線是什麼
自學前端其實很辛苦,需要有強大的自製力和堅持下去的學習心,並且做好詳細的學習規劃嚴格執行;如果你想學前端,下面的學習路線或許對你有幫助。
前端完整學習路線
第一階段:
HTML CSS:HTML進階、CSS進階、div css布局、HTML css整站開發。
JavaScript基礎:Js基礎教程、js內置對象常用方法、常見DOM樹操作大全、ECMAscript、DOM、BOM、定時器和焦點圖。
JS基本特效:常見特效、例如:tab、導航、整頁滾動、輪播圖、JS製作幻燈片、彈出層、手風琴菜單、瀑布流布局、滾動事件、滾差視圖。
JS高級特徵:正則表達式、排序演算法、遞歸演算法、閉包、函數節流、作用域鏈、基於距離運動框架、面向對象基礎。
JQuery:基礎使用懸著器、DOM操作、特效和動畫、方法鏈、拖拽、變形、JQueryUI組件基本使用。
第二階段:HTML5和移動Web開發
HTML5:HTML5新語義標簽、HTML5表單、音頻和視頻、離線和本地存儲、SVG、Web Socket、Canvas。
CSS3:CSS3新選擇器、偽元素、臉色表示法、邊框、陰影、background系列屬性改變、Transition、動畫、景深和深透、3D效果製作、Velocity.js框架、元素進場、出場策略、炫酷CSS3網頁製作。
Bootstrap:響應式概念、媒體查詢、響應式網站製作、刪格系統、刪格系統原理、Bootstrap常用模板、LESS和SASS。
移動Web開發:跨終端WEB和主流設備簡介、視口、流式布局、彈性盒子、rem、移動終端JavaScript事件、手機中常見JS效果製作、Zepto.js、手機聚劃算頁面、手機滾屏。
第三階段:HTTP服務和AJAX編程
WEB伺服器基礎:伺服器基礎知識、Apache伺服器和其他WEB伺服器介紹、Apache伺服器搭建、HTTP介紹。
PHP基礎:PHP基礎語法、使用PHP處理簡單的GET或者POST請求。
AJAX上篇:Ajax簡介和非同步的概念、Ajax框架的封裝、XMLHttpRequest對象詳細介紹方法、兼容性處理方法、Ajax框架的封裝、Ajax中緩存問題、XML介紹和使用。
AJAX下篇:JSON和JSON解析、數據綁定和模板技術、JSONP、跨域技術、圖片預讀取和lazy-load技術、JQuery框架中的AjaxAPI、使用Ajax實現爆布流案例額。
第四階段:面向對象進階
面向對象終極篇:從內存角度到理解JS面向對象、基本類型、復雜類型、原型鏈、ES6中的面向對象、屬性讀寫許可權、設置器、訪問器。
面向對象三大特徵:繼承性、多態性、封裝性、介面。
設計模式:面向對象編程思維、單例模式、工廠模式、策略模式、觀察者模式、模板方法模式、代理模式、裝飾者模式、適配器模式、面向切面編程。
第五階段:封裝一個屬於自己的框架
框架封裝基礎:事件流、冒泡、捕獲、事件對象、事件框架、選擇框架。
框架封裝中級:運動原理、單物體運動框架、多物體運動框架、運動框架面向對象封裝。
框架封裝高級和補充:JQuery框架雛形、可擴展性、模塊化、封裝屬於傳智自己的框架。
第六階段:模塊化組件開發
面向組件編程:面向組件編程的方式、面向組件編程的實現原理、面向組件編程實戰、基於組件化思想開發網站應用程序。
面向模塊編程:AMD設計規范、CMD設計規范、RequireJS,LoadJS、淘寶的SeaJS。
第七階段:主流的流行框架
Web開發工作流:GIT/SVN、Yeoman腳手架、NPMer依賴管理工具、Grunt/Gulp/Webpack。
MVC/MVVM/MVW框架:Angular.js、Backbone.js、Knockout/Ember。
常用庫:React.js、Vue.js、Zepto.js。
第八階段:HTML5原生移動應用開發
Cordova:WebApp/NativeApp/HybirdApp簡介、Cordova簡介、與PhoneGap之間的關系、開發環境搭建、Cordova實戰(創建項目,配置,編譯,調試,部署發布)。
Ionic:Ionic簡介和同類對比、模板項目解析、常見組件及使用、結合Angular構建APP、常見效果(下拉刷新,上拉載入,側滑導航,選項卡)。
React Native:React Native簡介、React Native環境配置、創建項目,配置,編譯,調試,部署發布、原生模塊和UI組件、原生常用API。
HTML5 :HTML5 中國產業聯盟、HTML5 Plus Runtime環境、HBuilder開發工具、MUI框架、H5 開發和部署。
第九階段: Node.js全棧開發:
快速入門:Node.js發展、生態圈、Io.js、Linux/Windows/OS X環境配置、REPL環境和控制台程序、非同步編程,非阻塞I/O、模塊概念,模塊管理工具、開發流程,調試,測試。
核心模塊和對象:全局對象global,process,console,util、事件驅動,事件發射器、加密解密,路徑操做。
祝你學有所成!
E. wex5 cordova插件怎麼用
WeX5如何使用和擴展本地插件(Cordova plugin)
WeX5的混合模式底層基於cordova/phonegap,所以開發本地插件只需要按照相應規范就可以,由於BeX5基於WeX5,所以本文檔也適用於BeX5。
一、 如何開發本地插件
請參考:Cordova插件開發
二、 哪裡有免費的插件資源
cordova官方插件庫:http://plugins.cordova.io/#/
github搜索:https://github.com
、google搜索
三、插件如何安裝到WeX5
這里以常用的條形碼掃描為例介紹。
1. http://plugins.cordova.io/#/package/com.phonegap.plugins.barcodescanner下載好源代碼,並把插件的目錄名改為和id相同,這里是com.phonegap.plugins.barcodescanner。id可以打開源代碼中的plugin.xml看,根節點plugin的id屬性值就是。
2. 把插件目錄復制到model/Native/plugins目錄下
四、如何使用安裝好的插件
要想將插件打包到app我們可以有兩種辦法:
1.在創建/編輯app的過程中,插件選項勾選自動追加插件,但是該情況必須保證在應用編譯資源過程中編譯到的UI資源引用了該插件,即在.w界面對應的.js文件中「require」了插件,例如:「require(「cordova!com.phonegap.plugins.barcodescanner」)」
2. 在創建/編輯app過程中,直接在插件列表中找到該插件,手動勾選。
接下來就是調用插件api,在需要使用插件的頁面對應的js中,如下代碼引用:
1
require("cordova!com.phonegap.plugins.barcodescanner");
再參考插件的文檔,書寫對應的js。對於barcodesacnner,代碼如下:
cordova.plugins.barcodeScanner.scan(
function (result) {
alert("We got a barcode\n" +
"Result: " + result.text + "\n" +
"Format: " + result.format + "\n" +
"Cancelled: " + result.cancelled);
},
function (error) {
alert("Scanning failed: " + error);
}
);
在.w對應的js中,對於barcodesanner,上面代碼一般會寫到某個組件的click事件上,而有的插件需要在頁面初始化時執行,那可以寫到model的onLoad事件中。
五、安裝好的插件的App作為模版App
Native/templates/normal/x5-std.apk.t Android不選擇增強型瀏覽器使用的App模版
Native/templates/normal/x5.apk.t Adnroid選擇增強型瀏覽器使用的App模版
Native/templates/normal/x5.ipa.t IOS的App模版
可以把上面步驟四生成的App替換到上面對應位置,例如andoird的就直接用x5.apk.t的名字,那後續不通過伺服器打包模式打包也將有上面集成的插件能力。
F. 開發IOS環境搭建,IOS開發對硬體和軟體有什麼要求
ios開發硬體環境配置
必須配置蘋果設備,所以對於硬體配置,首先需要一台Mac電腦及一個iDevice——iPhone、iPad、iPod Touch均可,但三個設備都有的話,會對硬體配置更加有利,可以在不同設備上進行測試,確保app能在所有蘋果設備上運行。
軟體設置
在ios app開發中,首先要先會運用iOS應用程序設計語言Objective-C(現在最新的ios程序設計語言為swift)進行app設計。
完成軟體設計後,在開發應用程序時,需要使用Apple開發套件(SDK)以及Xcode,即ios的集成開發環境(IDE),進行代碼調試、編譯等。