摘要:一的概念端實際上等于瀏覽器窗口,擁有瀏覽器窗口的寬度和高度,元素使用寬度的在未手動設置元素寬度情況下。用獲取元素本身的尺寸移動端分為和。大小由設備本身決定。所有的縮放規(guī)則都是相對于而言的,而與多寬無關。 一、viewport的概念 PC端 viewport實際上等于瀏覽器窗口,擁有瀏覽器窗口的寬度和高度,元素使用viewport寬度的100%(在未手動設置html元素寬度情況下)。用d...
摘要:用防抖實現鼠標移出消失由于標簽本身不支持事件,所以對于點擊一個按鈕彈出的,我們想要當這個失去焦點的時候,讓它消失不能使用的來實現。但是可以利用和事件來實現失去焦點消失的功能。 用防抖實現DIV鼠標移出消失 ??由于div標簽本身不支持onblur事件,所以對于點擊一個按鈕彈出的div,我們想要當這個div失去焦點的時候,讓它消失不能使用的onblur來實現。??但是可以利用onmous...
摘要:學習心得出于對的好奇,決定要去學習門技術,提升自己。安裝命令行輸入回車,全局安裝命令行輸入回車輸出版本號,表示安裝成功。進入到我們的項目中,我創(chuàng)建的項目為,在這個項目下創(chuàng)建配置項,命令行輸入一路回車。 webpack學習心得 出于對webpack的好奇,決定要去學習門技術,提升自己。 什么是webpack? webpack是德國開發(fā)者開發(fā)的模塊加載器兼打包工具,在webpack中,...
摘要:代碼展示漸進增強優(yōu)雅降級帶前綴的個滿足了大部分瀏覽器,而不帶前綴的只有最新的一部分瀏覽器才支持。如何選擇漸進增強觀點認為應關注于內容本身。優(yōu)雅降級觀點則認為應該針對那些最高級最完善的瀏覽器來設計網站。 1.代碼展示 /*漸進增強*/ .div1 { -webkit-transition: all 2s; //Safari Chrome ...