原创 什麼是 BFC、IFC、GFC 和 FFC
What's FC？ 一定不是KFC，FC的全稱是：Formatting Contexts，是W3C CSS2.1規範中的一個概念。它是頁面中的一塊渲染區域，並且有一套渲染規則，它決定了其子元素將如何定位，以及和其他元素的關係和相互作用。
2020-04-28 15:34:32
原创 路由傳參和JSON.parse解析問題
背景：通過路由傳參的方法，傳一個複雜對象 obj = { "key":"name1", "jsonString":'{"key":"name2"}' } 首先，轉字符串str = JSON.stringify(obj); 得到"{"key
2020-04-21 14:10:54
原创 cometd總收到幾條重複的通知問題
背景：angular項目，利用cometd接收通知，當對組件多次初始化時，每次通知上報時，會收到幾條重複的通知。 猜測：應該是cometd註冊了多個監聽器，由於每次銷燬組件時，沒有把cometd監聽器清除，導致每次初始化都會有一個監聽器。
2020-04-13 18:49:53
原创 深入理解Cookie
1. 前言 朋友問我cookie是什麼，用來幹什麼的，可是我居然無法清楚明白簡短地向其闡述cookie，這不禁讓我陷入了沉思：爲什麼我無法解釋清楚，我對學習的方法產生了懷疑！在知乎上看到有人推薦使用費爾曼學習技巧，於是在重新學習cooki
2020-03-24 03:20:50
1
原创 cursor: not-allowed和 pointer-events: none
cursor: not-allowed;鼠標樣式爲 禁用圖標 pointer-events: auto; 效果和沒有設置pointer-events屬性相同；點擊後不會穿透當前層。在SVG中，該值和visiblePainted的效果相同。
2020-03-05 07:45:40
原创 Can't bind to 'ngModel' since it isn't a known property of 'pl-select'.
當新建模塊，引用一個組件時，報錯Can't bind to 'ngModel' since it isn't a known property of 'plx-select'. 解決： 查詢官網文檔可知 ngModel 指令存在於 npm
2019-09-15 14:06:37
2
原创 Ts函數作爲參數傳遞以及作用域問題總結
箭頭函數作用域 項目中調用方法時經常用到this，而this的指向也是極易改變的，所以對於一些複雜的函數，一般會先定義 const self = this;防止this發生改變。那麼先說明一下比較常見的情況： export cla
2019-07-05 20:40:57
原创 git commit --amend
適用場景： 比方說，你的代碼已經提交到git庫，leader審覈的時候發現有個Java文件代碼有點問題，於是讓你修改，通常有2種方法： 方法1：leader 將你提交的所有代碼 abandon掉，然後你回去 通過git reset …將代
2019-07-05 20:40:57
原创 初始Vue筆記之——表單輸入綁定
v-model 會忽略所有表單元素的 value、checked、selected 特性的初始值而總是將 Vue 實例的數據作爲數據來源。應該通過 JavaScript 在組件的 data 選項中聲明初始值。 對於需要使用輸入法 (如中文
2019-07-05 14:06:02
原创 Angular端口4200被佔用後如何處理
本地起angular服務時，在控制檯使用ng serve命令，默認端口號4200 如果想要停止服務，在ctrl+c，然後輸入Y,回車 但是如果不慎把控制檯關掉了，如果再起服務，會報端口4200被佔用，怎麼辦呢？ 當然你可以重啓電腦，或者換
2019-07-04 19:42:45
4
原创 angular路由傳參問題
一般angular路由傳參，如果參數包含特殊字符，比如"/",需要先編碼encodeURIComponent，否則匹配路由時會報錯 但是今天遇到一個奇怪的問題，當參數是包含"()"好像也不行，但是encodeURIComponent又不能
2019-07-04 19:42:45
原创 初始Vue筆記之——Class 與 Style 綁定
綁定 HTML Class 對象語法 <div v-bind:class="{ active: isActive }"></div> 數組語法 <div v-bind:class="[activeClass, errorClass]"
2019-07-02 14:08:02
原创 初始Vue筆記之——模板語法
插值 通過使用 v-once 指令，你也能執行一次性地插值，當數據改變時，插值處的內容不會更新。但請留心這會影響到該節點上的其它數據綁定： <span v-once>這個將不會改變: {{ msg }}</span> 雙大括號會將數據解
2019-06-28 14:09:08
原创 初始Vue筆記之——Vue 實例
數據與方法 實例生命週期鉤子 不要在選項屬性或回調上使用箭頭函數，比如 created: () => console.log(this.a) 或 vm.$watch('a', newValue => this.myMethod())。因
2019-06-28 14:09:08
原创 初始Vue筆記之——計算屬性和偵聽器
計算屬性 var vm = new Vue({ el: '#example', data: { message: 'Hello' }, computed: { // 計算屬性的 getter re
2019-06-28 14:09:07