JavaScript

使用JS實現圖片展示瀑布流效果(簡單一實例)，js瀑布不知大家有沒有發現，一般的圖片展示網站都會使用瀑布流效果，所謂的瀑布流就是網站內的圖片不會一下子全緩衝出來，而是等你滾動到一定的距離的時候，下面的圖片才會繼續緩衝，並且圖片也是隨機出現的，只是寬度一樣，高度並不一樣，高高低低就像瀑布一樣，所以叫做瀑布流效果。下面我把代碼給大家，大家隨便下幾張圖片試試。<!DOCTYPE html><html lang="en"><head> <meta

CSS3新增屬性，css3新增CSS3新增了許多新的功能，給使用者呢帶來了更好的體驗，今天我就給大家講講CSS3增加了那些新功能。1、CSS3新增了很多強大的選取器，比如：　　在我們日常的開發中可能會經常用到，這些行的CSS3特性解決了很多我們之前需要用JavaScript指令碼才能解決的問題。　　tbody:nth-child(even),tbody:nth-child(odd):此處他們分別代表了表格(tbody)下面的偶數行和奇數行(tr),這種樣式非常適用於表格，讓人能非常清楚的看到表格

CSS——Position定位，cssposition　　Position這個屬性定義建立元素布局所用的定位機制。任何元素都是可以進行定位的，不過絕對或者固定一個元素會產生一個塊級框，不論該元素是什麼類型；相對定位元素會相對於它在正常文檔流中的預設位置位移。　　Position元素一般來說擁有五個屬性，分別有：　　1.absolute(產生絕對位置的元素，相對於static定位以外的第一個父元素進行定位。元素的位置通過top、left、right、bottom進行設定。)　　2.fixed(產生

三言兩語之簡單上手sass，三言兩語sass背景：  初次接手公司的項目,雖然之前草草的看過一些sass的基礎知識，但是因為久未征戰，知識也早已隨風飄散，現在小複習一下記下一些常識中的重點。。sass是使用ruby寫的，所以使用前請先確保自己的機子中有了ruby的開發環境，在cmd下使用 ruby -v 命令可以查看當前的ruby版本。簡介及概述：  sass是css的

css中的position屬性，cssposition屬性在css布局中，position發揮了極其重要的作用，很多的網頁布局都要用position來完成。position有四個屬性值static、absolute、relative、fixed。static這個屬性工作表示預設的位置，在設定它的時候，可以取消繼承屬性，在一般情況下則不需要設定這個屬性。absolute這個屬性工作表示絕對位置。絕對位置的元素的位置相對於最近的已定位祖先元素，如果元素沒有已定位的祖先元素，那麼它的位置就會相對於最初

HTML5新增功能，html5如果說XHTML已經開始尋求取代HTML,那麼HTML5的實用性在於，它將兩種文法整合在一起，採用同樣有效方式來表達HTML的抽象DOM表示。HTML5規範結合了HTML4，XHTML1以及DOM層級2HTML，並進行了相應的更新。 HTML5取代XHTML 1成為HTML規範的XML序列化格式。開發人員既可以使用寬鬆的HTML文法，也可以使用嚴格的XML文法來設定HTML5文檔的格式。    

CSS3_02，css3動畫1、轉換屬性：transform：取值：transform-function（轉換函式）；2、轉換原點：預設元素的中心處；更改轉換原點：transform-origin：取值：數字/百分比/關鍵字；3、2D轉換：屬性：transform：取值：①位移：translate X（x）/translate Y（y）/translate（x，y）；（* 位移函數，數值或百分比，x正右移，y正下移；）；②縮放：scale（value）/scale（x，y）/scale X（x）

CSS3——3D翻轉相簿，css33d翻轉transform屬性和transition過渡屬性，結合jQuery代碼實現翻轉功能。 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>3d翻轉相簿</title> 6 <script src="jquery-3.0.0.min.

css清除select的下拉式箭頭樣式，cssselect下拉式箭頭select { /*Chrome和Firefox裡面的邊框是不一樣的，所以複寫了一下*/ border: solid 1px #000; /*很關鍵：將預設的select選擇框樣式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; /*在選擇框的最右側中間顯示小箭頭圖片*/ background:

隨機得到1-20之間的10個不相同的隨機數，1-20隨機數<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>10個隨機數不相同</title></head><body> <h1 id="con"></h1> <script> var

關於html基礎學習總結-2016.8.31，html鍩虹-2016.8.31學習要點總結：PS匯出圖片（PNG JPG) 匯出後為PNG格式 PS匯出圖層等比例調節大小 按住SHFIT鍵（PS)ctrl+或者- 放大縮小圖片測試html瀏覽器 Google Firefox 歐鵬 IE 解析模式：標準模式 混亂模式 非標準模式UTF-8 ：支援中文HTML別名 根項目/：關閉標籤TAB 標籤快速鍵HTML+CSS+JS=結構 + 表現 + 行為注釋：ctrl+

