Vue+OpenLayers6從入門到實戰進階案例彙總目錄，Vue+OpenLayers6地圖整合教程，OpenLayers6中文文檔，OpenLayers6中文手冊

来源:https://www.cnblogs.com/notomcat/p/18152104
-Advertisement-
Play Games

本篇作為《Vue+OpenLayers6入門教程》和《Vue+OpenLayers6實戰進階案例》所有文章的二合一彙總目錄，方便查找。 本專欄源碼是由OpenLayers6.15.1版本結合Vue2框架編寫，同時支持Vue3，零星幾篇文章用到了Element-UI庫。 本專欄從Vue搭建腳手架到如何 ...


本篇作為《Vue+OpenLayers6入門教程》和《Vue+OpenLayers6實戰進階案例》所有文章的二合一彙總目錄，方便查找。

本專欄源碼是由OpenLayers6.15.1版本結合Vue2框架編寫，同時支持Vue3，零星幾篇文章用到了Element-UI庫。
本專欄從Vue搭建腳手架到如何引入OpenLayers依賴的每一步詳細新手教程，再到通過各種入門案例和綜合性的實戰案例，帶領大家快速上手Vue+OpenLayers6開發。

openlayers # 反饋和建議
OpenLayers系列-交流專區，建議和問題反饋

OpenLayers6入門目錄

一、介紹

Gis開發入門，OpenLayers、Leaflet、Maplibre-gl和Cesiumjs地圖引擎介紹以及幾種地圖服務vms、vmts介紹

OpenLayers介紹，相比較其他地圖引擎有什麼優點

重要更新：OpenLayers7.x版本和6.x版本有什麼區別，是否需要升級到OpenLayers7版本？

二、入門

  1. （vue小白必讀）OpenLayers6入門，快速搭建vue+OpenLayers地圖腳手架項目
  2. （必讀）OpenLayers6入門，vue項目集成並使用OpenLayers地圖的兩種方式
  3. （必讀）OpenLayers6入門，HTML網頁原生如何使用OpenLayers地圖
  4. OpenLayers6入門，OpenLayers地圖基本概念（Map、View、Layer、Source四種基本類型）
  5. OpenLayers6入門，OpenLayers地圖初始化時如何設置預設縮放級別、設置預設地圖中心點、最大縮放級別和最小縮放級別以及預設坐標系
  6. OpenLayers6入門，OpenLayers6地圖預設使用什麼投影? 要如何更改OpenLayers6地圖的投影？
  7. OpenLayers6入門，如何銷毀已經創建好的OpenLayers地圖容器

三、地圖控制項

鷹眼控制項
8. OpenLayers6入門，OpenLayers地圖顯示鷹眼控制項
9. OpenLayers6入門，OpenLayers載入離線xyz瓦片地圖並顯示離線鷹眼控制項
地圖縮放控制項、比例尺控制項、滑鼠經過地圖顯示經緯度控制項
10. OpenLayers添加地圖縮放控制項、比例尺控制項和滑鼠經緯度位置
全屏控制項
11. OpenLayers6入門，OpenLayers如何實現地圖全屏和退出全屏操作，實現指定網頁節點全屏和退出全屏
12. OpenLayers6入門，OpenLayers使用地圖全屏控制項，控制地圖進入全屏和退出全屏
網格標記線控制項
13. OpenLayers6入門，地圖全圖顯示經緯度網格標記線

四、地圖定位、縮放和可視範圍跳轉

無動畫效果
14. Openlayers6入門，Openlayers調整中心點坐標、Openlayers調整縮放級別、Openlayers調整地圖可視角度和地圖複位
15. Openlayers6入門，Openlayers調整地圖可視範圍到多個點組成的多邊形邊界，可視範圍縮放到多個點的中心點
平移效果
16. OpenLayers6入門，OpenLayers平移地圖到指定位置，地圖平移動畫效果
飛行效果
17. OpenLayers6入門，OpenLayers視圖飛行動畫，OpenLayers飛行到指定經緯度位置
旋轉效果
18. OpenLayers6入門，OpenLayers旋轉地圖到移動到指定位置，旋轉動畫效果，邊旋轉邊移動到指定位置
彈簧跳躍和彈跳效果
19. OpenLayers6入門，OpenLayers使用彈跳動畫和彈簧動畫效果移動地圖到指定位置，兩種彈跳動畫效果

