原创 數組++、對象、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,