原创 我的2020書單

大型網站技術架構:核心原理與案例分析,完成度100%,1次; 黑天鵝,完成度60%; 系統分析師,完成度70%; Effective Java,完成度40%; 從零開始學架構,照着做,你也能成爲架構師,完成度20%; Java併發編程實戰

原创 Windows 10下搭建Hadoop 3.x環境

目錄一、背景二、計劃三、步驟四、總結五、參考 一、背景 後續業務可能涉及大數據,雖說Hadoop權威指南書看了大半,但是後續比較多的代碼示例,如果不自己親手搭下環境,就沒法去深入理解這些原理和經驗,直白點就是看不懂咯; 之前其實

原创 Vue.js 實戰——徹底解決跨域問題_18

一. 背景 在 Web 應用中,跨域是程序猿繞不過去的坎。 什麼是跨域: 當一個請求 url 的協議、域名、端口三者之間任意一個與當前頁面 url 不同即爲跨域。 舉例:在自己的應用 html 中,需要訪問微信或者新浪接口,這

原创 Vue.js實戰——封裝長按能量條&火箭發射動畫組件_17

一、目標     按照項目需求,需要完成如下幾部分的功能:     1、長按屏幕時,顯示能量條動畫(類似環形進度條);     2、當能量條充滿時,發射小火箭; 二、實現效果 三、步驟     按照需求分析,上述目標可以拆解成3個功能:

原创 Vue.js實戰——H5拍照遷移至Android App_14

一、目標     1、解決從純H5開發且帶拍照功能的App遷移至Android平臺時,保證拍照和裁剪功能正常;     2、解析實現過程中碰到的各種問題; 二、實現效果     爲了達成上述目標,先大體介紹下思路:     1)Andr

原创 Vue.js實戰——單獨封裝echarts時間軸高級篇_16

一、目標     1、需求:項目中會用到縱向時間軸,且有大量數據,支持自動播放和翻頁;     2、基於該目標去分析,發現時間軸組件確實不少,但綜合考慮穩定性、可擴展性、文檔API以及是否開源(涉及版權問題),最後選定綜合評價較高的ech

原创 Vue.js實戰——開發Android H5 App之Webview高級配置_13

一、目的     1、在H5 Android App開發過程中,尤其是移植來自IOS/微信/純Web瀏覽器等平臺的H5時,需要解決一些平臺特有的特性,比如彈窗、獲取經緯度、拍照、錄音等API,就不盡相同,現在就想通過純Web原生實現的方式

原创 Vue.js實戰——開發Android Hybird App之Webview基礎配置_12

一、目的     1、爲了讓基於前端框架vue.js的html5代碼跨平臺運行(此處僅分析Android),就需要搞清楚平臺加載html5的機制;     2、Android平臺各系統版本對應的SDK各不相同,需要在代碼層面做好版本兼容適

原创 Vue.js實戰——開發Android Hybird App之權限設置_11

一、目標     在Html5代碼已經移植至Android工程後,完成Android App開發的基本框架之權限設置部分的代碼設計與開發; 二、步驟     1、在AndroidManifest.xml中定義需要使用到的權限,如本項目中使

原创 Vue.js實戰——移植Html5 App爲Android App_10

一、目標     1、把前面開發的Html5原生獲取經緯度、拍照、錄音的demo移植至Android平臺中,達到Html5可以橫跨Web/Android/IOS平臺的目標;     2、把原生Android不支持的特性,或者使用原生And

原创 Vue.js實戰——ToggleSwitch組件介紹_8

一、背景     1、項目中有個業務訴求:把多個可選項的開關控制放在一個頁面中管理,方便用戶自由組合選擇。Android和IOS中有ToggleSwitch組件,而我們的項目是基於Html5的;     2、查詢開源組件的過程中,發現有v

原创 Vue.js實戰——微信拍照時頁面會被刷新的BUG定位_9

一、目標     1、這幾個月辛辛苦苦做出來,基於Vue.js和html5的項目裏面,一直存在一個明顯的BUG:在微信公衆號拍照後,會出現概率重定向到當前頁面(當前頁面被刷新,或者叫做重新加載)。這兩天的目標就是定位並解決這個bug,提高

原创 Vue.js實戰——開源ToggleSwitch組件_7

一、目標     1、把以前vue.js項目中用到的功能抽象成獨立的vue組件;      2、在github上開源出來,並搞清楚npm發佈組件的流程,發佈第一款js組件;      注意:如果你還不清楚vue和npm,需要先看下Vue.

原创 Vue.js實戰——封裝瀏覽器錄音組件_6

一、目標     1、使用vue.js作爲前端javascript框架,結合html5+ES6語法,在移動端Chrome瀏覽器中,完成兼容Android和iOS的錄音功能;     2、基於一般項目的訴求,封裝成可複用的錄音組件; 二、步