JavaScript

HTML中meta標籤作用及屬性總結，htmlmeta標籤總結　　在前端開發中編寫html靜態網頁模板時，head標籤內總是會帶上許多meta標籤，大多數時候並不十分瞭解這些標籤的具體作用，只是別人寫了我們也寫上吧！今天小編特意查詢了一下關於網頁中meta標籤的作用。meta是head區的一個輔助性標籤。其主要作用有：搜尋引擎最佳化（SEO），定義頁面使用語言，自動重新整理並指向新的頁面，實現網頁轉換時的動態效果，控制頁面緩衝，網頁定級評價，控制網頁顯示的視窗等！meta標籤共有兩個屬性，它們分

CSS三列布局之左右寬度固定，中間元素自適應問題，css三列最近學到了幾種關於左右固定寬度，中間自適應的三列布局的方法，整理了一下，在這裡跟大家一起分享分享，其中有什麼不足的還望各位給指導指導哈。首先我想到的是float——浮動布局使用浮動，先渲染左右兩個元素，分別讓他們左右浮動，然後再渲染中間元素，設定它的margin左右邊距分別為左右兩個元素的寬度。例如以下代碼就可以實現我們想要的三列效果啦。<!DOCTYPE html><html

Sass 基礎(七)，sass基礎Sass Maps 的函數-map-remove($map,$key),keywords($args)　　　　map-remove($map,$key)　　　　map-remove($map,$key)函數是用來刪除當前$map中的某一個$key,從而得到一個新的 　　　　map,其返回的值是一個map.他並不能直接從一個map 中刪除另一個map，僅能通過刪除　　　　map中的某個key 得到新的map　　　　$map:map-remove($social -

Bootstrap每天必學之級聯下拉式功能表，bootstrap下拉式功能表本文將介紹自訂的bootstrap級聯下拉式功能表，主要應用場合有省市級關聯菜單等等，那麼就先拿這個例子來講，當然其他情境的關聯菜單也同樣適用。說實話，封裝好一個通用的組件還是需要花費很多精力的和時間的，所謂通用，自然要考慮周全，歎！這次整理的Bootstrap關聯select，裡面也涉及到了很多jquery、ajax、springMVC等等知識點，可謂包羅永珍！首先，請允許我代表該自訂群組件做一番小小的介紹。“hi，你

一款簡單的jQuery圖片標註效果附源碼下載，jquery源碼下載為了提高使用者體驗度，在一些電商網站和家居網站上我們會看到，一張圖片中顯示多種商品，點擊每個商品可以彈出對應商品的簡單介紹，包括價格等等，設計非常的人性化，今天我們通過執行個體給大家分享使用jQuery外掛程式來實現這一效果。先給大家展示下：效果示範         

jQuery toggle 代替方法，jquerytoggle具體內容如下所示：$('.back_left dt').toggle(function(){$(this).addClass("selected");$(this).siblings('dd').slideUp();},function(){$(this).removeClass("selected");$(this).siblings('dd').slideDown();});

JS中setTimeout的巧妙用法前端函數節流，jssettimeout什麼是函數節流？函數節流簡單的來說就是不想讓該函數在很短的時間內連續被調用，比如我們最常見的是視窗縮放的時候，經常會執行一些其他的操作函數，比如發一個ajax請求等等事情，那麼這時候視窗縮放的時候，有可能連續發多個請求，這並不是我們想要的，或者是說我們常見的滑鼠移入移出tab轉場效果，有時候連續且移動的很快的時候，會有閃爍的效果，這時候我們就可以使用函數節流來操作。大家都知道，DOM的操作會很消耗或影響效能的，如果是說在視

CSS3秘笈第三版涵蓋HTML5學習筆記9~12章，css3html5第9章，裝飾網站導航限制訪問，處於隱私方面考慮，瀏覽器已經開始限制可以對偽類:visited應用哪些CSS屬性了。其中包括對已訪問過的連結定義color、background-color、border-color等樣式（除非已經為那些連結的正常狀態定義了顏、背景色和邊框色）對於<a>標籤可以對所有不同的訪問狀態設定樣式，但要讓樣式有效，必須以特定的順序指定連結：link、visited、hover、activeCS

JS建立對象幾種不同方法詳解1、原廠模式弊端：沒有解決對象的識別問題，即怎麼知道一個對象的類型。2、建構函式模式與原廠模式相比：1、沒有顯式的建立對象2、直接將屬性和方法賦給了this對象3、沒有return語句要建立person的執行個體，必須使用new操作符，以這種方式調用建構函式實際上會經曆4個步驟：1、建立一個新對象2、將建構函式的範圍賦給新對象3、執行建構函式中的代碼4、返回新對象建立自訂的建構函式可以將它的執行個體標識為一種特定的類型。建構函式的缺點：每個方法都有在每個執行個體上重新

javascript移動開發中touch觸摸事件詳解，javascripttouch事件對象是用來記錄一些事件發生時的相關資訊的對象。事件對象只有事件發生時才會產生，並且只能是事件處理函數內部訪問，在所有事件處理函數運行結束後，事件對象就被銷毀！ W3C DOM把事件對象作為事件處理函數的第一個參數傳入進去 IE將事件對象作為window對象的一個屬性（相當於全域變數）originalEvent對象在一次偶然的使用中，我發現當使用on()函數並且傳入第二個選取器參數時,e.touches[0

SASS組件開發，sass組件SASS組件開發SASS前置處理器，增加了css所沒有的編程能力，帶來了前端開發的效率提高，以及擴充了css的編寫技巧。組件開發設計一個表單提示層（包括成功success，警告warning，錯誤等狀態error）組件，css需要定義基本樣式字型（font-）、外內邊距（padding，margin）、顯示方式（display）、邊框（border）以及其他相關的內容，再為單獨的狀態定義需要的樣式。css組件開發先定義基本樣式，再對每一個狀態定義一套樣式.tips

css3屬性-webkit-font-smoothing，css3對字型進行消除鋸齒渲染可以使字型看起來會更清晰舒服。在表徵圖字型成為一種趨勢的今天，消除鋸齒渲染使用也越來越多。font-smoothing是非標準的CSS定義。它被列入標準規範的草案中，後由於某些原因從web標準中被移除了。但是，我們可以用以下兩種定義進行消除鋸齒渲染-webkit-font-smoothing: antialiased; /*chrome、safari*/-moz-osx-font-smoothing:

HTML 5 視頻(video)，html視頻videovideo 元素支援三種視頻格式IEFirefoxOperaChromeSafari帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 檔案No3.5+10.5+5.0+No帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 檔案9.0+NoNo5.0+3.0+帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM

html、canvas、視頻灰階、反色，canvas灰階：代碼：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>canvas 視頻顏色灰階化，反色</title> <style type="text/css"> *{ margin: 0; padding:

一步步教大家編寫酷炫的導覽列js+css實現，酷炫導覽列一步一步的學習製作導覽列，文章末尾再做個綜合頁面，分享給大家一個炫酷的導覽列供大家參考，具體內容如下1.當前頁面高亮顯示的導覽列首先是HTML代碼,很簡單,ul+li實現菜單<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>導覽列一</title></head><

JS中建立函數的三種方式及區別，js三種方式1.函式宣告function sum1(n1,n2){ return n1+n2; };2.函數運算式，又叫函數字面量var sum2=function(n1,n2){ return

sublime 外掛程式推薦： Nettuts+ Fetch，sublimenettutsNettuts+ Fetchgithub地址：Nettuts-Fetch在sublime中直接用　　ctrl+shift+P　　->　　pci　　->　　Nettuts-Fetch

javascript html5移動端輕鬆實現檔案上傳，html5輕鬆實現PC端上傳檔案多半用外掛程式，引入flash都沒關係，但是移動端要是還用各種冗餘的外掛程式估計得被噴死，項目裡面需要做圖片上傳的功能，既然H5已經有相關的介面且相容性良好，當然優先考慮用H5來實現。用的技術主要是： ajax FileReader FormDataHTML結構：<div class="camera-area"> <form

JavaScript資源預先載入組件和滑屏組件的使用推薦，javascript組件資源預先載入組件——preload 隊列，可以支援隊列載入和回調，也可以載入視頻或者音頻 進度條，可以動態擷取進度條資訊 支援img標籤的預先載入，添加pSrc屬性即可 原生ES5 demoInstall：git clone https://github.com/jayZOU/preload.gitnpm installnpm run

js實現頁面跳轉的五種方法推薦，js頁面跳轉五種js實現頁面跳轉的五種方法推薦第一種：複製代碼 代碼如下:<script language="javascript" type="text/javascript"> window.location.href="xx.jsp?backurl="+window.location.href; </script> 第二種： 複製代碼 代碼如下:<script language="javascript">