原创 umi 引入高德地圖
在config文件下新建mapPlugin.js export default (api) => { api.addHTMLHeadScript({ type: "text/javascript", src: 'ht
原创 高德地圖接口AntV L7實現自定義座標生成當前可視範圍內道路動態軌跡圖
先上效果圖 阿里AntV L7可以根據馬路數據生成軌跡圖, 但是例子上寫的讀取數據的JSON文件寫死的, 若需要自定義經緯度則沒有馬路數據 這裏通過高德的api獲取範圍內馬路數據 https://restapi.amap.com/
原创 vue 數據改變頁面沒有實時渲染(不是一般的情況, 如果一般情況無法解決可能是這個原因)
css3裏面的漸變色屬性 background-image: linear-gradient(121deg, rgba(36, 237, 255, 1) 0%, rgba(24, 102, 231, 1) 95.62988281
原创 Vue mixins的簡單使用
首先新建一個文件 mixinsPopicker.js export const AllPopPicker = { data() { return { newPickerOne: '', }, mount
原创 JS將對象的路徑當做參數傳遞 函數接受參數後獲取相應路徑的值
objectUrlEval (data, type, result = '') { // 此方法的用法: // 若存在 此數據結構的數據 ps: a: { b: c: { d: { name: 'xx'}} }
原创 css 超過指定行數顯示省略號
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
原创 vue v-html換行回車失效
white-space: pre-wrap
原创 consle.log打印有值, 展開後無值
記錄一次詭異的bug, consle.log印有值, 展開後無值 代碼也非常簡單 後來發現tempData必須手動初始化name, type, smooth,value,time 等屬性不然就會出現上述情況 這樣就可以了
原创 ES6 隨手記
數組去重 function dedupe(array) { return Array.from(new Set(array)); } dedupe([1, 1, 2, 3]) // [1, 2, 3] let arr = [
原创 北森雲計算前端實習面試(技術總監三面)
自我介紹 問項目細節 談談XSS,怎麼預防 現在我們有一個富文本編輯器,我在裏面寫了點擊事件(富文本編輯器可以寫點擊事件嗎?)怎麼又預防XSS攻擊又讓我的點擊事件不失效? Vue-Router的原理?我說我在使用的是history模式,有
原创 js將接口返回的JSON格式數據轉換成Antd的treeSelect需要的結構
const initResponseDatakey = (responseData, keys) => { // 獲取response的所有key 並生成tree供treeSelect使用 if (responseDa
原创 js深度合併兩個數組對象
js合併兩個數組對象, 如果a中含有b,則b的值覆蓋a的值 如果a中不含有b 則b的值新增到a MergeRecursive(obj1, obj2) { // 合併兩個數組 for (var p in obj2) {
原创 上中下(左中右)顯示三個圖片時無縫輪播
思路: 假如有三張圖 每次到第二張滾第三張的時候在結尾加上第一張, 第三張滾的下一個就是第一張了同時加上第二張,這樣就實現了無縫輪播(別打我) 咳咳, 上面的思路確實實現了,但是存在一個致命的問題就是一直輪播會一直在後面添加元素,如果次
原创 動態改變導航欄導致點擊導航欄高亮和實際顯示不一致
左側的導航欄裏面的條數可以根據中間的開關進行動態顯示 後來發現點擊了開關之後導航欄高亮和實際頁面顯示的錯位了, 推測是導航欄數據沒有刷新 解決方案 routes() { const route = this.$store.s
原创 vue角色不同動態分配路由權限,實現權限的控制
首先說一下大概的思路 router路由第一次只加載登錄註冊和404頁面 當用戶成功登錄後,使用vuex設置用戶的Token 如果Token存在,角色信息不存在,就去後臺獲取該用戶的詳細信息,包含但不限角色信息,將角色信息存在vuex中