Time of Update: 2014-09-03
CSS編寫指導規範和建議,CSS編寫指導規範 在參與規模龐大、曆時漫長且參與人數眾多的項目時,所有開發人員遵守如下規則極為重要:保持 CSS 易於維護保持代碼清晰易懂保持 CSS 的可拓展性 為了實現這一目標,我們要採用諸多方法。 本文檔第一部分將探討文法、格式以及分析 CSS 結構;第二部分將圍繞方法論、思維架構以及編寫與規劃 CSS 的看法。 CSS 文件剖析 無論編寫什麼文檔,我們都應當維持統一的風格,包括統一的注釋、統一的文法與統一的命名規範。 總則 將行寬控制在 80
Time of Update: 2014-09-03
javascript物件導向程式設計 在學習js物件導向編程之前,首先需要知道什麼是物件導向。物件導向語言都有類的概念,通過它可以建立具有相同屬性和方法的對象。但js並沒有類的概念,因此js中的對象和其他語言的對象有所不同。 js對象可以定義為:”無需屬性的集合,其屬性可以是基本值、對象和函數。每個對象都是基於一個參考型別建立的。 js建立對象有以下兩種方法: 1、建立一個Object執行個體: var person =
Time of Update: 2014-09-03
最好的ie版本檢測方式,ie版本檢測預備知識:NodeList的即時性通過 document.getElementsByTagName,document.forms ,document.images 等方法擷取到nodelist以後 裡面的內容會適時的更新 這一點區別與array我們利用它和條件注釋來檢測oldIE的版本我認為
Time of Update: 2014-09-03
瀏覽器的CSS Hacks,瀏覽器CSSHacksLZ註:此文原作者是:Paul Irish(Google的前端開發工程師),本文是原文的部分譯文. 1: 2: /***** Selector Hacks ******/ 3: 4: /* IE6 and below */ 5: * html #uno { color: red } 6: 7: /* IE7 */
Time of Update: 2014-09-02
常用排序演算法之JavaScript實現筆試面試經常涉及各種演算法,本文簡要介紹常用的一些演算法,並用JavaScript實現。 1、插入排序 1)演算法簡介 插入排序(Insertion-Sort)的演算法描述是一種簡單直觀的排序演算法。它的工作原理是通過構建有序序列,對於未排序資料,在已排序序列中從後向前掃描,找到相應位置並插入。插入排序在實現上,通常採用in-place排序(即只需用到O(1)的額外空間的排序),因而在從後向前掃描過程中,需要反覆把已排序元
Time of Update: 2014-09-03
Java Script 基本知識點1.基礎資料型別 (Elementary Data Type) JavaScript提供了4種基本的資料類型用來處理數字和文字 Number、String、Null、Boolean 1).變數 文法:
Time of Update: 2014-09-02
HTML5/CSS3實現添加鎖屏效果,html5css3實現鎖屏 鎖屏效果,也就是將螢幕置於模態,不允許使用者觸發任何動作,只能解除鎖定後才能繼續使用,jQueryUI的dialog有模態對話方塊,這一點不難做到。那麼,首先需要在頁面中添加一個div層,用於做模態的層: Html代碼 <div id="overlay">
Time of Update: 2014-09-02
一個不錯的仿攜程自訂資料下拉選擇select,攜程select這是一個仿攜程自訂的資料下拉選擇select,對一些比較重要的參數進行的描述,方便初學者/* *id : id 當前外掛程式的父元素 *data : json 選擇的資料(json格式) *bool : true/false data資料如果要分離成兩個 值為true *config : 配置data的內部對象(type在bool為true的時候生效) { id : 資料欄位, name : 資料名稱, alias :
Time of Update: 2014-09-02
Java中抽象類別與介面的區別 介面和抽象類別有好多相同點和類似點,很多人有過這樣的疑問:為什麼有的地方必須使用介面而不是抽象類別,而在另一些地方,又必須使用抽象類別而不是介面呢?或者說,在考慮Java類的一般化問題時,很多人會在介面和抽象類別之間猶豫不決,甚至隨便選擇一種。 理解抽象類別 abstract class和interface在Java語言中都是用來進行抽象類別(本文 中的抽象類別並非從abstract
Time of Update: 2014-09-02
js便簽筆記(11)——瀏覽TOM大叔部落格的學習筆記 part11. 前言這兩天看了一下TOM大叔的《深入理解js系列》中的基礎部分,根據自己的實際情況,做了讀書筆記,記錄了部分容易絆腳的問題。寫篇文章,供大家分享。 2. 關於HTMLCollection的“即時查詢”var divs = document.getElementsByTagName("div"), i;for
Time of Update: 2014-09-02
Web 開發人員和設計師必讀文章推薦【系列二十九】,web必讀 《Web 前端開發精華文章推薦》2014年第8期(總第29期)和大家見面了。夢想天空部落格關注 前端開發 技術,分享各類能夠提升網站使用者體驗的優秀 jQuery 外掛程式,展示前沿的 HTML5 和 CSS3 技術應用,推薦優秀的 網頁設計 案例,共用精美的設計素材和優秀的 Web
Time of Update: 2014-09-02
設計師收藏的20款英文手寫字型【免費下載】,20款英文手寫字型在所有的字型類型中,手寫字型是最有用的和用途最多的。根據你需要完成的任務,使用手寫字型的地方無處不在。找到合適的匹配特定的項目的字型是很耗費時間的。 所以在這裡,我收集了20款精美的手寫字型,可以在你未來的設計中使用。這些字型是完全免費的,所以趕快行動吧!您可能感興趣的相關文章字型大寶庫:10款有趣的精美節日字型分享20款很漂亮的免費英文LOGO字型字型大寶庫:20款充滿藝術感英文字型推薦20款免費的又好看的英文手寫字型向設計師推薦
Time of Update: 2014-09-02
Javascript中關鍵參數this淺析 自從接觸javascript以來,對this參數的理解一直是模稜兩可。雖有過深入去理解,但卻也總感覺是那種浮於表面,沒有完全理清頭緒。廢話不多,先看一個板栗: var test = function(){}; test.prototype = { foo:"apple", fun:function(){
Time of Update: 2014-09-02
Jquery實現相容各大瀏覽器的Enter斷行符號切換輸入焦點的方法,jqueryenter做項目時,客戶要求能夠用enter斷行符號直接切換輸入(焦點),當最後一個時候,直接提交資訊。第一想法就是,網上去copy一段代碼直接用。但了百度、Google找了個遍,找到的代碼80%以上都是一樣的。有的代碼太老,都不能用。有的只有部分瀏覽器能用。折騰了半小時也沒個合適的辦法。最後一想,乾脆自己動手。一、思路 每次點擊斷行符號的時候,擷取當前的焦點位置,然後設定它的下一個元素擷取焦點;二、代碼<
Time of Update: 2014-09-02
自編jQuery外掛程式實現類比alert和confirm,jqueryalert啥也不說,先,有圖有真相 :)現在絕大多數網站都不用內建的alert和confirm了,因為介面太生硬了。因此這個外掛程式就這樣產生了...來看外掛程式的實現代碼吧:(function () { $.MsgBox = { Alert: function (title, msg) { GenerateHtml("alert", title, msg); btnOk();
Time of Update: 2014-09-02
影響jQuery使用的14個方面,影響jQuery使用14 幸運的是,人們通常具有各種不同的外掛程式可供選擇。但是,即使你只用一個,也要弄清楚它是否值得使用的。永遠不要在你的程式碼程式庫中引入錯誤的代碼。 你需要一個外掛程式嗎? 首先是要弄清楚究竟你是否需要一個外掛程式。如果不需要,既可以節省檔案大小,又可以節省自己的時間。 1.自己寫是不是更好? 如果功能很簡單,就自己寫。jQuery的外掛程式經常會捆綁各種功能,這可能矯枉過正。在這種情況下,手寫任何簡單的功能往往更有意義。當然,要
Time of Update: 2014-09-02
關閉頁面window.location事件未執行的原因及解決方案,window.location1、問題描述:JS中定義widow.location = function(),頁面關閉時,logout()函數未執行。window.onunload = function() {logout();}function logout(reqParam, callback){var userManageServiceUrl = "http://" + getServerAddr() +
Time of Update: 2014-09-02
上傳圖片js判斷圖片尺寸和格式相容IE,js圖片尺寸js代碼:$(".head").change(function() {var val = $(this).val();if(!val.match( /.jpg|.gif|.png|.bmp/i ) ){ imgtype = false;alert('圖片格式無效!'); }else{if (FileReader) {var reader = new FileReader(),file = this.files[0];reader.onload
Time of Update: 2014-09-02
JQuery中的html()、text()、val()區別樣本介紹,jqueryval1.HTMLhtml():取得第一個匹配元素的html內容。這個函數不能用於XML文檔。但可以用於XHTML文檔html(val):設定每一個匹配元素的html內容。這個函數不能用於XML文檔。但可以用於XHTML文檔。2.TEXTtext():取得所有匹配元素的內容。結果是由所有匹配元素包含的常值內容組合起來的文本。這個方法對HTML和XML文檔都有效。text(val):設定所有匹配元素的常值內容與
Time of Update: 2014-09-02
JQuery表格拖動調整列寬效果(自己動手寫的),jquery列寬類似於傳統型程式中的表格拖動表頭的效果,當滑鼠停留在表頭邊框線上時,滑鼠會變成表示左右拖動的形狀,接著拖動滑鼠,會在表格中出現一條隨滑鼠移動的豎線,最後放開滑鼠,表格列寬會被調整。最近比較空閑,便自己動手嘗試實現,在此分享下小小的成果。首先需要的滑鼠圖示檔案,在自己的硬碟中搜尋*.cur,肯定能找到。為了能在所有需要該效果的頁面使用,並且不需要更改頁面任何HTML,我把所有的代碼整合在