摘要:閱讀原文偶然看到的頁面,沒想到的頁面也是做的很有心,就試著找了下源碼,打算仿一下這個效果。這個頁面是借用圖片錯位,以及圖片運動速度不一致,給人一種立體感。頁面首次加載鼠標不在瀏覽器中時就以這種方式布局圖片。 閱讀原文 ??偶然看到github的404頁面,沒想到github的404頁面也是做的很有心,就試著找了下源碼,打算仿一下這個效果。 ??這個效果看上去是3d的,其實沒有用到...
摘要:的特性始終是透明的。例如就等于如果只有兩個值,第一個值表示上下值,第二個值為左右的值。垂直外邊距合并問題外邊距合并指的是,當兩個垂直外邊距相遇時,它們將形成一個外邊距。合并后的外邊距的高度等于兩個發生合并的外邊距的高度中的較大者。 Margin的特性 margin始終是透明的。 margin通過使用單獨的屬性,可以對上、右、下、左的外邊距進行設置。即:margin-top、marg...
摘要:標簽的默認行為及阻止標簽的默認行為有超鏈接點擊標簽可以實現頁面的跳轉錨點定位通過值定位到當前頁面制定盒子的位置。阻止標簽的默認行為,第三種通過事件對象阻止默認行為 A標簽的默認行為及阻止 A標簽的默認行為有: 超鏈接:點擊A標簽可以實現頁面的跳轉 錨點定位:通過hash值定位到當前頁面制定ID盒子的位置。 在項目中,如果我們想用A標簽做一個按鈕(優點:它的:hover樣式是兼容所有...
摘要:瀏覽器已經原生支持模塊,我閱讀著底部參考鏈接的兩篇文章,本地測試打開文件,沒有顯示預期的內容,打開控制臺,報錯如下這是為什么不像常規的腳本加載,直接跨域可以解析,模式下腳本資源加載需要方式獲取,不然瀏覽器報跨域相關錯誤如何支持跨域需要模塊資 瀏覽器已經原生支持ES模塊,我閱讀著底部參考鏈接的兩篇文章,本地測試 showImg(https://segmentfault.com/img/b...
摘要:理解作用域作用域負責收集并維護由所有聲明的變量組成的集合,等待引擎的查找。當遇到時,編譯器會詢問作用域是否存在變量。詞法作用域就是定義在詞法階段的作用域。但函數不是唯一的作用域單元。塊作用域屬于某個代碼塊通常指內部。 理解作用域 作用域負責收集并維護由所有聲明的變量組成的集合,等待引擎的查找。 var a = 2; console.log(a); // 2 console.log(b...