原创 數組++、對象、ES5Array新增方法
數組++、對象、ES5String 1 Array 數組 1.1 多維數組 數組裏包含數組,即數組中的元素爲數組。 var arr = [1,2,'html5',[3,4,'css3'],[5,6,'javascript']]; arr[
原创 彈性盒佈局、多列布局、媒體查詢
彈性盒佈局、多列布局、媒體查詢 1 flexbox佈局 1.1 flexbox佈局簡介 flexbox佈局,即伸縮佈局盒模型,又叫彈性盒佈局,用來提供一個更有的方式制定、調整和分佈一個容器裏的項目佈局,即使它們的大小是未知或動態的。 中心
原创 JavaScript循環語句++
JavaScript循環語句++ 1循環嵌套 for(var i=0;i<10;i++){ for(var j=0;j<10;j++){ console.log(i,j); } } for循環執行過程:1.
原创 JavaScript 函數++
JavaScript 函數++ 1函數的參數類型 函數可以作爲參數進行傳遞。 function showMsg(name,age,gender,showTime){ // showTime = laoxieSay; // showT
原创 JavaScript基本語法++、語句Statement
JavaScript基本語法、語句Statement 1 JavaScript基本語法++ 1.1隱式轉換 如果運算不能進行下去,內部就會嘗試進行數據類型的轉換支持隱式轉換的運算:邏輯運算、關係運算、數學運算。 如var num1 = n
原创 JavaScript簡介與基礎語法
JavaScript基礎 1JavaScript簡介 1.1JavaScript的誕生 JavaScript誕生於1995年。由Netscape(網景公司)的程序員Brendan Eich(布蘭登)與Sun公司聯手開發一門腳本語言, 最
原创 CSS3選擇器和相關屬性
1CSS3選擇器 1.1基本選擇器 1.1.1通配符選擇器 1.1.2標籤選擇器 1.1.3類選擇器 1.1.4 id選擇器 1.1.5羣組選擇器 1.2層次選擇器 1.2.1後代選擇器 1.2.2子代選擇器“>” 1.2.3相鄰兄弟選擇
原创 盒模型、3d變換、關鍵幀動畫
盒模型、3d變換、關鍵幀動畫 1雜七雜八 1.1box-shadow邊框陰影 box-shadow:18px 27px 10px 30px red inset; 第一個數值代表水平偏移;第二個數值代表垂直偏移;第三個數值代表模糊區域;第四
原创 寬高自適應、過濾器 僞類選擇器
寬、高自適應 過濾器 僞類選擇器 1寬、高自適應 元素的大小能夠根據窗口或子元素自動調整,這就是自適應。 自適應優點:它能夠使同一個網頁顯示更靈活,可以適應在不同設備、不同窗口和不同分辨率下顯示。 1.1寬度自適應 div是塊級元素,寬度
原创 CSS3更多屬性 瀏覽器私有前綴
CSS3更多屬性 瀏覽器私有前綴 1邊框相關屬性 1.1邊框圓角border-radius 1.border-top-left-radius:10px20px; 單一選擇一個角時,注意是top與bottom在前,right與left在後
原创 簡易3d導航條心得
簡易3d導航條 html佈局: it html5 it html5 it html5 it html5 如果爲 span:last-child{ transform:tr
原创 移動端頁面佈局:百分比佈局、rem佈局
移動端頁面佈局:百分比佈局、rem佈局 1 彈性盒佈局(百分比佈局) 例如,拉勾網、天貓首頁。 好處:充分發揮大手機的優勢——顯示內容越多;缺點:屏幕過大,間距過大,比例失調。 特點: - 頂部與底部的bar不管分辨率怎麼變,它的高度和位
原创 HTML5新增標籤、表單新增類型與屬性
HTML5新增標籤、表單新增類型與屬性 1html5新增標籤 1.1html5基本常識 1.1 html5支持瀏覽器 IE9+,Firefox,Opera,Safari,Chrome。 1.2html5特點 增加了新特性,語義特性,本地儲
原创 2017_7_19圖片整合、活動門、網頁製作心得
圖片整合、滑動門、網頁製作心得 隱藏元素:visibility:hidden;隱藏但是佔據位置 display:none;隱藏且不佔據位置 圖片整合 css sprites精靈圖、雪碧圖,將導航背景圖片、按鈕背景圖片等有規則的合併成一張背
原创 2017_7_18定位、錨點、overflow
定位 錨點 1定位 position:static/relative/absolute/fixed; 1.1靜態定位static 1.1.1在標準流中的默認定位就是static; 1.1.2靜態定位是不能通過left,right,top,