Time of Update: 2014-10-21
HTML 5 History API的”前生今世”,api前生今世原文:An Introduction To The HTML5 History API譯文:關於HTML 5 History API 的介紹譯者:dwqsHistory是有趣的,不是嗎?在之前的HTML版本中,我們對瀏覽歷程記錄的操作非常有限。我們可以來回使用可以使用的方法,但這就是一切我們能做的了。但是,利用HTML 5的History
Time of Update: 2014-10-21
CSS的Class以及ID選取器,CSSClassID選取器9、CSS的Class以及ID選取器id和class的不同指出在於一個頁面同一個ID只能只有一次,而class可以無限制使用。 同樣,你可以在html選取器後面使用一個選取器來指定特殊HTML元素,比如p.jam{值}將作用到帶有'jam'class屬性的段落。10、這個都差點忘了。頁面配置 clear float
Time of Update: 2014-10-21
CSS 定位之position,css定位position在前端網頁布局中,在同一平面上布局,我們大都採用float屬性來定位網頁元素的位置。但是涉及到彈出層、浮層、頁面廣告外掛程式等等,都需要CSS中的position屬性來定位了,對於初學者來說經常分不清楚是應該用position屬性的absolute值、relative值、fixed值等等,下面我們就position屬性基本的這三個值的用法做一些簡單的介紹,希望對初學者有些協助。 1、position的absolute(絕對位置)
Time of Update: 2014-10-21
去掉CSS中的運算式Expression,cssexpression 在IE中,CSS是可以嵌入js運算式的,可以在CSS類中定義,但是將含有表達CSS類從DOM對象中移除,樣式表達式是不會失效的。經過研究找到了答案,需要使用js調用style對象的removeExpression()方法才可去除。下面是方法的說明: 文法bSuccess =
Time of Update: 2014-10-21
精選12個時尚的 CSS3 效果【附源碼下載】,css3源碼下載 這裡是精選的12個很炫的 CSS3 效果。CSS3 是對 CSS 規範的一個很大的改善和增強,它使得 Web 開發人員可以很容易的在網站中加入時尚的效果。以前很多需要編寫複雜的 JavaScript 代碼才能實現的效果,如今只需要簡單的寫幾句 CSS3 代碼就能實現。超炫的 CSS3
Time of Update: 2014-10-21
Javascript模組化編程(三):實戰-require.js的用法這個系列的第一部分和第二部分,介紹了Javascript模組原型和理論概念,今天介紹如何將它們用於實戰。我採用的是一個非常流行的庫require.js。 一、為什麼要用require.js?最早的時候,所有Javascript代碼都寫在一個檔案裡面,只要載入這一個檔案就夠了。後來,代碼越來越多,一個檔案不夠了,必須分成多個檔案,依次載入。下面的網頁代碼,相信很多人都見過。 精心開發5年的UI前端架構!<script
Time of Update: 2014-10-21
把JS和CSS合并到1個檔案,jscss合并合并JS檔案和CSS檔案很多人都知道,也用過,目的是為了減少請求數。但有時候我們覺的把JS合并到1個檔案,CSS又合并到另外1個檔案也是浪費,我們如何能把CSS和JS一起合并進1個檔案了?這裡需要使用1個常見的注釋符<!-- 主要是利用css,js解析器對<!-- 進行不同的解析來實現JS和CSS合并的。 1. CSS解析器 會忽略<!--符號, 2. JS解析器會把<
Time of Update: 2014-10-21
自己寫一個jQuery垂直捲軸外掛程式(panel)html中原生的捲軸比較難看,所以有些網站,會自己實現捲軸,導航網站hao123在一個側欄中,就自訂了垂直捲軸,效果比較好看,如下:這個捲軸,只有在滑鼠移至上方在這個地區內時才顯示,半透明效果,很節省空間的說~~,說實話,這個效果我非常喜歡。垂直捲軸的原理,簡單來說:先起個名字,外層的叫wrapper,內層的叫content,wrapper需要有非static的定位,content需要絕對位置,這樣就可以通過調節top值來類比內容
Time of Update: 2014-10-21
Swift基礎--解析伺服器Json內容//// ViewController.swift// JieParseJson//// Created by jiezhang on 14-10-5.// Copyright (c) 2014年 jiezhang. All rights reserved.//import UIKitclass ViewController: UIViewController { @IBOutlet
Time of Update: 2014-10-21
Java程式員的JavaScript學習筆記(3——this/call/apply)計劃按如下順序完成這篇筆記:理念。屬性複製和繼承。this/call/apply。閉包/getter/setter。prototype。物件導向類比。jQuery基本機制。jQuery選取器。jQuery工具方法。jQuery-在“類”層面擴充。jQuery-在“對象”層面擴充。jQuery-延伸選取器。jQuery UI。擴充jQuery
Time of Update: 2014-10-21
表單驗證<AngularJs>常用的表單驗證指令 1. 必填項驗證 某個表單輸入是否已填寫,只要在輸入欄位元素上添加HTML5標記required即可: <input type="text" required /> 2. 最小長度 驗證表單輸入的文本長度是否大於某個最小值,在輸入欄位上使用指令ng-minleng= "{number}": <input type=&
Time of Update: 2014-10-21
Java程式員的JavaScript學習筆記(4——閉包/getter/setter)計劃按如下順序完成這篇筆記:理念。屬性複製和繼承。this/call/apply。閉包/getter/setter。prototype。物件導向類比。jQuery基本機制。jQuery選取器。jQuery工具方法。jQuery-在“類”層面擴充。jQuery-在“對象”層面擴充。jQuery-延伸選取器。jQuery UI。擴充jQuery
Time of Update: 2014-10-21
javascript進階程式設計--淺析undefined與null的區別淺析undefined與null的區別相似處:1、undefined 和 null 都是javascript 的基礎資料型別 (Elementary Data Type)。其實兩者沒有太大區別。定義:var a=undefined;var a=null;null==undefined;//true2、null是一個表示"無"的對象,轉為數值時為0;undefined是一個表示"無"的原始
Time of Update: 2014-10-20
CSS字型,css字型樣式CSS字型導航1、字型類型2、字型大小3、字型樣式4、字型粗細1、字型系列font-family 屬性設定文本的字型系列。font-family 屬性應該設定幾個字型名稱作為一種"後備"機制,如果瀏覽器不支援第一種字型,他將嘗試下一種字型。注意: 如果字型系列的名稱超過一個字,它必須用引號,如Font Family:"宋體"。多個字型系列是用一個逗號分隔指明:執行個體p{font-family:"Times New Roman", Times, serif;}
Time of Update: 2014-10-20
js控制滑鼠事件移動及移出效果顯示,js移出滑鼠事件的移動及移出效果都可以使用js來自訂,下面有個樣本,效果為當事件發生改變時背景顏色也隨著改變,適合新手朋友<style type="text/css">.style0{background-color:#FFFF00;}.style1{background-color:#00FFFF;}</style></head><body><table width="576" height="79"
Time of Update: 2014-10-20
響應式WEB設計,響應web近期在學習有關響應式設計的內容,對此做了些整理,部分圖片來源於網路。1、為什麼需要響應式web設計 由於目前行動裝置的大量使用,以及PC顯示器的尺寸逐漸出現較大差別,傳統的web頁面已經不能滿足多種裝置的瀏覽效果,比如傳統頁面在大瀏覽器中會有較大的空白地區,而在小瀏覽器已經行動裝置中,不能完全顯示頁面,或是將頁面縮小至適應行動裝置尺寸大小,不能正常瀏覽,對於點擊觸點也有影響,很多人會選擇放大頁面,在進行瀏覽,這樣整個頁面就需要不停的拖動,給使用者的體驗不好。 簡而
Time of Update: 2014-10-20
js添加select下預設的option的value和text的方法,optionvalue<pre name="code" class="java">jsp 中的下拉框標籤:<s:select name="sjx" id="sjx" list="sjxList" listKey="BM" listValue="MC" size="20" cssStyle="width:100%;height:70px; border:0" multiple="true"></s:
Time of Update: 2014-10-20
iframe裡面的元素觸發父視窗元素事件的jquery代碼,iframejquery例如父視窗定義了一個事件。top:$(dom1).bind('topEvent', function(){});那麼iframe裡面的元素怎樣觸發父視窗dom1的事件呢?這樣嗎?$(dom1,
Time of Update: 2014-10-20
CSS:權重和層疊規則決定了其優先順序,css層疊來源:http://www.ido321.com/1063.html 首先,給大家看一篇關於CSS優先順序的樣本:http://www.ido321.com/76.html一、基本的優先順序規則
Time of Update: 2014-10-20
js讀取json的兩種常用方法樣本介紹,js讀取json樣本方法一:js中最著名的eval方法複製代碼 代碼如下:var strJson="{name:'張三'}";//jsonvar obj=eval("("+strJson+")");//轉換後的json對象alert(obj.name);//json name此方法需要注意的是:對象運算式{'name':'張三'}必須用“()”擴住,否則複製代碼 代碼如下:var strJSON = "{name:'張三'}";var obj =