五、事件監聽

地圖載入事件和載入完成事件
20. OpenLayers6入門，OpenLayers如何監聽載入事件和載入完成事件來實現載入瓦片時顯示動圖轉圈載入進度條（loading spinner），載入完成後隱藏

瓦片載入事件
21. OpenLayers6入門，OpenLayers使用瓦片載入事件實現瓦片載入進度條，進度條根據瓦片載入數量自動更新進度，載入完畢後隱藏進度條
滑鼠移動事件
22. OpenLayers6入門，OpenLayers滑鼠移動事件使用，實現滑鼠移動到點位上方後高亮顯示點位要素
滑鼠點擊事件
23. OpenLayers6入門，OpenLayers地圖滑鼠點擊事件使用，點擊地圖後彈框並顯示當前位置經緯度
與Vue組件聯動彈框
24. OpenLayers6入門，OpenLayers的Popup彈出框如何內嵌Vue組件內容和內嵌iframe網頁，根據所點擊要素動態切換彈框內容

六、圖層管理

  1. Openlayers6入門，OpenLayers多圖層切換顯示隱藏，支持多個Layer同時顯示和隱藏，以百度地圖和高德地圖為例實現vue的Layer圖層管理組件

  2. OpenLayers6入門，OpenLayers懶載入瓦片，點擊事件後才開始載入瓦片，初始化地圖時不載入瓦片

七、各種類型地圖瓦片圖層載入（圖片、xyz、超圖、百度、高德、天地圖、谷歌地圖、必應地圖，wmts、wms、tms和wfs等）

  1. OpenLayers6入門，OpenLayers使用一張圖片作為地圖的基本底圖
    xyz（google、高德）
  2. OpenLayers6入門，OpenLayers如何載入xyz瓦片圖層
    WMTS
  3. OpenLayers通過WMTSCapabilities.xml載入GeoServer發佈的標準wmts地圖服務
  4. Openlayers通過計算matrixIds和resolutions方式載入WMTS地圖服務，不需要解析WMTSCapabilities文檔方式載入WMTS地圖服務
    WMS
  5. OpenLayers6入門，OpenLayers載入GeoServer發佈的WMS地圖服務作為底圖
    TMS
  6. OpenLayers6入門，OpenLayers如何載入TMS瓦片服務，以騰訊地圖TMS圖層為例
    高德底圖
  7. OpenLayers6入門，OpenLayers如何使用高德地圖底圖作為圖層圖源
    百度底圖
  8. OpenLayers6入門，OpenLayers使用百度地圖底圖作為圖源，不需要地圖開放平臺token就可以訪問
    天地圖
  9. OpenLayers6入門，OpenLayers載入天地圖
    超圖底圖
  10. OpenLayers6入門，OpenLayers如何使用超圖地圖（supermap）發佈的地圖服務作為基礎圖層
    Goole地圖
  11. OpenLayers6入門，OpenLayers載入Google街景地圖
  12. OpenLayers6入門，OpenLayers載入必應地圖（BingMap），需要申請api key
    海圖
  13. OpenLayers6入門，OpenLayers載入船訊網航海地圖
    離線瓦片地圖
  14. OpenLayers6入門，OpenLayers載入離線瓦片xyz地圖，vue項目如何使用離線瓦片

八、疊加熱力圖

  1. OpenLayers6入門，OpenLayers實現熱力圖效果

九、點、線、多邊形、圖片、動態圖片、點聚合等多種圖形疊加

  1. OpenLayers6入門，添加一個Image圖片點要素到地圖上
  2. OpenLayers6入門，使用OpenLayers疊加多邊形、圓形、線段和點要素到地圖上

WebGL圖層簡單疊加圓點和圖標

  1. OpenLayers6入門，使用webgl圖層疊加大量Point點要素，解決疊加超過一百萬數據量點位導致瀏覽器卡住變慢的問題
  2. OpenLayers6入門，使用webgl圖層疊加超過一百萬數據量圖片到地圖，解決疊加大量圖片導致瀏覽器卡住變慢的問題

