原创 Vue:單文件組件-學習筆記

在很多 Vue 項目中,我們使用 Vue.component 來定義全局組件,緊接着用 new Vue({ el: '#container '}) 在每個頁面內指定一個容器元素。 這種方式在很多中小規模的項目中運作的很好,在這些項目裏 J

原创 Vue:混入的使用和作用

最近在跟着Vue.js教程自學Vue,看到混入這一章的時候感覺沒能理解它的作用。看了一下混入的定義: 混入是一種分發Vue組件中可複用功能非常靈活的方式。混入對象可以包含任意組件選項。當組件使用混入對象時,所有混入對象的選項將被混入該組件

原创 npm install、npm install --save與npm install --save-dev、npm install -g區別

npm install XXXX: 會把X包安裝到node_modules目錄中 不會修改package.json 之後運行npm install命令時,不會自動安裝X   npm install XXXX –save: 會把X包安裝到

原创 Angular:ngStyle的使用,實現列表數據不同顏色展示

想要實現一個table中,根據數據不同而用不同顏色展示,比如: 審批表經過不同次數編輯保存後,審批表列表頁對應行的字體顏色變化。如第一次保存默認爲黑色,第二次保存爲綠色,第三次保存爲紅色......(暫設置5層,5層後顏色不再變化) 首先

原创 Git:vs code上,出現fatal:refusing to merge unrelated histories錯誤

今天拉取分支上代碼的時候出現了一個問題,git pull失敗,提示:fatal:refusing to merge unrelated histories 這個問題是因爲兩個不相干的git庫,一個本地庫,一個遠端庫,本地要推送到遠端,遠端

原创 echarts的雷達圖(radar)鼠標移動到圖標上面,如何給數據加單位

我們只需要在雷達圖的data中,找到emphasis,這個是控制鼠標懸浮時高亮顯示展示的雷達圖中的具體數據的樣式 在label項中,我們配置formatter爲: formatter: '{c}(單位)' 這樣就可以展示出數據的單位了,

原创 Angular:裝飾器(註解)是什麼?有什麼作用?

裝飾器/註解就是一個函數,但它是一個返回函數的函數,它屬於Typescript的特性,而非Angular的特性。 類裝飾器(https://www.jianshu.com/p/57ed7747c45d): @NgModule、@Compo

原创 Angualr:列表中展示樹狀結構,節點可展開、編輯、新增、添加下級

下面展示如何在列表中展示一個樹狀結構,能新增節點、編輯節點、新增下級: 首先列表上方是新增按鈕,點擊後調用新增方法: <div class="table-header"> <button nz-button nzType="in

原创 Angular:實現一個簡單的時鐘

頁面右上角展示一個時鐘,我們只需要在html上綁定一個使用data過濾器的數據,在頁面上初始化後用setInterval實現時間實時變化即可: <div nz-col nzSpan="4"> <div nz-row>

原创 Angular:正則表達式的使用

正則表達式: e.g: (?0\d{2}[) -]?\d{8} 首先是一個轉義字符(,它能出現0次或1次(?),然後是一個0,後面跟着2個數字(\d{2}),然後是)或-或空格中的一個,它出現1次或不出現(?),最後是8個數字(\d{

原创 Angular:查詢DataList中符合條件的行數據的索引值index

一般來說,表格數據遍歷時使用*ngFor我們就可以取到索引值: <nz-table nzSize="small" #nzTable [nzData]="DataList" [nzBordered]="true" [nzTotal]=

原创 Angular:(ngModelChange)沒有實時觸發的問題解決

在頁面上的嵌套表單上,有兩個字段分別爲金額1(amountOne)和金額2(amountTwo),我想要實現實時捕捉這兩個字段的值的變化:限制頁面上的金額2要大於金額1。 一開始寫的代碼如下: 這兩個字段作爲editClauseForm表

原创 CSS:使用css3製作漸變色紡錘線

html: <div class="mask"></div> 在css文件中: .mask { overflow: hidden; margin-top: 20px; height: 20px; } .mask:afte

原创 Git:如何修改git倉庫URL(地址)

在git的使用中,經常會出現git服務器IP地址變更的現象,一旦服務器的IP地址有變化,本地倉庫的代碼就和服務器失去了聯繫,無法同步服務器的代碼。 這裏簡單介紹三種方法實現git地址的變更: 第一種方法:到項目所在目錄找到git地址的配置

原创 前端筆試題整理:活到老學到老③

18、改造下面的代碼,使之輸出0 - 9,寫出你能想到的所有解法。 for (var i = 0; i< 10; i++) {    setTimeout(() => { console.log(i);   }, 1000) } 答案: