資訊專欄INFORMATION COLUMN
摘要：技術(shù)路線的選擇技術(shù)學(xué)習(xí)內(nèi)容匯總技術(shù)路線的選擇項(xiàng)目的技術(shù)路線是使用構(gòu)建一套前端應(yīng)用，更加具體的技術(shù)路線實(shí)際上是，應(yīng)用到了技術(shù)棧加上了最新版的。不管怎么說(shuō)，以這次項(xiàng)目對(duì)的使用體驗(yàn)挺好。本次項(xiàng)目沒(méi)有使用開(kāi)源的要求，自然是最好的選擇。
寫這篇總結(jié)的意義：總結(jié)，回顧，反思項(xiàng)目進(jìn)行過(guò)程和這套“Vue + ArcGIS API for JavaScript”GIS前端應(yīng)用技術(shù)路線，從項(xiàng)目與技術(shù)兩個(gè)方面積累經(jīng)驗(yàn)，尋找知識(shí)缺陷和項(xiàng)目?jī)?yōu)化空間，在總結(jié)的過(guò)程中學(xué)習(xí)。
技術(shù)路線的選擇—vue + arcgis js api
技術(shù)學(xué)習(xí)內(nèi)容匯總
技術(shù)路線的選擇—vue + arcgis js api項(xiàng)目的技術(shù)路線是使用Vue+ArcGIS API for JavaScript構(gòu)建一套gis前端應(yīng)用，更加具體的技術(shù)路線實(shí)際上是 vue + vue-cli + vue-router + vuex + antd for vue + arcgis js api ，應(yīng)用到了vue技術(shù)棧加上了最新版4.11的arcgis js api。最核心的問(wèn)題就是vue與基于dojo開(kāi)發(fā)的amd模式的api怎么集成？集成之后怎么使用？使用的時(shí)候會(huì)不會(huì)出現(xiàn)很多坑？本文作為全方位的總結(jié)，希望思路完整，所以還是從頭說(shuō)起。
Vue是目前前端三大流行框架之一（還包括React，Angular，來(lái)源于道聽(tīng)途說(shuō)），她和React一樣是一個(gè)表現(xiàn)層框架，專注于頁(yè)面的渲染，并且，她和React一樣都具有聲明式渲染、組件化的特征。我是先接觸React再接觸Vue的，兩者很多相似之處，至于說(shuō)Vue學(xué)起來(lái)更容易輕松，我沒(méi)有什么深切的體驗(yàn)，但確實(shí)Vue的中文資料更加豐富，畢竟算是國(guó)產(chǎn)。我跟單位的大師討論過(guò)相關(guān)問(wèn)題，我說(shuō)Vue蠻好用的用戶量貌似也蠻大，他說(shuō)Vue只是在中國(guó)用戶量大而已，他更偏向于相信大廠。不管怎么說(shuō)，以這次項(xiàng)目對(duì)Vue的使用體驗(yàn)挺好。
Arcgis一直以來(lái)在gis領(lǐng)域算的上壟斷地位，gis專業(yè)學(xué)生學(xué)校里學(xué)的，很多相關(guān)單位用的，都是Arcgis。他的產(chǎn)品體系龐大，從桌面端、客戶端，到服務(wù)器，到在線服務(wù)，到大數(shù)據(jù)，到人工智能與gis相關(guān)或不那么相關(guān)的都有，她是成熟的gis商業(yè)軟件，選她選的是靠譜。畢竟是美國(guó)的商業(yè)軟件，過(guò)度依賴不是什么好事，一是錢的事，二是產(chǎn)權(quán)的事，越來(lái)越多開(kāi)發(fā)者選擇使用開(kāi)源gis前端api，包括leaflet、mapbox等等。本次項(xiàng)目沒(méi)有使用開(kāi)源gis的要求，Arcgis自然是最好的選擇。
技術(shù)學(xué)習(xí)內(nèi)容匯總單位之前沒(méi)有使用這套技術(shù)路線進(jìn)行過(guò)項(xiàng)目，甚至沒(méi)有用vue做過(guò)項(xiàng)目，領(lǐng)導(dǎo)在項(xiàng)目前安排了大概3-4個(gè)小時(shí)的培訓(xùn)，相關(guān)技術(shù)的學(xué)習(xí)路線匯總，如下：
環(huán)境
node.js
NVM - Node Version Manager( nodejs版本管理工具 )
npm cnpm yarn
開(kāi)發(fā)工具 vscode
Emmet
預(yù)備知識(shí)體系
ES6 - 重點(diǎn)看： let; const; 結(jié)構(gòu)賦值; 對(duì)象擴(kuò)展; 函數(shù)擴(kuò)展; SET; MAP; Iterator; Promise; asnyc-await;
CommonJS amd 參考阮一峰模塊化編程
MVVM模式
Webpack
Babel -包括polyfill
Sass
vue + vue router + vuex + axios + antd技術(shù)棧
vue
vue-loader
vue的生命周期
父子組件之間通信、子父組件間通信
vue-cli 腳手架工程
vue-router
設(shè)置動(dòng)態(tài)路由，動(dòng)態(tài)獲取js，減少一次性的加載量，提高頁(yè)面響應(yīng)速度
路由傳參
vuex
arcgis api 4.11
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/105333.html
摘要：使用柵格函數(shù)支持直接在前端使用柵格函數(shù)來(lái)重新渲染影像服務(wù)。針對(duì)數(shù)據(jù)在柵格函數(shù)模版編輯器中使用渲染地貌函數(shù)，并且設(shè)計(jì)好結(jié)果的渲染方式。配置柵格函數(shù)模版可以在兩種情況下進(jìn)行。 ArcGIS 柵格函數(shù)在線調(diào)用詳解 導(dǎo)讀：ArcGIS從10.0版本開(kāi)始引用鑲嵌數(shù)據(jù)集，并且第一次在影像中加入柵格函數(shù)（raster functions），使得影像的呈現(xiàn)和信息提取與GIS緊密的結(jié)合起來(lái)，簡(jiǎn)單的影像功...
摘要：不建議底圖選擇中存在兩種不同坐標(biāo)體系，如下圖坐標(biāo)存在明顯的偏差，火星坐標(biāo)在采用坐標(biāo)系的地圖上位置偏上彩色中國(guó)天地圖全球衛(wèi)星地圖例如我們使用的類進(jìn)行查找，返回的數(shù)據(jù)都是國(guó)際坐標(biāo)，因此必須進(jìn)行偏差糾正。 ArcGIS for javascript開(kāi)發(fā)心得 本次實(shí)例中采用ArcGIS for javascript3.24版本，由于版本3與4在API等存在較大區(qū)別，就不一一列舉，詳細(xì)區(qū)別看官方...
摘要：注意在代碼中將其替換為自己剛剛申請(qǐng)的運(yùn)行，顯示地圖修改保存之后點(diǎn)擊運(yùn)行就可以得到一幅矢量地圖了，此過(guò)程可能會(huì)稍微有點(diǎn)長(zhǎng)，要耐心多等一會(huì)兒。 VectorMap.js是一個(gè)開(kāi)源地圖渲染JavaScript庫(kù)， 可以使用WebGL或者HTML5兩種方式進(jìn)行交互式矢量地圖 （包括矢量瓦片地圖，一般性矢量數(shù)據(jù)地圖）和 柵格瓦片地圖的渲染。 WebGL渲染意味著高性能，大數(shù)據(jù)， HTML5渲染意...
摘要：水文分析實(shí)戰(zhàn)教程河流平均比降計(jì)算本章導(dǎo)讀河流比降指的是河流任意兩端點(diǎn)間的高程差與兩點(diǎn)間的水平距離之比值，簡(jiǎn)單的概括為單位河長(zhǎng)內(nèi)的落差，其單位一般都是。讀者可以參考水文分析實(shí)戰(zhàn)教程河流提取與河網(wǎng)分級(jí)的做法去提取。 ArcGIS水文分析實(shí)戰(zhàn)教程（10）河流平均比降計(jì)算 本章導(dǎo)讀：河流比降指的是河流任意兩端點(diǎn)間的高程差與兩點(diǎn)間的水平距離之比值，簡(jiǎn)單的概括為單位河長(zhǎng)內(nèi)的落差，其單位一般都是‰ ...
閱讀 3081·2021-11-24 11:14
閱讀 3525·2021-11-22 15:22
閱讀 3215·2021-09-27 13:36
閱讀 725·2021-08-31 14:29
閱讀 1335·2019-08-30 15:55
閱讀 1768·2019-08-29 17:29
閱讀 1153·2019-08-29 16:24
閱讀 2417·2019-08-26 13:48
