原创 單點登錄邏輯簡單梳理

目的:爲解決現在各種服務越來越多,若不使用單點登錄,則需要用戶登錄每個服務,即多次登錄,體驗很差。單點登錄是用戶只需要登錄一次,就相當於登錄了所有服務。 之前以爲cas + uim、cas + shiro、 jwt等都是實現單點登

原创 生成日曆數組(套路)

生成日曆數組,有3個要素。 1.本月共有多少天; 2.上個月一共有多少天(即上個月最後一天是幾號); 3.本月第一天是星期幾 使用Date(),參數分別是this.year(之前定義的年),this

原创 更改babel-preset-env錯誤翻譯fetch語法配置

現代瀏覽器本身識別fetch語法,但是babel-preset-env會錯誤翻譯它,因此需要安裝另一個依賴修正。 babel-plugin-transform-runtime $ npm install --save-dev b

原创 vue-lazyload使用圖片路徑的坑!!

使用vue-cli腳手架快速生成的框架中, src**同級目錄**中有static文件夾 src**子文件夾**中有assets文件夾 在使用vue-lazyload,設置error或loading屬性的圖片路徑時, 圖片

原创 單頁面應用(SAP)中的文件上傳

最簡單的文件上傳方式是使用input標籤 即: <input type="file" name="file" /> 將input標籤放入form表單中,使用post提交。 後臺nodejs用formidable是先上傳。

原创 JS中需要注意的點(一)

數字類型中的八進制,是以0o(數字0和字母o開頭),字母o不區分大小寫。 在某些時候不注意會出現0o99這種尷尬的錯誤。 十六進制是以0x開頭,字母x同樣不區分大小寫。 浮點數中0.**中的的0可以省略。 如:consol

原创 使用use註冊Vue全局組件和全局指令

Vue中的組件和指令分爲局部組件、局部指令和全局組件、全局指令。對於註冊有一定數量的全局指令和全局組件時,官方文檔中的方法就顯得有些不夠清爽了。 全局組件 在Vue官方文檔中介紹的是使用Vue.component(tagNam

原创 JS中需要注意的點(二)

條件語句和循環語句不能阻止var聲明的變量聲明的提升。(建議使用ES6中的let聲明變量)。 break關鍵字打破循環時,在未給循環命名的時候只會打斷本層循環。在使用命名後,break會同時打破本層和命名層。 function關

原创 vue-cli以webpack-simple+elementui配置

vue開發中,使用vue-cli腳手架快速搭建框架,之後引入elementui進行開發,在按照官網指示引入elementui後,會報錯,關於font的錯誤。 此時需要在webpack.config.js中更改相關配置。 在ru

原创 css3屬性識別文本框行數並處理

需求:當表格單元格內容超過4行時,隱藏多餘部分並顯示展開按鈕。不超過4行的,正常顯示且不顯示展開按鈕。 背景:使用dva相關技術棧 + jquery + css3 + antD 分析: 剛接到這個需求的時候,由於對css3屬性瞭解

原创 js深拷貝注意事項

1.使用Object.assign(newObj, oldObj); 只深拷貝了oldObj的第一層,之後的層級仍是淺拷貝。 如:oldObj = {a:1, b: 2}; 此時深拷貝沒問題 如:oldObj = {a:1, b:

原创 防抖和節流參考

https://www.jianshu.com/p/c8b86b09daf0 很有幫助

原创 使用postMessage方法完成跨域頁面通信

背景:本項目A中的用戶管理打開另一個系統B的用戶管理頁面,需要傳遞用戶信息。 問題: 1.需要傳遞用戶相關信息,所以不能通過url傳遞參數,存在安全風險; 2.兩個系統,跨域,無法單純使用sessionStorage或loca

原创 獲取某天前幾天的方法

function getBeforeDate() { let data = []; let date = new Date(); let year = date.getFullYear(); let month = date.

原创 echarts中xAxis的type=‘time’

當type=time時,x軸不需要再另外設置data。 只需要再series中的data設爲二維數組,每個元素是時間戳和值。 此時x軸會自定刻度間隔,需要自定義的話,使用splitNumber屬性 如想獲取當前時間前24小時,每隔半小