原创 RxJS在Angular中的實戰例子

一、輸入框的聯想輸入 要求: 從輸入中監聽數據。(從keydown事件中獲取事件宿主輸入框中的值) 移除輸入值中的前後空白符,並且長度符合要求 防抖(keyup時發送請求,這也會導致每敲一次鍵盤都會發出一次請求,如何優化?) 如果輸入值沒

原创 CSS盒子模型、邊距重疊、計算寬高

CSS盒模型筆記,主要包括了盒模型的標準模式和IE模式的區別,通過box-sizing屬性設置寬高的計算方式,盒模型中的邊距重疊問題,幾種通過js獲取寬高的方法,BFC相關概念以及BFC的幾種使用場景。 1、IE模式和標準模式 先敬上一張

原创 @Inject與InjectionToken的使用

DI依賴注入是一種編碼模式,構造函數中的參數通過注入器獲取不需要自己創建。@Inject是參數修飾符,表示該參數是通過注入的方式獲取。 通過一段代碼表示依賴注入與@Inject的使用有A類,B類,B類依賴類A: class A{ n

原创 在Angular中通過Subject進行組件之間通訊

Subject既可以當sender也可以自我subscribe,並且可以被多個訂閱者訂閱。 在Angular中,我們可以通過創建一個服務來爲不同的組件之間提供通訊服務。而通訊的實現就是通過Subject。 第一步創建服務: import

原创 JS面向對象程序設計--對象屬性

1、數據屬性與訪問器屬性、定義多個屬性 var object = new Object(); Object.defineProperty({ object, "key", { configurab

原创 Node.js 從零開發web server博客項目--項目初始化

本篇博客記錄了《Node.js 從零開發web server博客項目》的原生開發系列內容。 開篇主要介紹原生項目的搭建,以及初步的項目結構設計。 一、項目初始化 新建項目目錄,並進入到項目目錄中,使用命令npm init初始化項目,期間會

原创 如何學習NgZorro的源碼

1、先閱讀ng-zorro的官方文檔,比如nzButton的如何使用方法,產生的效果,形成初步的映象。 我們先看最簡單的使用方法: <button nz-button nzType="primary">Primary</button>

原创 Node.js 從零開發web server博客項目--controller與返回模型

上篇博客記錄了《Node.js 從零開發web server博客項目》項目的初始化及初步的項目結構規劃。 開篇將繼續接着上篇中的項目內容,介紹返回內容的設計與解析postData。 對於接口返回的內容結構,我們通過一個創建一個resMod

原创 Node.js 從零開發web server博客項目--原生開發(1)

本篇博客記錄了《Node.js 從零開發web server博客項目》的原生開發系列內容。 開篇主要介紹原生項目的搭建,以及初步的項目結構設計。 一、項目初始化 新建項目目錄,並進入到項目目錄中,使用命令npm init初始化項目,期間會

原创 前端項目中常用到的指令彙總--持續更新

一、button中的點擊事件節流 需求:避免用戶在持續單擊按鈕的時候不斷觸發綁定的函數調用,節約資源。 方法:通過指令的方式賦予button新的click行爲特定。 注意:採用訂閱的方式要注意在銷燬的時候及時取消訂閱。 大致流程如下 1、

原创 Angular第二路由named outlet在懶加載中的bug解決方案

  第二路由,named outlet,也叫命名路由。一個template中只允許有一個無名主路由與多個named outlet。named outlet一般用來做彈框,彈窗使用,彈框只有手動關閉才能關閉,否則即使頁面切換,頁面中仍然會有

原创 Nodejs項目在docker中如何在dev、st、生產等環境切換配置

項目一般經歷過dev、st、uat等環節之後才能正式部署到生產。對於不同的環境有不同的配置,比如數據庫配置、反向代理配置等等。大部分項目可以通過環境變量配置區分dev、st、uat、prd等環境。Nodejs項目也可以採用這種方式實現切換

原创 閒魚雜感

揭祕:提高閒魚排名和瀏覽量的幾個內幕 01、閒魚延續了淘寶的排序機制:銷量高、人氣旺就排在前面 02、銷量累計越多,人氣綜合實力越高(想要+流量+瀏覽量),就能長期霸佔有個熱門關鍵詞TOP位置流量 03、開通閒魚同時,一定要開通淘寶店鋪。

原创 MBTI性格測試

參加《MBTI幸福職業生涯發展》的課程培訓受益匪淺。講師首先詳細分析了MBTI性格測試的各個維度的性格類型和特徵,常見的行爲表現以及優缺點。經過系統測試與自我感覺調整,我的性格類型爲ISTJ型,對自己的所有對待工作、處事、待人的方法與態度

原创 Angular paramMap、queryParamMap、snapShot該如何應用?

原文鏈接:http://blog.tcs-y.com/2019/03/28/ng2-router-paramMap-queryParamMap/ 本文轉載自:http://blog.tcs-y.