JavaScript

13條Css 書寫規範，13條css書寫1. 不同瀏覽器元素的預設屬性有所不同，使用Reset可重設瀏覽器元素的一些預設屬性，以達到瀏覽器的相容。 /** 清除內外邊距 **/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 結構元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素

一些實用的CSS Media Query程式碼片段，個人採集，CSS3的出現讓響應式Web設計變得簡單，CSS3提供了強大的media queries，允許你針對不同的條件設定不同的樣式，可以在不修改頁面內容的情況下，為不同裝置提供不同的樣式效果。 以下是一些CSS media queries程式碼片段，你可以添加在自己的項目中，讓頁面根據螢幕自適應：iPhone5Css代碼 @media screen and (device-aspect-ratio: 

JavaScript之this指標深入詳解  javascript中的this含義非常豐富，它可以是全域對象，當前對象或者是任意對象，這都取決於函數的調用方式。函數有以下幾種調用方式：作為對象方法調用、作為函數調用、作為建構函式調用、apply或call調用。對象方法調用作為對象方法調用的時候，this會被綁定到該對象。var point = { x : 0, y : 0, m

HTML基礎，html基礎知識一、1、什麼是HTML： 超文字標記語言 (HTML)，是有標籤和內容（標籤和節點）構成的。　　　　2、HTML5文檔的注釋： <!--注釋內容--> 　　　　3、HTML標籤： 由“<”  “>” 括起來。　　　　　　　　　雙標籤（成對）：<標籤名>······</標籤名>　　

JavaScript中typeof和instanceof深入詳解  理解原型原型是一個對象，其他對象可以通過它實現屬性繼承。任何一個對象都可以成為繼承，所有對象在預設的情況下都有一個原型，因為原型本身也是對象，所以 每個原型自身又有一個原型。任何一個對象都有一個prototype的屬性，記為:__proto__。每當我們定義一個對象，其__proto__屬性

聖誕節，把你的 JavaScript

影響布局的inline-block的空白符的問題，布局inline-block　　昨天切頁面時，進行布局時，想改變以下方法換換口味，所以就拋棄了float方法，採用了display:inline-block方法，沒想到卻隨之而來的帶來了一個想不通的問題，那就是空白。廢話不多說，上代碼。<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html;

麵包屑 CSS，麵包屑css首先祝大家，在新年裡，好的、善良的都都馬上有。關於css實現麵包屑已經是一個典型例子了。不過今天還是與大家分享一下實現的原理。原理：每一段元素固定寬度並向左浮動，頭尾突出部分相對父元素用相對定位固定位置，預設為同一顏色，高亮設定指定樣式。詳解見：合并小表徵圖，減少連結請求數量<!doctype html><html lang="en"><head> <meta charset="UTF-8">

CSS實現相容所有瀏覽器具有最小高度且自適應的div，cssdivCSS實現相容所有瀏覽器具有最小高度且自適應的div:有時候我們希望能夠給div一個最小高度，如果內容沒有達到這個最小高度，div就以最小高度顯示，如果內容超出了這個最小高度的話，就會實現自適應效果，雖然當前有min-height屬性，但是並不是所有瀏覽器都能夠支援，尤其是低版本的IE瀏覽器，下面是一段能夠相容所有瀏覽器的代碼執行個體。代碼如下: <!DOCTYPE html><html><

CSS實現帶有三角小箭頭的矩形效果，css三角箭頭矩形CSS實現帶有三角小箭頭的矩形效果:現在比較流行帶有小箭頭的矩形效果，比如滑鼠放上去彈出的提示效果，還有類似的對話內容等，從視覺上較為美觀，也比較人性化，如果是CSS3的話比較容易實現，但是當前還存在著很大的瀏覽器安全色性，下面介紹一種能夠相容所有的瀏覽器的代碼。代碼如下: <!DOCTYPE html><html><head><meta charset="

CSS實現的相容所有瀏覽器的div懸浮在網頁一側的代碼，cssdivCSS實現的相容所有瀏覽器的div懸浮在網頁一側的代碼:固定懸浮在網頁一側的效果應用非常的頻繁，尤其是客服系統或者公告系統，CSS提供了position:fixed屬性即可實現此功能，但是IE6瀏覽器並不支援，雖然IE6的使用者越來越少，但是畢竟還是有使用者在使用，所以最好還是要實現相容效果，下面就是一段能夠相容所有瀏覽器的代碼執行個體，希望能夠給需要的朋友帶來協助。代碼如下: <!DOCTYPE

css的after偽對象選取器簡單介紹，cssafter偽選取器css的after偽對象選取器簡單介紹:本章節將會介紹一下after偽對象選取器的用法，希望能夠給需要的朋友帶來一定的協助。此選取器前面要加兩個點:或者四個點::，兩個點的時候是css2中的寫法，在css3中規定是四個點，這是為了和偽類別選取器進行區別，當然當前兩個點也是適用的。文法結構:E:after{ Rules } E::after{ Rules }此選取器能夠設定元素內部結尾的一些結構內容 通常和content屬性一起使用，

CSS如何讓浮動導覽列元素置中顯示，css浮動導覽列置中CSS如何讓浮動導覽列元素置中顯示:製作導覽列是最為基礎的布局技能之一，當然對於稍有經驗的人員來說沒有任何問題，不過對於初學者可能會有一定的困擾。普通的導覽列一般具有一下幾個特點，整個導覽列置中，導覽列目具有，並且能夠均勻分布，下面就是一個這樣的簡單代碼執行個體。代碼如下:<!DOCTYPE html><html><head><meta charset=" utf-8"><meta

使用OpenLayers3 添加地圖滑鼠右鍵菜單，openlayers3地圖添加右鍵菜單，首先我們要監聽滑鼠右鍵點擊的操作，我們知道滑鼠右鍵事件名是 contextmenu，當滑鼠在 html 元素之上，點擊滑鼠右鍵，便會觸發 contextmenu 事件，在 contextmenu 事件的回呼函數中實現相應的顯示菜單功能即可。      那麼在 openlayers 中，在地圖中添加這個事件，我們從哪裡下手呢？首先我們得瞭解

javascript從範圍鏈談閉包，javascript談閉神馬是閉包關於閉包的概念，是婆說婆有理。閉包是指有權訪問另外一個函數範圍中的變數的函數這概念有點繞，拆分一下。從概念上說，閉包有兩個特點： 1、函數 2、能訪問另外一個函數範圍中的變數 在ES 6之前，Javascript只有函數範圍的概念，沒有塊級範圍（但catch捕獲的異常 只能在catch塊中訪問）的概念（IIFE可以建立局部範圍）。每個函數範圍都是封閉的，即外部是訪問不到函數範圍中的變數。function

Underscore源碼分析，underscore源碼幾年前就有人說javascript是最被低估一種程式設計語言，自從nodejs出來後，全端(All Stack/Full Stack)概念日漸興起，現在恐怕沒人再敢低估它了。javascrip是一種類C的語言，有C語言基礎就能大體理解javascript的代碼，但是作為一種指令碼語言，javascript的靈活性是C所遠遠不及的，這也會造成學習上的一些困難。一、集合 1.首先是幾個迭代的方法。_.each = _.forEach =

HTML5區塊層級元素，html5元素目錄[1]section [2]article [3]aside [4]nav [5]header [6]footer [7]hgroup [8]address [9]案例前面的話 　　幾年前，用於網頁布局的一般都用div元素，但語義化並不好。HTML5引入了大量新的區塊層級元素來協助提升網頁的語義，使頁面具有邏輯性的結構、容易維護，並且對資料採礦服務更加友好 定義　　

JavaScript阻止斷行符號提交表單的方法，javascript表單大家對斷行符號鍵的功能應該比較熟悉，比如在windows系統的很多應用程式中，只要點擊斷行符號鍵就可以進入此程式或者開啟某項功能，不過有時候我們希望阻止它的功能，例如在填寫表單的時候，可能不小心點擊斷行符號鍵造成表單誤提交，下面就來簡單介紹一下如何?此功能。代碼執行個體如下:如何防止斷行符號（enter）鍵提交表單，其實很簡單，就一句話。onkeydown="if(event.keyCode==13)return

表格內容控制（換行、不換行、隱藏），表格換行 .table th, .table td {　　　　　　　word-wrap: break-word; //字母自動換行 word-break: break-all; //允許在單詞內換行　　　　　　　white-space:pre-wrap; // 只對中文起作用，強制換行　　　　　　 white-space:nowrap; //強制不換行，都起作用　　　　　　 white-space:nowrap;

輕鬆學習JavaScript二十七：DOM編程學習之事件模型在介紹事件模型之前，我們先來看什麼是事件和什麼是event對象。一事件介紹JavaScript事件是由訪問Web頁面的使用者引起的一系列操作，使我們有能力建立動態網頁面，事件是可以被JavaScript偵測到的行為。網頁中的每個元素都可以產生某些可以觸發JavaScript函數的事件。比方說，我們可以在用戶點擊某按鈕時產生一個onclick事件來觸發某個函數。事件在HTML頁面中定義；事件通常與函數配合使用，當事件發生時函數才會執行；事