JavaScript

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

樣式最常用的命名規則，樣式常用命名規則前端開發命名規則很重要，但是網上的命名規則一大篇，下面是我總結的一些常用的短語，希望能幫到大家，肯定不全，歡迎大家補充。1.如果是模組，可以這樣首碼：彈出：pop                    公用：global（縮寫：gb） 標題：title,tit            

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，你

深入理解CSS中的空白符和換行，css符和×目錄[1]white-space [2]word-wrap [3]word-break前面的話 　　CSS3新增了兩個換行屬性word-wrap和word-break。把空白符和換行放在一起說，是因為實際上空白符是包括換行的，且常用的文本不換行是使用的空白符的屬性white-space:

巧用margin/padding的百分比值實現高度自適應（多用於佔位，避免閃爍），marginpadding一個基礎卻又容易混淆的css知識點本文依賴於一個基礎卻又容易混淆的css知識點：當margin/padding取形式為百分比的值時，無論是left/right，還是top/bottom，都是以父元素的width為參照物的！ 也許你會說，left/right以父元素的width為參照物好理解，但是top/bottom為什麼也是以父元素的width為參照物的呢？1、高度自適應佔位假設

一款簡單的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();});

BootStrap實用程式碼片段之一，如題，持續總結自己在使用BootStrap中遇到的問題，並記錄解決方案。希望能幫到需要的小夥伴應用情境：經典上下布局中，頂部導航條固定，下部填充不顯示捲軸 解決方案：導航條固定在頂部，同時為body設定內邊距（padding-top），內邊距為導航條高度（預設50px，可自己調整高度），html代碼如下：<!--html頁面配置--><div class="container-fluid page-wrapper"> <!--

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

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

深入理解JavaScript程式中記憶體流失，深入理解javascript記憶體回收解放了我們，它讓我們可將精力集中在應用程式邏輯（而不是記憶體管理）上。但是，垃圾收集並不神奇。瞭解它的工作原理，以及如何使它保留本應在很久以前釋放的記憶體，就可以實現更快更可靠的應用程式。在本文中，學習一種定位 JavaScript 應用程式中記憶體流失的系統方法、幾種常見的泄漏模式，以及解決這些泄漏的適當方法。一、簡介當處理 JavaScript

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

基於jQuery實現收縮展開功能，jquery實現展開本文執行個體向大家分享了一款基於jQuery實現收合展開功能特效，供大家參考，具體內容如下：點擊倒三角可以進行展開操作具體代碼：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta name="viewport" content="width=device-width,

詳解Matlab中 sort 函數用法，matlabsort(1)B=sort(A) 對一維或二維數組進行升序排序,並返回排序後的數組,當A為二維時,對數組每一列進行排序.eg: A=[1,5,3],則sort(A)=[1,3,5]A=[1,5,3;2,4,1],則sort(A)=[1,4,1;2,5,3](2)B=sort(A,dim),對數組按指定方向進行升序排序,dim

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: