Time of Update: 2015-11-17
2.HTML 表格,2.html表格1.表格代碼:<table></table> // 定義表格<tr></tr> //定義行<td></td> //定義列<th></th> // 定義標題資料儲存格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。2.如果不定義邊框屬性,表格將不顯示邊框。有時這很有用,但是大多數時候,我們希望顯示邊框:<table
Time of Update: 2015-11-17
css3動畫第一式--簡單翻滾,css3一式翻滾在w3cschool上面查閱css3的動畫文法手冊時,發現“css3 動畫”欄目首頁放了一個翻滾的div動畫案例,覺得挺好看的,於是就自己模仿著寫了一下,感覺還行O(∩_∩)O哈哈~查看原地址下面放代碼:<!DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><title>test&
Time of Update: 2015-11-17
IE8及低版本瀏覽器不支援CSS3 media
Time of Update: 2015-11-17
Sass的控制命令(迴圈),sass控制命令迴圈@if@if指令是一個SassScript,它可以根據條件來處理樣式塊,如果條件為true返回一個樣式塊,反之false返回另一個樣式塊。在Sass中除了@if,還可以配合@else if和@else 一起使用。 1 $lte7: true; 2 $type: monster; 3 .ib{ 4 display:inline-block; 5 @if $lte7 { 6 *display:inline; 7
Time of Update: 2015-11-16
HTML設計模式學習筆記,設計模式學習筆記本周我主要學習了HTML的設計模式,現將我的學習內容總結如下: 一.盒模型的學習CSS中有一種基礎的設計模型叫做盒模型,它定義了元素是如何被看做盒子來解析的。我主要學習了六種盒模型,分別為內聯盒模型(inline box),內聯塊狀盒模型(inline-block box),塊狀盒模型(block box),表格盒模型(table box),絕對位置盒模型(absolute box)和浮動定位盒模型(floated
Time of Update: 2015-11-16
Bootstrap左右對齊的導航執行個體,bootstrap左右對齊Bootstrap左右對齊的導航,樣式剝離出來代碼如下:<!DOCTYPE html><html><head> <title>Bootstrap 執行個體 - 左右對齊的導航元素</title> <style> .nav { padding-left: 0; margin-bottom: 0; list-style: none; }
Time of Update: 2015-11-16
解決手機瀏覽器和中select中border:none;無用和去掉小三角,selectborder設定select的邊框為none;在PC端是沒有問題的,但是放到手機瀏覽器和裡上還是會出現邊框解決辦法:1 appearance:none;2 -moz-appearance:none; /* Firefox */3 -webkit-appearance:none; /* Safari 和 Chrome */appearance使用方法:1 .elmClass{2
Time of Update: 2015-11-16
jsRegex驗證郵件地址,jsRegex我們最經常遇到的驗證,就是電子郵件地址驗證。網站上常見。各種網頁指令碼也都常用“Regex”(regular expression)對我們輸入的電子郵件地址進行驗證,判斷是否合法。有的還能分解出使用者名稱和網域名稱。現在用JavaScript語言實現一下電子郵件地址驗證程式,用的是JavaScript語言的Regex庫。:不合法的情況:合法的情況:原始碼如下,該網頁已在IE、Firefox、Chrome上驗證通過:<!DOCTYPE html
Time of Update: 2015-11-16
js圖片輪播效果實現代碼,js圖片代碼首先給大家看一看js圖片輪播效果,如具體思路:一、頁面載入、擷取整個容器、所有放數字索引的li及放圖片列表的ul、定義放定時器的變數、存放當前索引的變數index二、添加定時器,每隔2秒鐘index遞增一次、調用一次切換圖片函數提示:1、 index不能一直無限制的遞增下去,需做判斷2、調用切換圖片函數時需將遞增之後的index作為參數傳過去三、定義圖片切換函數提示: 1.遍曆所有放數字索引的li,將每個li上的類去掉。
Time of Update: 2015-11-16
學習JavaScriptRegex,RegexJavaScriptRegex學習:有個線上調試正則的工具。下面的所有範例程式碼,都可以在codepen上查看到。1.建立Regexvar re = /ab+c/; //方式一 Regex字面量var re = new RegExp("ab+c"); //方式二
Time of Update: 2015-11-16
javascript:void(0)點擊登入沒反應怎麼解決,javascriptvoid巧用批處理解決IE不支援JavaScript等問題rem =====批處理開始========regsvr32 actxprxy.dll regsvr32 shdocvw.dll Regsvr32 URLMON.DLL Regsvr32 actxprxy.dll Regsvr32 shdocvw.dll regsvr32 oleaut32.dll rundll32.exe advpack.dll
Time of Update: 2015-11-15
Extjs 動態Gird[列名動態建立]有時我們需要做一個gird,但gird的列名確是變化的,我們需要從資料庫中先查出列名,也就是說我們要實現一個動態gird.下面的代碼是我實現動態gird的方法,簡單但強大,資料是讀的json檔案,實際使用的時候可以把在後台把資料存在map中再轉成json格式的字串即可,json格式要符合我給出的格式。首先是json資料: { data: [ { number: 1, field1: a, field2: b,
Time of Update: 2015-11-14
Git常用命令大全,git常用命令查看、添加、提交、刪除、找回,重設修改檔案git help <command> # 顯示command的helpgit show # 顯示某次提交的內容 git show $idgit co -- <file> # 拋棄工作區修改git co . # 拋棄工作區修改git add <file> # 將工作檔案修改提交到本地暫存區git add . # 將所有修改過的工作檔案提交暫存區git rm <file> #
Time of Update: 2015-11-16
node.js回呼函數之阻塞調用與非阻塞調用,node.js回呼函數首先,node.js作為javascript運行平台,它採用了事件驅動和非同步編程的方式,通過事件註冊和非同步函數,開發人員可以提高資源使用率,伺服器的效能也能得到改善。其次,對於前端人來說,node.js作為js的運行平台,我們可以通過編寫系統級或者伺服器端的javascript代碼交給node.js來執行,讓我們前端人也能作用於後台,相比之下,瀏覽器端的javascript代碼在運行時會受到各種安全性的限制,對客戶系統的操作
Time of Update: 2015-11-15
Extjs將gird中指定行的複選框勾選在Extjs中,可以通過 selType添加複選框Ext.define('ConnGrid', { title:'關聯', extend: 'Ext.grid.Panel', xtype: 'checkbox-selection', store: connStore, selType: 'checkboxmodel'
Time of Update: 2015-11-13
移動頁面div置中效果代碼,頁面div置中代碼線上查看效果:http://hovertree.com/texiao/mobile/4.htm可用手機瀏覽器查看以下為HTML檔案:<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta name="viewport"
Time of Update: 2015-11-13
輕鬆實現javascript資料雙向繫結,輕鬆實現javascript雙向資料繫結指的是當對象的屬性發生變化時能夠同時改變對應的UI,反之亦然。換句話說,如果我們有一個user對象,這個對象有一個name屬性,無論何時你對user.name設定了一個新值,UI也會展示這個新的值。同樣的,如果UI包含一個用於資料使用者名稱字的輸入框,輸入一個新值也會導致user對象的name屬性發生相應的改變。許多流行的javascript架構,像Ember.js,Angular.js或者KnockoutJS都會
Time of Update: 2015-11-12
Javascript設計模式理論與實戰:橋接模式橋接模式將抽象部分與實現部分分離開來,使兩者都可以獨立的變化,並且可以一起和諧地工作。抽象部分和實現部分都可以獨立的變化而不會互相影響,降低了代碼的耦合性,提高了代碼的擴充性。基本理論橋接模式定義:將抽象部分與它的實現部分分離,使它們都可以獨立地變化。橋接模式主要有4個角色群組成:1)抽象類別2)擴充抽象類別3)實作類別介面4)具體實作類別根據javascript語言的特點,我們將其簡化成2個角色:1)擴充抽象類別2)具體實作類別怎麼去理解橋接模式
Time of Update: 2015-11-12
JavaScript編程的單例設計模講解,javascript編程講解在Javascript中,單例模式是一種最基本又經常用到的設計模式,可能在不經意間就用到了單例模式。本文將從最基礎的理論開始,講述單例模式的基本概念和實現,最後用一個例子來講述單例模式的應用。理論基礎概念單例模式,顧名思義就是只有一個執行個體存在。通過單例模式可以保證系統中一個類只有一個執行個體而且該執行個體易於外界訪問,從而方便對執行個體個數的控制並節約系統資源。如果希望在系統中某個類的對象只能存在一個,單例模式是最好的解決
Time of Update: 2015-11-12
javascript實現五星評分功能,javascript五星評分本文為大家分享了javascript實現五星評分功能的執行個體代碼,大家可以參考學習一下,具體的實現辦法如下在分享javascript實現五星評價功能的執行個體代碼之前,先看一看:star1.png star1.png 具體代碼: <!DOCTYPE html><html