WebGL樣式運算符

  1. OpenLayers6入門，OpenLayers6的WebGLPointsLayer圖層樣式和運算符詳解，四種symbolType類型案例

疊加Gif動態圖片

  1. OpenLayers6入門，OpenLayers如何使用gifler庫來實現gif動態圖圖片疊加到地圖上

點聚合（聚散點）

  1. OpenLayers6入門，OpenLayers實現點聚合（聚散點）功能，地圖縮小顯示聚集數量，點擊聚集點散開和地圖放大後顯示要素圖片
  2. OpenLayers6入門，OpenLayers點聚合（聚散點）動態樣式，根據周圍聚集數量不同切換多種顏色顯示，點擊聚集點散開和地圖放大後顯示要素圖片

十、格式化數據疊加

（1）WFS格式

  1. OpenLayers6入門，OpenLayers如何載入WFS服務的要素資源數據

（2）GeoJSON格式

  1. OpenLayers6入門，OpenLayers如何載入GeoJson數據並疊加到OpenLayers矢量圖層上
  2. OpenLayers6入門，OpenLayers如何載入百萬數據量的GeoJson點數據並疊加到webgl渲染圖層上，百萬海量點數據疊加不卡
  3. OpenLayers6入門，OpenLayers如何載入GeoJson多邊形、線段、點和區域範圍等數據並疊加到OpenLayers矢量圖層上
    從vue項目的assets資源目錄載入geojson文件
  4. OpenLayers6入門，OpenLayers從vue的assets資源路徑載入geojson文件並解析數據疊加到地圖上，以載入世界各國邊界為例
    fetch方式載入geojson
  5. OpenLayers6入門，OpenLayers解析通過fetch請求的GeoJson格式數據，並疊加要素文字標註，以行政區劃邊界為例

（3）wkt格式

  1. OpenLayers6入門，讀取wkt格式數據，OpenLayers解析並顯示wkt格式的要素數據

（3）TopoJson數據疊加

  1. OpenLayers6入門，OpenLayers載入TopoJson數據，使用行政區劃邊界作為示例
    從vue項目的assets資源目錄載入TopoJson文件
  2. OpenLayers6入門，OpenLayers從vue的assets資源路徑載入TopoJson文件並解析數據疊加到地圖上，以載入世界各國邊界為例
    fetch方式載入TopoJson
  3. OpenLayers6入門，OpenLayers使用fetch載入並顯示TopoJson格式區劃邊界數據並疊加文字標註，動態創建要素樣式

十一、動畫

  1. OpenLayers6入門，OpenLayers動畫效果實現，OpenLayers實現軌跡運動動畫
  2. OpenLayers6入門，OpenLayers實現多個軌跡運動動畫效果，也可以實現二維地圖遷徙圖效果
  3. OpenLayers6入門，OpenLayers實現地圖原地旋轉動畫效果

十二、圖形繪製編輯拖拽

  1. OpenLayers圖形繪製，OpenLayers實現在地圖上繪製線段、圓形和多邊形
  2. OpenLayers6入門，OpenLayers塗鴉手繪線條、圓形和多邊形，塗鴉線條自動收尾連接成多邊形
  3. OpenLayers選擇拖拽，OpenLayers實現對地圖上的任意要素進行選擇和拖拽

十三、其他

  1. OpenLayers6入門，OpenLayers導出整幅地圖為png圖片並保存下載

入門和實戰分界線

Openlayers6實戰進階

