原创 Angular父組件和子組件通過服務來通訊

我們在Angular中可以通過服務來實現子組件和父組件數據的雙向流動。 這張圖揭示了子組件和父組件通過服務來通訊的原理。 我們先用ng new parent-child來創建一個工程。接下來我們用以下命令生成相應的組件和服務。 生成

原创 仿百度搜索熱點列表的實現

相信大家都用過百度搜索,其中在百度搜索結果的右側會有一個搜索熱點的列表。 這個搜索列表中有一個換一換的鏈接,當我們點擊這個鏈接的時候列表就會更換一次。其實這個交互的實現效果非常的簡單。 html代碼如下: <div class="o

原创 Rxjs在Angular中的簡單應用

Angular中集成了Rxjs庫,Rxjs是javascript的一個響應式編程庫,它提供了很多api,可以很方便的處理和操作應用中的數據。 我們在自己的angular項目中新建一個組件: ng generate component

原创 記錄一次數組的操作

操作數組的常見的方法有forEach、map、filter,其中map和filter方法的返回值都是數組,forEach的返回值是undefined,可以理解爲沒有返回值。 由於原生的數組對象中,沒有concatAll方法,所以打算自

原创 記錄一次eval的問題

eval方法接收一個字符串,並且會把傳進去的字符串當做js代碼去執行。 在講eval的問題之前,我們先看一個數組的問題: var str = 'a' + ['b'] + 'c'; console.log(str); // abc 以

原创 用Node實現登錄註冊功能(一)

環境搭建 首先要初始化項目,我們進入項目的目錄後,運行npm init命令即可進行對項目的初始化: 項目初始化完畢後就要開始安裝項目依賴了: 我們可以在package.json文件中dependencies字段下看到此項目所需要的