原创 js 作用域、作用域鏈精解
首先來幾個名詞解釋： 作用域[scope]:每一個js函數都是一個對象，對象中有些屬性我們可以訪問，但有些不可以，這些屬性僅供js引擎存取，[[scope]]就是對象其中一個屬性。[[scope]]指的就是我們所說的作用域，其中存儲了運行
2018-12-11 21:18:36
原创 關於 @ngrx/Store 下 obj 的擴展問題
昨天做 task 的時候，遇到了一個問題。 TypeError: can't define property "x": "obj" is not extensible 而我的代碼是 public txTiles: Array<Tran
2018-12-06 21:19:11
7
原创 使用Karma運行JavaScript測試
Karma 簡介 Karma是一個JavaScript的測試運行器。事實上，Karma更是一個測試環境，使用Karma可以很方便的的運行測試(方便到你感覺不到它的實際存在)。 一般的TDD的開發流程爲： 編寫測試(一個會失敗的case)
2018-12-06 21:19:11
原创 關於 SwitchButton 切換開關的一些事
背景 昨天做項目的時候，遇到了一個小問題，是關於 switch button 的，就是這個 我們在很多地方看到過它，最典型的就是我們手機的通知管理，經常收到各種 APP 的通知，很煩對不對？有一個"允許通知"按鈕，禁用它就可以了。 swit
2018-12-06 21:18:48
原创 angular--怎樣創建響應式表單？
在angular中，提供了兩種創建表單的方式： 模板驅動型表單（Template Driven Forms） 響應式表單（Reactive Forms） 在模板驅動型表單中，我們直接通過 ngModel 指令在組件模板中創建 con
2018-12-06 21:18:48
2
原创 angular組件間的交流(2)-- viewChild 和 data service
我在上上篇文章中介紹了父子組件間通過 Input 和 Output 的交流方式。現在我會介紹組件間交流的其他兩種方法，viewChild 和 data service。我將這篇文章分爲兩部分。首先看 viewChild 部分吧。 通過 vi
2018-12-06 21:18:48
5
原创 angular-路由與導航部分梳理
<base herf>元素 帶路由的應用都要在index.html上的<head>標籤下添加一個<base>元素，來告訴路由該如何合成導航用的URL,如<base herf="/"> Angular的路由是一個可選的服務，用來呈現U
2018-12-06 21:18:48
原创 z-index設置失效？
今天碰到了一個問題，就是在給li設置提示框的時候，有用到遮罩效果，本來想把對應的出現在最頂層，可是不管將li設置的z-index值設爲多大，li都沒有出現在遮罩層之上。 我在網上查了z-index設置無效的原因，是這麼說的： z-index
2018-12-06 21:18:48
原创 angular-常用模塊和特性模塊
angular 模塊把組件、指令和管道打包成內聚的功能塊，每個模塊聚焦於一個特性區域、業務領域、工作流或通用工具。模塊還可以把服務加到應用中。 這些服務可能是內部開發的（比如你自己寫的），或者來自外部的（比如 Angular 的路由和 HT
2018-12-06 21:18:36
原创 執行 git merge 時遇到的問題
今天在將上級代碼 merge 到本地分支的時候出現了一個衝突，解決之後，再次執行 git pull，但是卻報錯了： error: You have not concluded your merge (MERGE_HEAD exists).
2018-12-06 21:18:35
原创 angular-cli的安裝問題
今天構建angular項目的時候，執行： ng new - ng generate class - 後出現了下面的問題： This command can only be run inside of a CLI project. 可
2018-12-06 21:18:35
1
原创 angular總結小記兩三點
用ngModel實現雙向數據綁定 從組件流到模板，再從模板流到組件 使用雙向綁定語法：[(ngModel)]=""; 在AppModule中引入FormModule :import {FormMOdule} from @angular/f
2018-12-06 21:18:35
原创 分享幾個vs code 的幾個插件
Angular 5 and TypeScript/HTML VS Code Snippets 將angular2及以上版本，ts,html的代碼片段添加到編輯器中，可大大提高開發生產力； TSlint 可以強制你寫出格式嚴格的高質量代碼，
2018-12-06 21:18:35
3
原创 angular核心知識點總覽
Angular 官方文檔列出了 8 個核心概念，分別是模塊、組件、模板、元數據、數據綁定、指令、服務、依賴注入。如果把這些概念串聯起來，從總覽的角度看各個概念在應用中所處的位置，大概是這樣子： 從這裏我們可以得到如下信息： 組件裏有兩大
2018-12-06 21:18:35
原创 angular 中的 property-binding 和 attribute-binding
1.前言 前幾天，angular 項目裏實現屬性綁定的時候發現了個小問題，這是我的代碼： <input type="checkbox" [attr.checked]="item.data.isEnabled"> 但代碼並沒有生效。然後
2018-12-06 21:18:35
18