綜合案例

  1. Openlayers6實戰，Openlayers如何設置米作為作為圓形的真實半徑，解決圓形半徑跟隨地圖縮放同時縮放的失真問題
    圖形交集計算
  2. OpenLayers6實戰，OpenLayers判斷點位是否與多邊形有交集，判斷車輛是否在電子圍欄內
    滑鼠經過要素事件
  3. OpenLayers6實戰，OpenLayers實現地圖滑鼠經過點要素時顯示名稱標註提示框，移出後隱藏
  4. OpenLayers6實戰，OpenLayers自定義overlay彈框拖拽事件，點擊地圖後彈框並使用滑鼠拖拽overlay彈框到任意地圖位置併在彈框內容實時顯示經緯度位置
    滑鼠經過邊界高亮顯示：基於GeoJson格式數據
  5. OpenLayers6實戰，OpenLayers解析渲染GeoJson格式中國省級邊界並實現滑鼠經過區劃高亮顯示省級邊界
    滑鼠經過邊界高亮顯示：基於TopoJson格式數據
  6. OpenLayers6實戰，OpenLayers解析渲染TopoJson格式區劃邊界數據和實現滑鼠經過高亮顯示區劃邊界和文字
    滑鼠點擊選中邊界範圍高亮顯示：基於GeoJson格式數據
  7. OpenLayers6實戰，OpenLayers實現GeoJson格式的省級區劃數據渲染和滑鼠點擊省界自動選中並高亮顯示省界範圍，點擊空白區域取消高亮
    滑鼠點擊選中邊界範圍高亮顯示：基於TopoJson格式數據
  8. OpenLayers6實戰，OpenLayers實現TopoJson格式區劃邊界滑鼠點擊選中高亮顯示，點擊空白區域取消高亮
    Vue組件聯動動態切換效果：基於TopoJson格式數據
  9. OpenLayers6實戰，OpenLayers結合TopoJson區劃邊界數據，結合下拉菜單實現城市切換，動態切換城市邊界到地圖視圖視角範圍內
  10. OpenLayers6實戰，OpenLayers點聚合有相同經緯度坐標時無法展開問題解決辦法，當縮放級別達到一定等級後強行展開聚合為單個點

定位

  1. Openlayers6實戰，Openlayers獲取瀏覽器當前用戶的經緯度位置並定位到對應位置
  2. OpenLayers6實戰，OpenLayers獲取移動端精確定位，OpenLayers適配App混合H5方式調用手機定位位置並定位到指定點
  3. OpenLayers6實戰，OpenLayers調用手機陀螺儀方向實現指南針效果
    定位並高亮顯示用戶所在行政區劃邊界
  4. OpenLayers6實戰，OpenLayers獲取用戶定位位置並高亮顯示用戶所在行政區劃邊界

webgl圖層運算符實戰

  • match運算符實現一張合成拼接圖根據坐標切片成單獨圖標渲染
  1. OpenLayers6實戰，WebGL圖層如何使用一張拼接合成圖片根據坐標切片成單個圖片進行渲染
  • match運算符匹配多種顏色三角形實戰案例
  1. OpenLayers6實戰，WebGL圖層根據Feature要素的變數動態渲染多種顏色的三角形，適用於大量三角形渲染不同顏色
  • match運算符和interpolate插值運算符匹配多種顏色和多種直徑大小的圓形圓點實戰案例
  1. OpenLayers6實戰，WebGL圖層根據Feature要素的變數動態渲染多種顏色和不同直徑大小的圓形和圓點圖形，適用於大量圓形圓點渲染不同顏色不同大小
  • case運算符結合邏輯運算符判斷透明度，match運算符匹配多種顏色和interpolate插值運算符匹配大小
  1. OpenLayers6實戰，WebGL圖層根據Feature要素的變數動態渲染多種顏色、不同長度和不同透明度的長方形（矩形）圖形，適用於大量矩形圖形渲染
  • match運算符配合滑鼠經過事件高亮要素效果
  1. OpenLayers6實戰，WebGL圖層滑鼠經過要素高亮顯示，根據變數自動修改WebGL圖層要素的透明度、大小和顏色

動畫特效

  1. Openlayers實戰，Openlayers實現類似呼吸燈的閃爍圓圈特效，光暈擴散動畫特效，可調光暈擴散速度，可調光暈圓圈大小
  2. Openlayers實戰，OpenLayers實現定時閃爍動畫效果，定時閃爍光暈特效
  3. OpenLayers6實戰，OpenLayers實現動態的雷達掃描圖動畫效果

