原创 arcgis api for javascript 4.12 vue 點聚合(1)

使用的插件是FlareClusterLayer(插件鏈接) 插件案例,(部分代碼,完整的請自行下載) 注意: 引入插件需要使用絕對地址,使用script,不要加 type=“text/javascript” <script>

原创 arcgis api for javascript 4.12 vue 點聚合(2)

這是我第二篇關於vue使用arcGis點聚合的文章,第一篇比較繁瑣,寫的時候也是半懂,這裏對其簡化,有些功能也省去,所以想看上一篇的,這裏有鏈接arcgis,使用的插件依舊是FlareClusterLayer(插件鏈接) 1,

原创 封裝axios+Element-UI+攔截器

提示:本人是新手,大家看看就好! 封裝axios,提示信息使用的是Element-UI 1,首先安裝axios //安裝axios npm install axios -S //安裝Qs npm install qs --sav

原创 vue cli2.0路由的hash模式和history模式的打包並查看本地效果的方法

1,如果路由是hash狀態 首先打開項目文件夾。找到config文件夾裏的index.js文件中的build對象,將assetsPublicPath中的“ / ”,改爲“ ./ ”。 如圖 然後進行打包 npm run bui

原创 vue cli2.0不需要打包,局域網下使用ip訪問Vue項目

vue-cli3.0版本不需要改變配置可以直接通過ip訪問 1, 首先找到使用vue腳手架建立項目config文件中的index.js文件 2, 修改dev裏面的host屬性值:改成 host: ‘0.0.0.0’ 3, 最後

原创 Element-ui+axios+loading封裝,支持多種ip域名,多種content-type類型

注: 使用的UI框架是element-ui, 由於封裝過程需要使用自定義axios的config,因此使用的axios版本是 0.18.0 解析: 多種ip域名,多種content-type類型的原理, 利用axios的自定義

原创 arcgis api for javascript 4.12 vue 點聚合

使用的插件是FlareClusterLayer 注意: 引入插件需要使用絕對地址 插件案例 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

原创 arcgis api for javascript 4.x 獲取當前點擊的點/線/圖層的信息

通過hitTest()方法可以獲取到地圖上圖層的幾何要素 view.on(['click'], function(event) { view.hitTest(event).then(function(response) {

原创 arcgis api for javascript 4.x 解決自定義浮層信息展示不隨着鼠標事件移動

原理: 利用監聽鼠標的事件以及監聽視窗大小改變和縮放進行重新繪製 // 浮層隨着鼠標事件移動 view.on(['pointer-up', 'drag'], this.createInfoDialog) // 浮層隨着視窗大小變化

原创 element-ui中Table表格省市區合併單元格的方法實現

這篇文章主要介紹了element-ui中Table表格省市區合併單元格的方法實現,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨着小編來一起學習學習吧 本文介紹了el

原创 Vue Baidu Map組件: 點、線、多邊形、圓形、撤銷、返回

 話不多說,直接上代碼: 參考官網代碼改編:https://dafrok.github.io/vue-baidu-map/#/zh/guide/painting index.vue <template> <baidu-map

原创 vue使用proxyTable解決跨域問題

廢話不多說,直接上主題。 當後端給我們一個固定接口ip, //接口ip baseUrl = 'http://www.baidu.com/baidu/' //登錄接口 login = 'http://www.baidu.com/bai

原创 用H5做官網的CSS3酷炫的過渡效果

做H5官網時,自己封裝的css3樣式,特效不全,僅供參考 1,過渡時間設置 /* * transitionN: N代表過渡動畫幾秒 * transition2: 2s過渡動畫 * * 默認 1 -->> 5s */ .

原创 使用srcipt引入js的情況下使用ES6的export的import語法

注:在此情況下使用,需要把script的type值設置爲module ,默認情況下 type=“text/javascript” 案例: idnex.html <!DOCTYPE html> <html> <head> <m

原创 vue項目使用cookie和localStorage進行儲存數據

一,cookie的使用 1,首先加載模塊 npm i js-cookie -S 2,在使用cookie的頁面上進行引入 import Cookies from 'js-cookie' 3,使用方法 創建一個在整個網站上有效的C