原创 div 滾動條樣式
1. 效果如圖所示： 2. html示例代碼： <div class="con"> <p>ssss</p> <p>ssss</p> <p>ssss</p> <p>s
2020-05-31 00:13:45
原创 vue項目用到的資源, ui框架（Element、iView）,http的get和post請求（axios）,懶加載：（vue-lazyload）,輪播圖（swiper）
1. UI框架： Element官網:https://element.eleme.cn/#/zh-CN/component/installation iView官網:https://www.iviewui.com/co
2020-05-31 00:13:45
原创 leaflet 把視圖定位到點位，多邊形，圖層
1. 如下圖所示，定位到了四邊形 1. 第一種方法:flyToBounds var polygon = new L.Rectangle(L.latLngBounds([ [39.9031855750273, 116.39
2020-05-26 16:01:53
3
原创 leaflet 計算以一個座標點爲中心，5公里範圍的正方形的最大最小經緯度
1. 以播放圖標爲中心，往外擴大五公里範圍，如下圖所示： 2. 代碼如下 //一開始執行的方法 ngOnInit(){ //中心點 var positionCenter = [維度, 經度] //調用
2020-05-26 16:01:53
15
原创 js 複製div文本
實現的效果如下圖所示：（注：圖是第二種方法） 複製完成後就直接ctrl+v粘貼就行了： 1. 第一種方法 ，運用隱藏textarea來實現複製 <div style="padding-bottom:10px" id="
2020-04-20 19:30:56
原创 angular6 路由複用，路由緩存（RouteReuseStrategy）
實現功能：首頁有表單查詢，以及查詢結果，如果點進去詳情，再返回首頁的時候，表單查詢跟結果的狀態要保持原狀 注：首次登陸的情況下以及單擊其餘頁面的時候，需要清空 1. 首先建一個路由緩存文件 AppRo
2020-04-14 18:58:27
5
原创 angular6 input回車事件-（keydown）
1. html中如下所示： <input style="margin-bottom:5px;" nz-input placeholder="輸入關鍵字" [(ngModel)]="taskName" (keydown)="calAge
2020-03-29 20:25:29
原创 leaflet繪製圖形，wkt模式與geoJson互轉
setTimeout(() => { map.on('draw:created', function (event) { var layer = event.layer; va
2020-03-29 20:25:29
18
原创 leaflet怎麼去掉放大縮小按鈕，去掉測量，繪製框
1. 在封裝的地方，init下邊不放上這些屬性 2.把這些封裝成方法 addZoomCtrl() { //放大縮小按鈕 L.control .zoom({ zoomInTitl
2020-02-22 17:35:52
2
原创 ng-zorro 修改原框架的樣式
1. 修改原框架鼠標移入（表格，時間框）的顏色 找到原框架的class,然後前邊加上這個:host ::ng-deep,修改背景色爲none就可以了 :host ::ng-deep .ant-table-tbody>tr
2020-02-22 17:35:52
4
原创 js input文件上傳名字清空
<input type="file" id="fileupload" name="file" /> 解決方法： var obj=document.getElementById("fileupload") obj.outerHTML=o
2019-10-26 01:46:48
原创 滾動條距離頂部的距離 scrollTop
header是你加滾動scroll設置的那個div center+num是li ul 種的id，本文實現功能是滾動位置大於0，把菜單懸空給解決掉，所以margin-top改爲-100 if(document.getElementB
2019-09-16 00:33:53
原创 cesium實時獲取衛星的動態信息，包括經緯度和名稱（onTick）
效果如圖下顯示，實時獲取經緯度，顯示到二維圖上：1.添加衛星，然後監聽方法：this.viewer.dataSources.add(Cesium.CzmlDataSource.lo
2019-07-05 00:15:20
10