原创 一步一步實現中後臺管理平臺模板-12-ECharts封裝和響應式,刷新問題及vue-echarts的使用
一,前言 前言的前言: 有一段時間沒有更新<<基於Vue的後臺管理模板>>專欄了 看了一眼,最近的一次更新還是在8月23日,算起來也間隔了1個多月 中間這段時間一直在看TypeScript,做了些筆記並做了一次TS的學習分享 目前
2020-06-14 04:40:43
原创 一步一步實現中後臺管理平臺模板-14-Vue開發工具配置和使用Vetur, ESLint, Prettier, StyleLint
一,前言 上一篇解決了IE瀏覽器兼容問題 到目前已經更新了13篇,但對於開發工具的配置和使用還隻字未提 一方面開發工具越早啓用越好,有利於代碼規範和開發體驗的優化 但不寫一些有問題的代碼就沒辦法表現出開發工具的效果和好處 到目前位
2020-06-14 04:40:43
7
原创 一步一步實現中後臺管理平臺模板-13-解決IE瀏覽器兼容性問題
一,前言 上一篇,介紹了ECharts封裝,響應式,刷新問題及vue-echarts的使用,以及IE兼容性問題 這一篇,就來着重解決目前項目存在的IE兼容性問題 二,IE兼容性問題 Vue官方文檔描述支持IE8+,因爲Vue
2020-06-14 04:40:43
原创 TypeScript實戰-14-TS的類型檢查機制-類型保護機制
一,前言 二,類型保護的場景 定義Java和JavaScript兩個類和一個類型枚舉,包含強類型和弱類型 兩個類包含各自的打印方法但方法名不相同 根據type獲取對應實例 // 類型保護 enum Type { Strong
2020-06-14 04:40:43
2
原创 TypeScript實戰-15-TS高級類型-交叉類型
一,前言 TS高級類型,指TS爲保證語言的靈活性,所引入的語言特性 這些語言特性有助於開發者應對複雜多變的開發場景 二,交叉類型 交叉類型: 將多個類型合併成爲一個新的類型,新類型具有所有類型的特性 應用場景: 由於交叉類型
2020-06-14 04:40:43
原创 TypeScript實戰-23-使用模塊和聲明文件
一,前言 在TS中引入類庫和編寫聲明文件 二,引入外部類庫 類庫分別爲3類: 全局類庫 模塊類庫 UMD類庫 以jQuery爲例,屬於UMD類庫 既可全局方式引用(配合webpack插件),也可以模塊化方式引入 import
2020-06-14 04:40:43
原创 TypeScript實戰-17-TS高級類型-索引類型
一,前言 本篇介紹TS的另一個高級類型-索引類型 從對象中獲取一些屬性的值,然後建立一個集合 et obj = { a: 1, b: 2, c: 3 } // 獲取對象中的指定屬性的值集合 functio
2020-06-14 04:40:43
原创 TypeScript實戰-01-TypeScript簡介
一,前言 JS的發展: 隨着互聯網的發展,JavaScript被廣泛應用 目前JavaScript不僅侷限於網站開發,還可以進行APP,服務端,桌面應用等多端應用開發 JavaScript還被廣泛應用於IOT,AI,大數據等諸多新
2020-06-14 04:40:43
原创 TypeScript實戰-18-TS高級類型-映射類型
一,前言 本篇介紹TS的另一個高級類型-映射類型 二,映射類型 映射類型: TS允許將一個類型映射成另外一個類型 將一個接口的所有屬性映射爲只讀: // 定義接口Obj interface Obj { a: numb
2020-06-14 04:40:43
1
原创 TypeScript實戰-16-TS高級類型-聯合類型
一,前言 上一篇介紹了TS高級類型-交叉類型 本篇介紹另一個TS高級類型-聯合類型 聯合類型並不陌生,之前已經接觸過多次了 二,簡單的聯合類型 聯合類型: 聲明時,類型可能爲多個類型中的一種,但不能確定是哪一種 let a
2020-06-14 04:40:43
原创 TypeScript實戰-13-TS的類型檢查機制-各種類型之間的兼容性
一,前言 本篇只要討論TS不同類型的兼容性 類型兼容經常發生在接口,函數和類中 二,類型兼容 如果類型A可以被賦值給類型B,那麼就可以說類型B兼容類型A 如果 : B(目標類型) = A(源類型) , 則 : 類型B兼容類型A
2020-06-14 04:40:43
原创 TypeScript實戰-25-ESLint代碼檢測
一,前言 使用Vue和React開發時,通常使用ESLint做代碼檢測 TypeScript有自己的檢查工具TSLint 但由於ESLint在Vue和React的影響及更好的性能 TypeScript也決定使用ESLint做TS的
2020-06-14 04:40:43
1
原创 TypeScript實戰-20-TS模塊化
一,前言 在JS的項目中,隨着工程的不斷增大,爲了便於管理和模塊複用,產生了很多模塊化解決方案 如CommonJS,AMD,CMD及ES模塊,目前最常用的是ES6的模塊,CommonJS模塊 TS對這兩種模塊系統都有比較好的支持
2020-06-14 04:40:43
1
原创 TypeScript實戰-24-TS的編譯工具
一,前言 前面的工程中,爲了將ts文件編譯稱爲js文件,使用了webpack-loader:ts-loader webpack.base.config.js: module: { // loader rules:
2020-06-14 04:40:43
原创 TypeScript實戰-19-TS高級類型-條件類型
一,前言 本偏介紹TS另一種高級類型-條件類型 二,條件類型 條件類型是一種由條件表達式所決定的類型 條件類型使類型具有了不唯一性,同樣增加了語言的靈活性 聲明: T extends U ? X : Y 若類型T可被賦值給類
2020-06-14 04:40:43
2