Time of Update: 2013-10-17
javascipt-基礎---細節需要注意的地方:1、特殊數值:NaN、Infinity、isNaN()、isFinite()NaN:複製代碼 代碼如下:var a=parseInt('a123');window.alert(a); //輸出NaN Infinity:複製代碼 代碼如下:window.alert(6/0);//輸出Infinity 無窮大(最好不要這樣寫) isNaN():判斷是不是數,不是數返回true,是數返回false複製代碼 代碼如下:var a="dd";window.
Time of Update: 2013-10-17
複製代碼 代碼如下: var doc = window.document, input = doc.createElement('input'); if( typeof input['placeholder'] == 'undefined' ) // 如果不支援placeholder屬性 { $('input').each(function( ele ) { var me = $(this); var ph = me.attr('placeholder'); if( ph && !me.val(
Time of Update: 2013-10-17
最近在閱讀《JavaScript權威指南》(第六版)在第六章P122有這麼一段代碼:複製代碼 代碼如下:// 返回一個繼承自原型對象proto的屬性的新對象// 這裡可以用到ES5的Object.create()函數function inherit(proto) {//proto是一個對象,但不能是nullif(proto == null) throw TypeError();if(Object.create) return Object.create(proto);
Time of Update: 2013-10-17
在項目中遇到一個問題,在Firefox下,$.getJSON();請求資料一切正常,但是在IE下面,$.getJSON();只請求一次資料,第二次根本就不發送請求了,用fiddler抓取了才知道,第二次沒有發送請求,改成了post就正常了$.getJSON()存在緩衝問題,如果其調用的url之前曾經調用過的話,回呼函數就會直接在緩衝裡取得想要得值,而不是進入到後台解決方案如下:1、讓每次調用的URL都不一樣。方法:在參數中加一個隨機數複製代碼
Time of Update: 2013-10-17
<select>標籤的外觀問題很惱人,各個瀏覽器都不一致,單單就IE,一個版本就一個長相,還不能用CSS修飾。在這將本人對<select>的美化方法共用出來。優點: 仍保留使用<select>,僅改變外觀,不改變不干預Form行為,後期載入JS。(註:本指令碼依賴jQuery)啥也不說了,都在代碼裡。在底部。複製代碼 代碼如下:$(document).ready(function () { //
Time of Update: 2013-10-17
很久以前就不推薦使用getYear()這個函數,因為在Firefox中顯示是不正確的,推薦使用getFullYear() 函數。 另外Firefox不支援innerText這個屬性,需要改為textContent才能接收。 然後附上代碼 複製代碼 代碼如下: var s,Sys = {},ua = window.navigator.userAgent.toLowerCase(); (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : (s = ua.
Time of Update: 2013-10-17
昨天參加的一個前端面試,其中有一題數組去重,首先想到的是對象存索引值的方法,代碼如下 方法一:(簡單存索引值) 複製代碼 代碼如下: Array.prototype.distinct1 = function() { var i=0,tmp={},that=this.slice(0) this.length=0; for(;i<that.length;i++){ if(!(that[i] in tmp)){ this[this.length]=that[i];
Time of Update: 2013-10-17
這種商城的效果網上很多,但大多是外掛程式,要麼JS寫的太過於複雜,對於學習的童鞋來說看起來比較費勁,這個看起來比較簡單,也比較容易理解,各位童鞋需要的請圍觀,也歡迎各位評價,貼代碼(為方便使用,代碼複製即可用,無需另外添加東西): 複製代碼 代碼如下: <!doctype html> <html lang="en"> <head> <title>商城常用滾動的效果,簡單實用</title> <script
Time of Update: 2013-10-17
複製代碼 代碼如下://上下滾動var textRoll=function(){$('#notice p:last').css({'height':'0px','opacity': '0'}).insertBefore('#notice p:first').animate({'height':'35px','opacity': '1'}, 'slow', function() {
Time of Update: 2013-10-17
今天看群裡有人發起了人人網以前一些面試題,我以前也轉載過一些,恰好閑著,挑選一題來做做,練個手。 本題有以下要求: 1. 使用原生代碼實現,不可使用任何架構; 2. 對 input框中輸入的字元進行匹配,將匹配到的內容以菜單的形式展現在 input框的下方; 3. 只針對英文字元進行匹配,並且匹配到的內容在菜單中加粗; 4. 通過鍵盤上的上下箭頭可以對菜單進行選擇,按下斷行符號後將選中的內容寫入到 input框中; 思 路
Time of Update: 2013-10-17
Throttle 無視一定時間內所有的調用,適合在發生頻度比較高的,處理比較重的時候使用。 複製代碼 代碼如下: var throttle = function (func, threshold, alt) { var last = Date.now(); threshold = threshold || 100; return function () { var now = Date.now(); if (now - last < threshold) { if (alt) { alt.
Time of Update: 2013-10-17
DIV+CSS+JS實現不間斷橫向滾動代碼 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>橫向不間斷滾動DIV CSS代碼-DIVCSS5</title> </head> <body> <style>
Time of Update: 2013-10-17
我們經常會在網站中加一些定時執行的任務,比如產生靜態頁、執行郵件發送等。可以通過在Global.asax中這樣設定來實現。 複製代碼 代碼如下:void Application_Start(object sender, EventArgs e) { //
Time of Update: 2013-10-17
另一種形式的聯動框,右邊的聯動框用jquery產生 這是仿照上篇的js方法修改的 先看下頁面代碼: 複製代碼 代碼如下: <tr id="sfqySelect"> <td width="100" class="t_r prten field_c">事發地區:</td> <td width="131"> <select class="building"></select> </td> <td
Time of Update: 2013-10-17
document.createElement()是在對象中建立一個對象,要與appendChild() 或 insertBefore()方法聯合使用。其中,appendChild() 方法在節點的子節點列表末添加新的子節點。insertBefore() 方法在節點的子節點列表任意位置插入新的節點。 下面,舉例說明document.createElement()的用法。<div
Time of Update: 2013-10-17
/** * 本文純粹是梳理一下目前W3C標準中Array對象的內建Method。 * 全文沒啥營養,不過最後效能測試的部分,倒是拋出了一些疑問。 */ 賦值方法 (Mutator methods) 這些方法直接修改數組自身 pop 和 push Array.pop(); // 刪除數組最後一個元素,返回被刪除的元素 Array.push(element1, ..., elementN); // 在數組尾部插入1-N個元素,返回操作後數組的length 通過這 pop 和 push
Time of Update: 2013-10-17
複製代碼 代碼如下: <%@ page contentType="text/html; charset=utf-8"%> <!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">
Time of Update: 2013-10-17
複製代碼 代碼如下: <input name="" type="text" id="newDirtxt"/> <input class="btn" name="" type="button" value="建立新目錄" onclick="newDir()" /> ?<BR><BR><BR>Js代碼 <BR><BR><script
Time of Update: 2013-10-17
解譯器模式(Interpreter):定義一種文法格式,通過程式解釋執行它並完成相應的任務。在前端編程情境中可以應用解譯器模式來解釋CSS選擇符實現DOM元素的選擇。
Time of Update: 2013-10-17
鏈式調用 鏈式調用其實只不過是一種文法招數。它能讓你通過重用一個初始操作來達到用少量代碼錶達複雜操作的目的。該技術包括兩個部分:一個建立代表HTML元素的對象的工廠。一批對這個HTML元素執行某些操作的方法。調用鏈的結構$函數負責建立支援鏈式調用的對象複製代碼 代碼如下:(function() { /* * 建立一個私人class