Time of Update: 2015-04-27
標籤:1.巧用判斷: 在js中,NaN,undefined,Null,0,"" 在轉換為bool的時候,是false,所以,可以這樣寫。 if(!obj) {}表示一個對象如果為false的時候所做的事情,因為如果obj為以上任何一個,那麼就是false,!false即是true,這樣,就不需要 if(obj==null || obj == NaN ....)。2.巧用運算子: 有一個很經典的技巧,得到時間戳記。var dataspan =
Time of Update: 2015-04-27
標籤:一、事件的捕獲與冒泡 “DOM2級事件”規定的事件流包括三個階段:事件捕獲階段、處於目標階段和事件冒泡階段。下面這個圖能夠很形象的解釋(理解捕獲和冒泡必不可少的圖)按照圖我們編寫了代碼去驗證下,<div id="parent"> <div id="child"> child </div></div><script
Time of Update: 2015-04-26
標籤: 在很久以前那時候還沒有Yahoo,Google....人們還在用28.8kbit/s的"貓"上網, 使用者註冊或者登入的時候所有的驗證都是在伺服器驗證的, 如果使用者註冊的時候使用者名稱或者密碼輸入有誤卻提交了, 然後過了60秒伺服器返回了一條訊息說,"xxxx"錯誤, 使用者瘋了。 然後netscape navigator公司希望通過一種方式直接在用戶端驗證, 如果用戶端驗證通過, 那就再通過服務端驗證,即減少了服務端的壓力,
Time of Update: 2015-04-26
標籤:開學一個月,已經多次夢見筆試出現資料結構演算法題,我對資料結構的恐懼已經多於任何“妖魔鬼怪”了。呵呵,看來真的很有必要複習一下常用的資料結構,免得“噩夢”成真。 資料機構等編程基礎的重要性不用多說,直接進入正題。 排序演算法,分為內部排序和外部排序。內部排序要使用記憶體,這裡只探討內部排序。1,插入排序:直接插入排序和希爾排序2,選擇排序:簡單選擇排序和堆排序3,交換排序:冒泡排序和快速排序4,歸併排序5,基數排序&nbs
Time of Update: 2015-04-26
標籤:建構函式建構函式,是一種特殊的方法。主要用來建立對象時初始化對象,即為對象成員變數賦初始值,總與new運算子一起使用在建立對象的語句中。特別的一個類可以有多個建構函式,可根據其參數個數的不同或參數類型的不同來區分它們即建構函式的重載。樣本:<span style="font-size:18px;">function
Time of Update: 2015-04-26
標籤:javascript 級聯 效果 執行個體 標題<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta
Time of Update: 2015-04-26
標籤:倒計時很常見,例如離XX活動還有XX天XX小時XX分XX秒,然後逐秒減少,實現很簡單,我只是想記錄這過程中的一點小坑。先上代碼:<html> <head> <meta charset="UTF-8" > <title>task0002_2</title> </head> <body> <input id="input-date" type="text" />
Time of Update: 2015-04-26
標籤:一、什麼是"非建構函式"的繼承?比如,現在有一個對象,叫做"中國人"。var Chinese = { nation:‘中國‘ };還有一個對象,叫做"醫生"。 var Doctor ={ career:‘醫生‘ } 請問怎樣才能讓"醫生"去繼承"中國人",也就是說,我怎樣才能產生一個"中國醫生"的對象?這裡要注意,這兩個對象都是普通對象,不是建構函式,無法使用建構函式方法實現"繼承"。二、object()方法json格式的發明人Douglas
Time of Update: 2015-04-26
標籤:原文來自 ruanyifeng.com 一年前,我寫了一篇《什麼是 Event Loop?》,談了我對Event Loop的理解。上個月,我偶然看到了Philip Roberts的演講《Help, I‘m stuck in an event-loop》。這才尷尬地發現,自己的理解是錯的。我決定重寫這個題目,詳細、完整、正確地描述JavaScript引擎的內部運行機制。下面就是我的重寫。進入本文之前,插播一條訊息。我的新書《ECMAScript
Time of Update: 2015-04-27
JavaScript擷取DOM元素的11種方法總結 JavaScript擷取DOM元素的11種方法總結
Time of Update: 2015-04-27
jquery ui resize 中border-box的bug修正 jquery ui resize 中border-box的bug修正 本文給大家分享的是jQuery ui resize中的一個樣式的小bug的解決方案,官方並沒有修複,這裡推薦給大家,有需要的小夥伴可以參考下。 jquery ui resize 中的alsoresize在有樣式border-box時,如在與 bootstrap 一起使用時會發生問題,每次
Time of Update: 2015-04-27
javascript變數聲明執行個體分析 javascript變數聲明執行個體分析
Time of Update: 2015-04-27
讓CSS布局更加直觀:box-sizing,css布局box-sizing原文出處: front-Thinking 歡迎分享原創到伯樂頭條如果你寫過CSS或者你接觸過CSS,相信你一定對盒子模型一點都不陌生。CSS其中一個讓人比較困惑的地方就在於它的盒子模型中關於高度和寬度的計算,別說那些初學者了,就是寫過很久CSS的人也一樣會有如此的感覺。CSS中的高度和寬度總是不那麼直觀,讓你總是很困惑,不能一眼就能分辨出其高度和寬度。有的時候你希望它的寬度是10
Time of Update: 2015-04-27
JS魔法堂:再識IE的記憶體泄露(1)一、前言IE6~8除了不遵守W3C標準和各種詭異外,我想最讓人詬病的應該是記憶體泄露的問題了。這陣子趁項目技術調研的機會好好的再認識一回,以下內容若有紕漏請大家指正,謝謝!目錄一大坨!二、記憶體流失到底是哪裡漏了?2.1. JS Engine Object、DOM Element 和 BOM Element2.2. JS Engine Object的記憶體回收機制2.3. DOM Element的記憶體回收機制2.4. 兩種泄漏方式三、4種泄漏模式3.1.
Time of Update: 2015-04-27
div 絕對位置,div定位div絕對居下 1 .Phone2title{ 2 width:100%; 3 height:30px; 4 line-height:30px; 5 /*text-align:left;*/ 6 /*background-color:RGB(239,101,25);*/ 7 background-color:#b81c22; 8 position:fixed; 9 _position:absolute; 10 *position:absolute; 11
Time of Update: 2015-04-26
JScript中的條件注釋詳解,jscript注釋詳解JScript 可以使用以下語句根據條件編譯變數的值控制指令碼的編譯。既可以使用 JScript 提供的變數,也可以使用 @set 指令或 /define 命令列選項定義自己的變數。@cc_on 啟用條件編譯支援。 @if 根據運算式的值,有條件地執行一組語句。 @set 建立使用條件編譯語句的變數。 @cc_on、@if 或 @set
Time of Update: 2015-04-26
淺談jquery事件處理,淺談jquery事件在以jQuery為基礎庫的前端開發體系中,經常會在一個頁面上通過各種標識綁定許許多多的事件。就算簡單的使用了事件代理,也還是造成了事件的分散,不好維護和管理。那麼,如何解決這個問題呢?而我,想到了backbone中的events。如下:複製代碼 代碼如下:events: { "click .icon":
Time of Update: 2015-04-26
js中for in語句的用法講解,js語句複製代碼 代碼如下: for(variable in object) statementvariable
Time of Update: 2015-04-26
JS實現簡單的鍵盤打字的效果,js鍵盤打字以代碼形式實現過程分析:<html><head><title>打字效果</title><meta http-equiv="Content-Type" Content="text/html;charset=gb2312" /><style type="text/css">body{ font-size:14px; font-color:#purple;
Time of Update: 2015-04-26
js完美解決IE6不支援position:fixed的bug,ie6fixed先來看段代碼<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>IE6 position:fixed bug</title><style>*{padding:0;margin:0}p{