運動軌跡和遷徙圖

  1. Openlayers6實戰，Openlayers一個車輛轉向運動軌跡動畫，支持根據軌跡運動方向自動改變車頭轉向角度，無需定時器，絲滑小車轉向運動效果
  2. OpenLayers6實戰，OpenLayers實現多個車輛船舶運動軌跡動畫和遷徙圖效果，車頭方向根據軌跡方向自動轉向，無需定時器
  3. OpenLayers6實戰，OpenLayers實現多個軌跡運動動畫，各個軌跡使用不同的運動速度，運動方向根據軌跡運動方向自動轉向
    飛機飛行軌跡動畫
  4. OpenLayers6實戰，OpenLayers實現飛機飛行軌跡動畫。飛機圖標自動沿著生成的貝塞爾曲線勻速運動
    氣象臺風動畫
  5. OpenLayers6實戰，OpenLayers實現氣象臺風颶風運動軌跡運動動畫，可調颱風旋轉速度和運動速度，靜態圖片旋轉動畫

特殊圖形繪製

三角形
28. OpenLayers6實戰，OpenLayers實現滑鼠拖拽繪製三角形，OpenLayers自定義繪製特殊圖形
菱形
29. OpenLayers6實戰，OpenLayers繪製特殊圖形，OpenLayers繪製四角形（菱形），OpenLayers繪製菱形
矩形
30. OpenLayers6實戰，OpenLayers實現滑鼠拖拽方式繪製矩形（拖拽方式繪製長方形和正方形）
平行四邊形
31. OpenLayers6實戰，OpenLayers實現滑鼠拖拽方式繪製平行四邊形
五角星
32. OpenLayers6實戰，OpenLayers繪製五角星，OpenLayers繪製特殊圖形，地圖上畫五角星
六芒星
33. OpenLayers6實戰，OpenLayers繪製六角形（六角星）圖形，OpenLayers繪製特殊圖形
扇形
34. OpenLayers6實戰，OpenLayers實現繪製扇形，OpenLayers繪製特殊殊圖形四分之一圓
箭頭
35. OpenLayers6實戰，Openlayers實現繪製箭頭，Openlayers繪製軌跡路徑箭頭，可調箭頭角度和箭頭長度
橢圓
36. OpenLayers6實戰，OpenLayers實現滑鼠拖拽方式繪製橢圓
半圓扇形
37. OpenLayers6實戰，OpenLayers滑鼠拖拽方式繪製半圓形（半圓扇形）
畫圓環
38. OpenLayers6實戰，OpenLayers實現滑鼠拖拽方式繪製空心圓環
39. OpenLayers6實戰，OpenLayers實現滑鼠拖拽方式繪製環形（四分之一圓環），OpenLayers特殊圖形繪製
40. OpenLayers6實戰，OpenLayers滑鼠拖拽方式繪製半圓環形（半圓扇形）
測量距離和測量區域面積
41. OpenLayers6實戰，OpenLayers畫線測量距離和畫多邊形測量區域面積
框選地圖放大
42. OpenLayers6實戰，OpenLayers實現繪製圓形放大地圖功能，在地圖上畫圓放大地圖到滑鼠框選區域
43. OpenLayers6實戰，OpenLayers實現繪製矩形區域放大地圖功能，滑鼠框選放大地圖

自定義控制項

  1. OpenLayers6實戰：OpenLayers創建自定義控制項，以創建一個地圖複位控制項為例
  2. OpenLayers6實戰，OpenLayers創建自定義鷹眼控制項，自定義鷹眼控制項樣式，調整鷹眼控制項位置、大小、文字和按鈕等樣式

氣象風場

風場效果
46. OpenLayers6實戰，OpenLayers使用wind-layer插件實現風場動態效果

颱風/颶風
颱風/颶風動畫軌跡同時放在運動軌跡中： OpenLayers實戰，OpenLayers實現氣象臺風颶風運動軌跡運動動畫，可調颱風旋轉速度和運動速度，靜態圖片旋轉動畫

性能優化（瓦片載入速度優化）

  1. Openlayers6實戰，OpenLayers預載入瓦片，解決移動地圖或縮放地圖時出現空白瓦片的問題
  2. Openlayers6實戰，Openlayers優化載入地圖瓦片太慢的問題，Openlayers瓦片緩存實現和請求失敗瓦片重試功能
  3. Openlayers6實戰，Openlayers使用瀏覽器內置IndexDB資料庫緩存地圖瓦片，優化地圖瓦片載入速度和瀏覽器記憶體占用

