原创 openlayers6【十四】ol.proj類實現EPSG:3857和EPSG:4326座標轉換
文章目錄1. 寫在前面：2. ol.proj類常用方法3. EPSG:4326和EPSG:3857座標互相轉換 1. 寫在前面： EPSG:3857即投影座標，EPSG:4326即地理座標。 如果不瞭解什麼是EPSG:3857和E
2020-07-08 00:35:54
15
原创 Vue Video.js播放m3u8視頻流格式（video+videojs-contrib-hl）
文章目錄1. Vue+Video.js播放效果圖2. npm安裝和引入3. vue 使用4. 動態設置video視頻的src地址5. Uncaught (in promise) TypeError: The element or
2020-07-04 00:01:10
11
原创 vue-seamless-scroll 的click不觸發問題
因爲需要做一個無限滾動的table效果，然後百度了一下，看到網上挺多用 vue-seamless-scroll 的，然後自己就用了。後面一些問題給大家總結下。 使用很簡單，這裏就不闡述了，主要講下用這個的一些業務要求，遇到的問題。
2020-07-02 05:39:55
1
原创 openlayers6【十二】地圖矢量圖層 Vector 詳解
文章目錄1. 認識什麼是矢量地圖2. 矢量圖層的構成3. 矢量圖層的常用參數4. 初始化一個矢量圖層5. 總結 1. 認識什麼是矢量地圖 在 GIS 中，地圖一般分爲兩大類：柵格地圖和矢量地圖 柵格地圖：它們有一個共同特徵，就是它
2020-07-02 03:44:28
9
原创 vue頁面中添加水印
1. 效果圖 2. watermark.js 首先在src目錄下lib新建 watermark.js 'use strict' let watermark = {} let setWatermark = (str) => {
2020-06-30 14:54:10
1
原创 charles 抓包工具的使用，安裝、mock、限速、斷點功能詳解
我們在進行B/S架構的Web項目開發時，在前端頁面與後臺交互的調試的時候，通常使用在JSP中加入“debugger;”斷點，然後使用瀏覽器的F12開發者工具來查看可能出錯的地方的數據。或者使用HttpWatch來抓包分析。 在開
2020-06-20 13:22:50
3
原创 echarts 全國和省地圖切換，中國地圖人口流動遷徙效果
功能：以新疆爲主導的遷徙圖流動人口地圖 (效果如下圖) 1. 其他省人口 流動到新疆、新疆人口流動到其他省。 2. 新疆本地區人口流動 後端返回數據 可以參考echarts 遷徙圖 來改動，把後端的數據套進去即可 demo：參
2020-06-20 13:22:50
1
原创 修改屏幕分辨率比例，4*3拼接屏 21:9 比例，大屏項目拼接適配屏解決方案
1. 背景 一般默認我們的電腦都是 1920 * 1080 就是 16:9 現在前端做大屏項目有的會用到的是 4*3 拼接屏（如下圖），就是 7680*3240 分辨率 就是 21:9 然後就是拿着設計給你的設計搞，讓UI設計
2020-06-20 13:22:49
原创 openlayers 刪除點 ol/source/Vector.js.VectorSource.removeFeature解決方案
背景：openlayers 實現地圖打點，根據數據的變化修改點的位置 data // 點的經緯度 coordinates: [ // { x: 37.12638163, y: 15.1353712537 }, // { x: 8
2020-06-20 13:22:49
原创 openlayers6【五】地圖圖層數據來源 source 詳解
文章目錄1. 寫在前面2. source 數據源都有哪些類型2. source 用法實例2.1 ol.source.Vector 的使用（矢量圖層的數據來源）2.2 ol.source.Image的使用（提供單一的圖片地圖）3.
2020-06-20 13:22:49
原创 Jquery實現鼠標移動/移過到商品小圖片上時替換掉大圖片上的圖片
query實現鼠標移動/移過到商品小圖片上時替換掉大圖片上的圖片 1 . 實現效果 2 . 代碼 <!doctype html> <html> <head> <meta charset="utf-8"> <t
2020-06-20 13:22:49
原创 JavaScript遞歸遍歷json數組並層級顯示級聯菜單
1. 先定義一個數組結構(一般是後端返回的結構) id：主鍵ID pid：父類id（所屬的父級ID） var treeData = [ { id: 1, name: '第一級數據1', sex: 1, pid: -1 },
2020-06-20 12:15:13
1
原创 vue大屏項目2.0版本 （highcharts）
第一版的大屏項目拿去給客戶看，客戶說設計的頁面太垃圾了，然後回來就讓設計重新在設計了一個版本，確實這個版本比第一個版本好看很多。 前端就是地位低，纔不管你做不做得出來，反正效果是這樣，做不出來也得做。 於是就有了下面的幾個 2.
2020-06-20 12:15:13
1
原创 echarts 結合 jquery 省市地圖 下鑽 返回 麪包屑導航 圖標等功能
1. 實現工具：echarts、離線地圖json文件，Jquery 2. 功能：（如下圖 以廣西省爲例） 2.1. 點擊 地圖進行下鑽。 2.2. 點擊麪包屑和返回返回到上一級目錄 2.3 某些市默認給了一些圖標展示效果 3. 下載地址：
2020-06-20 12:15:13
1