原创 JavaScript 實現導出 CSV 文件

        通過接口拿到的數據結構如上所示,現在要通過 JavaScript 將數據導出: <script type="text/javascript" src="json2csv.js"></script> <s

原创 URLSearchParams 小記

URLSearchParams 接口定義了一些實用的方法來處理 URL 的查詢字符串。之前沒有沒有接觸過,瞭解之後發現還是挺實用的,記錄一下。 首先,我們調用 new URLSearchParams() 會返回一個 URLSearchPa

原创 谷歌瀏覽器被hao123劫持

谷歌瀏覽器被hao123劫持了。。。簡直了。。。無力吐槽。。。 兜兜轉轉試了幾種方法(因爲實在不想改chrome.exe的名字,各種方法均以失敗告終。。),最終不得不向現實低頭,修改chrome.exe的名字: 現在的做法: 1、卸載重裝

原创 Google Chrome(谷歌瀏覽器)js調試

        Chrome的調試功能十分強大,這裏僅簡單記錄一些常用的 JS 調試,日常所需必備。 1、設置斷點         可以通過以下兩種方式來設置斷點:         (1)F12 調出控制檯後,在 Source 面板設置。

原创 vue的組件通信方式小結

組件之間的通信主要分爲:     1、父子組件之間通信     2、非父子組件之間的通信(兄弟組件、隔代關係組件等) 八種通信方式:     1、props 、$emit     2、$children、$parent     3、ref

原创 遞歸遍歷樹形結構,根據屬性值查找所在對象

目標:有一個對象數組,已知某個 id 屬性的值,改變其所在對象的 children 屬性值。 方法:通過遞歸方式遍歷對象數組,找到指定 id 對應的對象,改變該對象的 children 屬性值。 具體實現: // 原始對象數組[數據結構

原创 element-ui table組件翻頁後記錄之前頁面勾選數據

如圖: 問題: 當上面的表格翻到第二頁的時候,第一頁勾選的數據就沒有了。 解決辦法: 給 table 設置 row-key 屬性(值是可以唯一標識該條數據的屬性),同時給 type 爲 selection 的列設置 reserve-se

原创 vue-cli 搭建項目打包後element-ui圖標異常問題

利用 vue-cli 構建的項目,打包後放到服務器,測試發現,圖標顯示異常。打開控制檯有如下報錯: 這是因爲vue項目打包後樣式目錄結構變爲static/css 導致找不到對應的文件。 解決辦法: 在 build/utils.js 文件

原创 TS之裝飾器

裝飾器 裝飾器是一種特殊類型的聲明,它能夠被附加到類聲明,方法,屬性或參數上,可以修改類的行爲。 通俗的講,裝飾器就是一個方法,可以注入到類、方法、屬性、參數上來擴展類、方法、屬性、參數的功能。 常見的裝飾器有:普通裝飾器(無法傳

原创 TypeScript 中類的定義 & 繼承 & 多態

1.修飾符 ts裏面定義屬性的時候給我們提供了三種修飾符: public: 共有類型,在當前類裏面、子類、類外部都可以訪問 private: 私有類型,在當前類裏面可以訪問,子類、類外部不能訪問 protected:

原创 關於 ES 5 中的類、繼承 小記

ES 5 ---- 類 // 構造函數裏定義屬性 & 方法 function Person() { this.name = 'zhangsan'; this.age = 18; this.run = fun

原创 前端防抖與節流

1、防抖   1.1 定義:     在事件被觸發n秒後再執行回調函數,如果在這n秒內又被觸發,則重新計時。   1.2 應用場景:     (1) 用戶在輸入框中連續輸入一串字符後,只會在輸入完後去執行最後一次的查詢ajax請求,這樣可

原创 中英文狀態的符號轉換

1、JS把中文的標點全部替換成英文標點: function qj2bj(str){ var tmp = ""; for(var i=0;i<str.length;i++){ if(str.charCodeAt(i) >= 652

原创 前端處理跨域問題

跨域:即請求的地址與被請求的地址協議頭、域名、端口有一個不一樣就叫跨域。相反,不跨域即叫同源,同源:即協議頭、域名、端口完全一致。舉個例子: URL 說明

原创 vue 註冊全局組件

項目中,可能有些組件的複用性非常高,出現的場景也比較多,這時候,一個個頁面去引用組件效率就有些低了。 其實我們沒有必要在每一個需要的地方使用,而是採取在根組件中註冊。根組件中的註冊是全局註冊。全局註冊了之後就可以在根組件下的任何子組件中使