Time of Update: 2016-04-06
標籤:(71~80)驗證篇這一篇文章主要是10個比較常用表單驗證功能,包括了郵箱、危險字元、驗證長度、驗證網址、驗證小數、整數、浮點數等常用的驗證,有了這些程式碼片段,平時的表單驗證也可以不需要jquery的驗證外掛程式了,希望可以幫到大家。。。71、原生JavaScript判斷是否為郵箱複製代碼 代碼如下:function isEmail(str){ var re=/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-
Time of Update: 2016-04-06
標籤:簡介:通過JavaScript實現的鐘錶<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta
Time of Update: 2016-04-06
標籤:簡介:JavaScript中對象的兩種定義方法<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta
Time of Update: 2016-04-06
css content之counter-reset、content-increment,csscounterreset萬萬沒想到,寫了快三年前端,有不會用的css,居然還有完全沒聽過、見過的css屬性,而且還是CSS2的內容!關於counter-reset、content-increment兩個屬性的詳解可以參看張鑫旭的博文:《CSS計數器(序列數字字元自動遞增)詳解》,這裡做個記錄,寫個demo<!DOCTYPE
Time of Update: 2016-04-06
DIV+CSS調適型配置,divcss自適應調適型配置分兩類:高度和寬度,方法有很多,我用三列布局舉例,我就列幾個通俗易懂的例子唄,懂了三列的,兩列的原理一樣,呵呵噠。如下:高度自適應——寬度自適應 1,高度調適型配置
Time of Update: 2016-04-06
純js代碼製作的網頁時鐘特效【附執行個體】,js執行個體純js代碼製作的網頁時鐘特效,需要的碼農可以拿去看一下。給大家做個參考。<HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <META content="MSHTML 6.00.6000.16414" name=GENERATOR></HEAD> <BODY> &
Time of Update: 2016-04-06
HTML 表格 做個人簡曆,表格個人簡曆根據老師上課講的常用標籤與表格的應用 終於做出了第一個網頁版的個人簡曆 雖然作出來了 但是感覺其中方法有點兒問題 還需要進一步的改進中……<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html
Time of Update: 2016-04-06
原生javascript實現的一個簡單動畫效果,javascript實現本文章向大家介紹一個javascript實現的動畫。點擊開始按鈕div會往右移動,點擊停止後,div停止移動,再點擊則繼續移動。請看下面代碼。<!DOCTYPE html> <html> <head> <meta charset=" utf-8">
Time of Update: 2016-04-06
Html文檔流和文件物件模型DOM理解,前言 在理解浮動和定位時,觸碰到文檔流概念。為了更好理解浮動和定位,學習了文檔流和DOM(文件物件模型)。本文 DOM(文件物件模型)簡單理解就是編寫的html頁面所有內容構成的樹形結構。例如: 根據 W3C 的 HTML DOM 標準,HTML 文檔中的所有內容都是節點:整個文檔是一個文檔節點。每個 HTML 元素是元素節點。HTML 元素內的文本是文本節點。每個 HTML
Time of Update: 2016-04-06
angular的post傳參後台php無法接收,angularpost很多時候我們需要用ajax提交post資料,angularjs與jq類似,也有封裝好的post。但是jQuery的post明顯比angularjs的要簡單一些,人性化一些。兩者看起來沒什麼區別,用angularjs的$http提交的資料,在php伺服器端卻無法通過$_REQUEST/$_POST擷取到。這是因為兩者的post對header的處理有所不同……jQuery會把作為JSON對象的myDat
Time of Update: 2016-04-06
如何消除inline-block屬性帶來的標籤間間隙,inline-block間隙1、給inline-block元素設定一個父元素。 設定父元素的font-size:0;。子項目font-size設定成合適大小,如果不設定子項目font-size,子項目會繼承父元素的0;2、給inline-block元素設定一個父元素。(letter-spacing:字元間距) 設定父元素的letter-spacing為-4px或-8px,除Google是-8px外,其餘是-4px。同樣要設定子項目的lett
Time of Update: 2016-04-06
jquery Deferred 快速解決非同步回調的問題,jquerydeferredjquery Deferred 快速解決非同步回調的問題function ok(name){ var dfd = new $.Deferred(); callback:func(){ return dfd.resolve( response ); } return dfd.promise();}$.when(ok(1),ok(2)).then(function(resp1,resp2){})//
Time of Update: 2016-04-05
html 空格-有趣的實驗,html空格實驗首先,先給大家看一組demo1 <input />2 <input type="submit" />展示效果:為什麼會出現空格呢?input不是行內元素嗎?改變一下代碼再看看效果<input /><input type="submit" />如果2個input之間沒有間隙的話,下面的空格就消失了再實驗一組行內元素:1 <span>行內元素</span>2
Time of Update: 2016-04-05
表單標籤元素,表單標籤作用: 給使用者提供一個介面(前台介面),讓使用者填寫相應的資訊,對使用者提交的資訊進行收集、分類、與用進行互動。表單的工作流程: 1、使用者在具有表單的頁面填寫資料2、將資料提交至後台(.php) 例如uli.php3、後台(.php)接收資料後進行驗證,如果驗證通過,則寫入資料庫或從資料庫將資料讀出,再返回給用戶端。文法格式: <form 屬性="屬性值"> <input type="type的類型"
Time of Update: 2016-04-05
CSS 選取器大全,css選取器大全CSS選取器用於選擇你想要的元素的樣式的模式。"CSS"列表示在CSS版本的屬性定義(CSS1,CSS2,或對CSS3)。選取器樣本樣本說明CSS.class.intro選擇所有class="intro"的元素1#id#firstname選擇所有id="firstname"的元素1**選擇所有元素2elementp選擇所有<p>元素1element,elementdiv,p選擇所有<div>元素和<p>元素1element&
Time of Update: 2016-04-04
瀏覽器安全色性常見,瀏覽器安全色性瀏覽器安全色性常見瀏覽器安全色問題⼀:不同瀏覽器的標籤預設的外補丁和內補丁不同問題癥狀:隨便寫⼏個標籤,不加樣式控制的情況下,各⾃的margin 和padding差異較⼤。 碰到頻率:100% 解決⽅案:CSS⾥ *{margin:0;padding:0;}備忘:這個是最常 的也是最易解決的⼀個瀏覽器安全色性問題,⼏乎所有的CSS⽂件開頭都會⽤萬用字元*來設定各個標籤
Time of Update: 2016-04-01
解決inline-block屬性帶來的標籤間間隙問題,inline-block間隙1、給inline-block元素設定一個父元素。 設定父元素的font-size:0;。子項目font-size設定成合適大小,如果不設定子項目font-size,子項目會繼承父元素的0;2、給inline-block元素設定一個父元素。(letter-spacing:字元間距) 設定父元素的letter-spacing為-4px或-8px,除Google是-8px外,其餘是-4px。同樣要設定子項目的let
Time of Update: 2016-04-01
HTML不常用元素:optgroup,html元素optgroup在網頁表單中,<optgroup>元素用於在<select>元素中建立一組選項<option>。這個可以更好的區分每一個組選項之間的區別。這個元素包含兩個屬性:disabled和label。disabled:表示選項組無法被選擇label:表示選項組的名字 1 <select> 2 <optgroup label="Group 1"> 3 <
Time of Update: 2016-04-01
編輯器筆記——sublime text3 編譯sass,sublimesass如已經安裝sass 和 sass build兩個外掛程式到ST,command+b編譯也沒有問題,那麼另外安裝koala,在koala中引入你要編輯的sass,並把該sass檔案設定為自動編譯,那麼用ST編輯該sass儲存時就能自動編譯了,不用每次command+b編譯那麼麻煩。&lt;img data-rawheight="556" data-rawwidth="900"
Time of Update: 2016-03-30
自動化高效css開發,暢談less的靈活變化,自動化css暢談less css是一種讓html與樣式分離解析而出現的代碼,它的出現大大提高了程式員的工作效率,和後期進行維護的效率。但是發展至今,由於起死板單調的寫法,越來越不能滿足程式員們靈活的思維,很多時候是種恨鐵不成鋼的心情來寫css,於是,有一些聰明的程式員就發明了less。 less是為了簡化css開發,靈活css開發而出現的,其功能非常強大,靈活性也很高,上手也很快,所以越來越受到前端開發的青睞,其中的基本文法我就不講了,相信度娘上