字串分割split()，字串分割split知識講解：split() 方法將字串分割為字串數組，並返回此數組。文法：stringObject.split(separator,limit)參數說明: 注意：如果把Null 字元串 ("") 用作 separator，那麼 stringObject 中的每個字元之間都會被分割。我們將按照不同的方式來分割字串：使用指定符號分割字串，代碼如下:var mystr =

使用jQuery的toggle()方法對HTML標籤進行顯示、隱藏操作，jquerytoggle這是一個樣本：<html><head><script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.js"></script><script type="text/javascript">$(document).ready(function(){ $(".

Node.js Tlog模組log4js，node.jslog4jslog4js 是 Node.js Tlog中的數一數二的模組。比起 console 或者 TJ 的 debug 有其優勢，尤其針對投入生產的 Node.js 項目來說下面這些是不可少的： 日誌分級 日誌分類 日誌落盤 本文將會給你一個 log4js 的全面介紹，讓你可以在項目中駕輕就熟的使用 log4js，開發調試容易，線上更好地監控或排查問題。牛刀小試下面這三行代碼為你展示了 log4js 最簡單的用法：//

滑鼠放在輸入框上，輸入框和圖片同時更換樣式。，輸入框樣式<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title> new document

學習掌握JavaScript中this的提示，javascript提示tip首先，我知道這篇文章很無聊，無非就是關於 js 中的 this，並且也已經有千千萬萬的文章寫過這部分內容了； 但是，我還是想寫一篇關於 js 中的 this 的文章，算是一個總結歸納吧；（大神們可以繞行看我的其他文章） 在 js 中，this 這個上下文總是變化莫測，很多時候出現 bug 總是一頭霧水，其實，只要分清楚不同的情況下如何執行就 ok

javascript如何建立對象，javascript建立JS是基於對象的語言，可以使用物件導向思想類比JAVA|C++之類的物件導向語言。 •面向過程 ◦關註解決問題的步驟 •物件導向

jQuery擷取select選中的option的value值實現方法，jqueryvalue如下所示：<select id="isshow" name="isshow" style="width: 100px"><option value="1">顯示</option><option value="2">不顯示</option></select>var isshow = $("#isshow

AngularJS動態產生div的ID源碼解析，angularjsdiv1、問題背景給定一個數組對象，裡面是div的id；迴圈產生div元素，並給id賦值2、實現源碼<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>AngularJS動態產生div的ID</title> <script src="http://apps.bdimg.com/libs/

淺談JSON.stringify()和JOSN.parse()方法的不同，stringifyparse今天終於把JSON.stringify()跟JSON.parse()這兩個方法給搞清楚了，下面小編在此記錄下！JSON.tringify()：把一個json資料轉化成JSON stringJSON.stringify({uno:1,dos:2},null,'\t')"{"uno": 1,"dos":