坐標轉換

  1. OpenLayers6實戰，高德GCJ-02坐標系轉WGS-84坐標系
  2. OpenLayers6實戰，OpenLayers高德地圖瓦片位置糾偏，將高德底圖瓦片位置轉換為EPSG:4326和EPSG:3857

未完，持續更新中...

Vue+OpenLayers6進階專欄推薦：
《OpenLayers擴展組件系列彙總目錄：常用OpenLayers地圖擴展組件ol-ext、ol-cesium、ol-layerswitcher、ol-geocoder和ol-wind等擴展庫實戰示例》


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 重磅新品發佈！雲耀資料庫HRDS，享受輕量級的極致體驗
    本文分享自華為雲社區《重磅新品發佈！雲耀資料庫HRDS，享受輕量級的極致體驗！》，作者：GaussDB 資料庫。 所謂，凡有井水處，即能歌柳詞。 大數據時代，凡有數據處，必有資料庫。 隨著業務需求的不斷擴大和數據量的激增，資料庫的使用場景滲透到了生活的方方面面，不再是大型企業或技術部門的專利，市場對 ...
  • 玩轉雲端 | 擁有HBlock這項“存儲盤活絕技”，數據中心也能“熱辣瘦身”！
    夏天馬上就要到了，“瘦身”不光是特定人群的需求，也是數據中心的需求。構建輕量化、低碳化、高性價比的新型數據中心，更有效地支撐經濟社會數字化轉型，已成為業界主流趨勢。 如何讓數據中心“熱辣瘦身”？輕量級存儲集群控制器——天翼雲存儲資源盤活系統HBlock必不可少！ “HBlock健身房”究竟是如何發揮 ...
  • 鴻蒙HarmonyOS實戰-ArkUI動畫（頁面轉場動畫）
    前言 頁面轉場動畫是指在應用程式中，當用戶導航到另一個頁面時，使用動畫效果來過渡頁面之間的切換。這樣做的目的是為了提升用戶體驗，使頁面之間的切換更加平滑和有趣。 常見的頁面轉場動畫包括淡入淡出、滑動、翻轉、縮放等效果。通過使用這些動畫效果，可以給用戶一種流暢的感覺，讓頁面之間的切換更加自然。 在 ...
  • 鴻蒙HarmonyOS實戰-ArkUI動畫（放大縮小視圖）
    前言 在HarmonyOS中，可以通過以下方法放大縮小視圖： 使用縮放手勢：可以使用雙指捏合手勢來放大縮小視圖。將兩個手指放在屏幕上，並向內或向外移動手指，即可進行放大或縮小操作。 使用系統提供的縮放控制項：在HarmonyOS的開發中，可以使用系統提供的縮放控制項來實現視圖的放大縮小功能。通過在布 ...
  • 使用 MediaCodec 在 Android 上進行硬解碼
    要使用 MediaCodec 在 Android 上進行硬解碼，並獲取 RGBA 數據，你可以按照以下步驟進行操作： 創建 MediaExtractor 對象並設置要解碼的 MP4 文件路徑： MediaExtractor extractor = new MediaExtractor(); extr ...
  • lodash已死？radash最全使用介紹（附源碼說明）—— Array方法篇（4）
    寫在前面 tips：點贊 + 收藏 = 學會！ 我們已經介紹了radash的相關信息和部分Array相關方法，詳情可前往主頁查看。 本篇我們繼續介紹radash中Array的相關方法的剩餘方法。 本期文章發佈後，作者也會同步整理出Array方法的使用目錄，包括文章說明和腦圖說明。 因為方法較多，後續 ...
  • 面試官：在原生input上面使用v-model和組件上面使用有什麼區別？
    前言 還是上一篇面試官：來說說vue3是怎麼處理內置的v-for、v-model等指令？ 文章的那個粉絲，面試官接著問了他另外一個v-model的問題。 面試官：vue3的v-model都用過吧，來講講。 粉絲：v-model其實就是一個語法糖，在編譯時v-model會被編譯成:modelValue ...
  • 不到200行用Vue實現類似Swiper.js的輪播組件
    前言 大家在開發過程中，或多或少都會用到輪播圖之類的組件，PC和Mobile上使用 Swiper.js ，小程式上使用swiper組件等。 本文將詳細講解如何用Vue一步步實現的類似Swiper.js的功能，無任何第三方依賴，乾貨滿滿。 最終效果 線上預覽：https://zyronon.githu ...
