-
移動前端不得不了解的HTML5 head 頭標簽(2016最新版)
html教程2017-03-02
HTML的頭部內容特別多,有針對SEO的頭部信息,也有針對移動設備的頭部信息。而且各個瀏覽器內核以及各個國內瀏覽器廠商都有些自己的標簽元素,有很多差異性。移動端的工作已經越來越成為前端工作的重要內容,除了
-
大前端學習筆記整理【五】rem與px換算的計算方式
DIV+CSS教程2017-01-10
前言這段時間的小項目中算是真正意義上使用了rem來進行移動端的頁面布局,項目結束了我反思了一下之前的對于rem的使用 原來我以前對rem用法完全是在搞笑�。�!結合這次這個小項目,我覺得我也有必要對rem布局以
-
CSS3的calc()使用
DIV+CSS教程2017-01-10
calc()對大家來說,或許很陌生,不太會相信calc()是css中的部分。因為看其外表像個函數,既然是函數為何又出現在CSS中呢?這一點也讓我百思不得其解,今天有一同事告訴我,說CSS3中有一個屬性能實現自適應的布局
-
rem : web app適配的秘密武器
DIV+CSS教程2017-01-10
最近看到這樣一個提問:我有一個750 x 1500尺寸的設計稿,設計稿上有一個150 x 50的按鈕,那么在寫頁面布局的時候,應該如何確定按鈕的尺寸呢?。大多數同學在回答的時候提到了rem。這讓我對rem這個單位充滿
-
使用Flexible實現手淘H5頁面的終端適配
javaScript教程2017-01-10
曾幾何時為了兼容IE低版本瀏覽器而頭痛,以為到Mobile時代可以跟這些麻煩說拜拜�?蓻]想到到了移動時代,為了處理各終端的適配而亂了手腳。對于混跡各社區的偶,時常發現大家拿手機淘寶的H5頁面做討論——手淘的
-
js實現『加載更多』功能實例
javaScript教程2017-01-06
DEMO :滾動加載示例關于如何實現『加載更多』功能,網上有插件可用,例如比較著名的使用iscroll js實現的上拉加載更多、下拉刷新功能。但實際用起來卻是很麻煩。由于是第三方插件,要按照對方定義的方法使用,用
-
JS圖片懶加載
javaScript教程2017-01-06
簡介當頁面圖片太多時,加載速度就會很慢。尤其是用2G 3G 4G訪問頁面,不僅頁面慢,而且還會用掉很多流量。圖片懶加載的原理就是將頁面內所有需要加載的圖片全部換成一張默認的圖片(一般尺寸很�。�,只有圖片在
-
移動端網頁布局中需要注意事項以及解決方法總結
DIV+CSS教程2016-08-09
移動端網頁布局中需要注意事項以及解決方法總結,這份對我們在布局移動端網頁的時候非常有用!winphone系統a、input標簽被點擊時產生的半透明灰色背景怎么去掉<meta name="msapplication-tap-highlight" conte
-
響應式web設計之@media screen,手機網頁自適應
html教程2016-03-20
@media screen and (max-width: 600px) { *當屏幕尺寸小于600px時,應用下面的CSS樣式* class {background: ccc;}}@media screen and (min-width: 600px) and (max-width: 900px) { *當屏幕尺
-
【解決】Display:inline-block兼容性解決
DIV+CSS教程2015-05-07
在IE6、IE7中不識別display:inline-block屬性,但使用inline-block屬性在IE下會觸發layout,從而使內聯元素擁有了 display:inline-block屬性的表癥。從上面的分析也不難理解為什么IE6、IE7下對塊元素設置 disp
-
box-sizing是CSS3的box屬性 .
DIV+CSS教程2015-04-30
box-sizing是CSS3的box屬性之一。一說到CSS的盒模型(Box model)我想很多人都會比較煩,特別是對于新手,然而這個Box model又是我們CSS運用中比較重要的一個屬性。那么CSS3的Box-sizing跟盒模型有什么關系呢?
-
jQuery實現切換字體大小的方法
javaScript教程2015-03-11
本文實例講述了jQuery實現切換字體大小的方法。分享給大家供大家參考。具體實現方法如下:$ fn switchSize=function(settings){ defaultssettingssettings=$ extend({container:& 39;body& 39;,arrSizeClass:[&
-
jQuery實現高亮顯示的方法
javaScript教程2015-03-11
本文實例講述了jQuery實現高亮顯示的方法。分享給大家供大家參考。具體如下:主要功能代碼如下:varv=window location pathname;$(" hdullia") each(function(i){varvherf=$(this) attr("href");if(v==vherf){$(
-
jQuery簡單幾行代碼實現tab切換
javaScript教程2015-03-11
今天突然心血來潮,想到一個很簡單的方法即可達到的tab效果其實邏輯很簡單,但看到網上基本上沒這樣寫的不知道實際應用中是否會有問題呢,請大俠指教<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><
-
jQuery實現當前頁面標簽高亮顯示的方法
javaScript教程2015-03-11
本文實例講述了jQuery實現當前頁面標簽高亮顯示的方法。分享給大家供大家參考。具體實現方法如下:functionnav(name,csskey,cssvalue){varurl=window location pathname+window location search;varv1="";$(name
-
js控制文本框只輸入數字和小數點的方法
javaScript教程2015-03-11
本文實例講述了js控制文本框只輸入數字和小數點的方法。分享給大家供大家參考。具體實現方法如下:functionclearNoNum(obj){obj value=obj value replace( [^ d ] g,""); 清除數字和 以外的字符obj value=obj v
-
jQuery判斷數組是否包含了指定的元素
javaScript教程2015-03-11
要判斷數組中是否包含某個元素,從原理來來說,就是遍歷整個數組,然后判斷是否相等,vararr=["xml","html","css","js"];$ inArray("js",arr); 返回3,如果不包含在數組中,則返回 -1;以上就是本文的全部內容了,有需
-
jQuery簡單實現禁用右鍵菜單
javaScript教程2015-03-11
代碼非常簡單,這里就不多廢話了,直接上代碼:$(document) ready(function(){$(document) bind("contextmenu",function(e){returnfalse;});});5行代碼搞定,簡單吧,當然小伙伴們可以自由擴展下,可以實現屏蔽右
-
Dreamweaver CS4無法啟動:xml parsing fatal error..Designer.xml錯誤解決方法 .
Dreamweaver教程2014-11-16
今天用Dreamweaver 打開程序的時候出現了xml parsing fatal error:Invalid document structure,line:1,file:C: Documents and Settings Administrator Application Data Adobe Dreamweaver CS4 zh_CN
-
html5教程 html5的自定義data-*屬性與jquery的data()方法的使用
html教程2014-09-23
人們總喜歡往HTML標簽上添加自定義屬性來存儲和操作數據。但這樣做的問題是,你不知道將來會不會有其它腳本把你的自定義屬性給重置掉,此外,你這樣做也會導致html語法上不符合Html規范,以及一些其它副作用。這