原创 可被子元素繼承的屬性
文本 color(顏色，a元素除外) direction(方向) font（字體） font-family（字體系列） font-size（字體大小） font-style（用於設置斜體） font-variant（用於設置小型大寫字母）
2020-06-07 20:30:21
原创 瀏覽器兼容性問題（IE9+;PC）
HTML/CSS 1. 默認margin、padding不一致 * {margin: 0;padding: 0;} 2. css3的animation IE9不支持 3. display: flex IE9不支持；
2020-06-07 20:30:21
原创 vue(2.x) 響應式修改數據（對象、數組）及難點（坑）
背景 1. Vue不能檢測對象屬性的添加、刪除（僅此而已，可直接對該對象重新賦值、修改該對象或內層對象的屬性） 2. Vue不能檢測數組的項修改（根據index）、length修改（僅此而已，可直接對數組重新賦值，如使用filter、ma
2020-06-07 20:30:21
原创 MacOS Safari內嵌第三方iframe無法創建cookie
問題由來 默認情況下，Safari會允許來自您訪問的網站的Cookie，但會阻止可能嵌入在這些網站中的第三方內容在您的計算機上存儲Cookie。 解決方案 由於問題是跨域導致，故可將子頁面代理到父頁面相同域名下 父頁面生成to
2020-06-07 20:30:21
原创 js Array重點注意記錄
1. Array.prototype.fill 當參數爲對象（數組）時，該數組中每一項都將指向同一個對象，而並非每次都創建一個新對象，如下 new Array(5).fill({x: 1}) 如果需要初始化一個每項都爲對象
2020-06-07 20:30:21
原创 常用塊級元素與行內元素
常用塊級元素： div、p、h1~h6、ul、ol、dl、li、dd、table、hr、blockquote、address、table、menu、pre，HTML5新增的header、section、aside、footer等 常用
2020-06-07 20:30:21
原创 vue 兩種Object.assign響應式修改對象方式
兩種寫法 1. this.obj = Object.assign({}, this.obj, {k: v})（推薦寫法） 推薦原因： this.obj可能是父級組件傳過來的prop，而爲了遵循 單向數據流 的設計理念，不直接修改該數據對象
2020-06-07 20:30:21
原创 position: inherit、static、relative、absolute和fixed
inherit: 規定應該從父元素繼承 position 屬性的值。 static: 默認值。沒有定位，元素出現在正常的流中（忽略 top, bottom, left, right 或者 z-index 聲明，z-index只對re
2020-06-07 20:30:21
原创 js 元素寬高、位置計算總結
DOM對象 只讀屬性 clientWidth、clientHeight：指的是元素的可視部分寬度和高度，即padding+content，如果沒有滾動條，即爲元素設定的高度和寬度，如果出現滾動條，滾動條會遮蓋元素的寬高，那麼該屬性就是其本
2020-06-07 20:30:21
原创 js new運行流程
1. 創建一個新對象 2. 將這個新對象的隱式原型指向Class的顯式原型 3. 將這個新對象作爲this指針的指向，用call/apply調用Constructor 4. 如果上述Constructor調用返回對象或function就將
2020-06-07 20:30:21
原创 vue 小知識總結
1. v-if 用於切換元素(組件)是否存在 在切換時元素(組件)及它的數據綁定被銷燬並重建，值爲false時關閉數據劫持，值爲true時開啓數據劫持，依據此特性，我們可以達到重新渲染(將當前state變成初始state)的效果 <co
2020-06-07 20:30:21
原创 Npm 常用命令
初始化（生成 package.json）: npm init 安裝 package.json 中的所有包：npm install 全局安裝（在安裝命令行工具時使用全局安裝，如npm install vue-cli -g）:
2019-05-01 01:11:50
原创 瀏覽器重繪與迴流
當元素的樣式發生變化時，瀏覽器需要觸發更新，重新繪製元素。這個過程中，有兩種類型的操作，即重繪與迴流。 重繪(repaint): 當元素樣式的改變不影響佈局時，瀏覽器將使用重繪對元素進行更新，此時由於只需要UI層面的重新像素繪製，
2019-04-10 07:26:16
3
原创 浮動元素詳解
爲什麼需要浮動元素？ 1. 行內元素（包括文字、input、button等等）環繞浮動元素，這也是float設計之初的目的，可以實現文字環繞圖片等效果 2. 較早時期用來進行頁面佈局，現在有了inline-block、flex、gri
2019-03-25 07:37:06
1