一周排行
    -Advertisement-
    Play Games
  • 如何基於surging跨網關跨語言進行緩存降級
    基於.NET Framework 4.8 開發的深度學習模型部署測試平臺，提供了YOLO框架的主流系列模型，包括YOLOv8~v9，以及其系列下的Det、Seg、Pose、Obb、Cls等應用場景，同時支持圖像與視頻檢測。模型部署引擎使用的是OpenVINO™、TensorRT、ONNX runti... ...
  • 十年沉澱，重啟開發之路
    十年沉澱，重啟開發之路 十年前，我沉浸在開發的海洋中，每日與代碼為伍，與演算法共舞。那時的我，滿懷激情，對技術的追求近乎狂熱。然而，隨著歲月的流逝，生活的忙碌逐漸占據了我的大部分時間，讓我無暇顧及技術的沉澱與積累。 十年間，我經歷了職業生涯的起伏和變遷。從初出茅廬的菜鳥到逐漸嶄露頭角的開發者，我見證了 ...
  • C#.NET體系圖文概述—2024最全總結
    C# 是一種簡單、現代、面向對象和類型安全的編程語言。.NET 是由 Microsoft 創建的開發平臺，平臺包含了語言規範、工具、運行，支持開發各種應用，如Web、移動、桌面等。.NET框架有多個實現，如.NET Framework、.NET Core（及後續的.NET 5+版本），以及社區版本M... ...
  • 班級擂臺（光榮）榜 - 極簡教育小工具
    前言 本文介紹瞭如何使用三菱提供的MX Component插件實現對三菱PLC軟元件數據的讀寫，記錄了使用電腦模擬，模擬PLC，直至完成測試的詳細流程，並重點介紹了在這個過程中的易錯點，供參考。 用到的軟體： 1. PLC開發編程環境GX Works2，GX Works2下載鏈接 https:// ...
  • web server apache tomcat11-31-websocket
    前言 整理這個官方翻譯的系列，原因是網上大部分的 tomcat 版本比較舊，此版本為 v11 最新的版本。 開源項目 從零手寫實現 tomcat minicat 別稱【嗅虎】心有猛虎，輕嗅薔薇。 系列文章 web server apache tomcat11-01-官方文檔入門介紹 web serv ...
  • day31-jQuery
    1、jQuery介紹 jQuery是什麼 jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之後又一個優秀的JavaScript代碼庫（或JavaScript框架）。jQuery設計的宗旨是“write Less，Do More”，即倡導寫更少的代碼，做更多的事情。它封裝 ...
  • aardio爬蟲) 實戰篇：逆向有道翻譯web介面
    前言 之前的文章把js引擎(aardio封裝庫) 微軟開源的js引擎(ChakraCore))寫好了，這篇文章整點js代碼來測一下bug。測試網站：https://fanyi.youdao.com/index.html#/ 逆向思路 逆向思路可以看有道翻譯js逆向（MD5加密，AES加密）附完整源碼 ...
  • 面試官：這就是你理解的Java多線程基礎？
    引言 現代的操作系統（Windows，Linux，Mac OS）等都可以同時打開多個軟體（任務），這些軟體在我們的感知上是同時運行的，例如我們可以一邊瀏覽網頁，一邊聽音樂。而CPU執行代碼同一時間只能執行一條，但即使我們的電腦是單核CPU也可以同時運行多個任務，如下圖所示，這是因為我們的 CPU 的 ...
  • Python文本統計與分析從基礎到進階
    掌握使用Python進行文本英文統計的基本方法，並瞭解如何進一步優化和擴展這些方法，以應對更複雜的文本分析任務。 ...
  • Redis多數據源，看這篇就夠了
    背景 Redis多數據源常見的場景： 分區數據處理：當數據量增長時，單個Redis實例可能無法處理所有的數據。通過使用多個Redis數據源，可以將數據分區存儲在不同的實例中，使得數據處理更加高效。 多租戶應用程式：對於多租戶應用程式，每個租戶可以擁有自己的Redis數據源，以確保數據隔離和安全性。 ...
所有分類