Time of Update: 2015-12-29
如何解決因為緩衝無法及時更新圖片問題,緩衝及時更新如何解決因為緩衝無法及時更新圖片問題:在載入遠程圖片的時候,往往會由於緩衝的原因,即使是在伺服器更新了圖片有時候也得不到及時的更新。可以使用如下方法解決此問題,代碼如下: $(".myImg").src("yourUrl.action?randUrl"+Math.ceil(new
Time of Update: 2015-12-29
深入理解javascript之typeof和instanceof這次主要說說javascript的類型判斷函數typeof和判斷建構函式原型instanceof的用法和注意的地方。typeof先來說說typeof吧。首先需要注意的是,typeof方法返回一個字串,來表示資料的類型。文法講解我們先看看各個資料類型對應typeof的值:資料類型TypeUndefined“undefined”Null“object”布爾值“boolean”數值“number”字串“string”Symbol
Time of Update: 2015-12-28
對象題目的一個坑 理解Javascript對象,這一篇的例子,主要是來引起對Javascript對象的理解及注意的。其實是一種面試時的一個坑,實際項目中也是很少用得到,但是為了提高警惕性,我們來看這個例子:代碼名稱var first = {};var second = {k:"second"};var third = {k:"third"};first[second] = 100;first[third] = 200;console.log(first[second])//這裡會輸出什麼內容呢&
Time of Update: 2015-12-28
jquery擷取select選中值的方法分析,本文執行個體講述了jquery擷取select選中值的方法。分享給大家供大家參考,具體如下:誤區:以前一直以為jquery擷取select中option被選中的文本值,是這樣寫的:複製代碼 代碼如下:$("#s").text(); //擷取所有option的文本值實際上應該這樣:複製代碼 代碼如下:$("#s option:selected").text(); //擷取選中的option的文本值擷取select中option的被選中的value值:$
Time of Update: 2015-12-28
JavaScript判斷對象是否為數組,文中為大家分享了三種JavaScript判斷對象是否為數組的方法,1. typeof首先我們會想到的是使用typeof來檢測資料類型,但是對於Function, String, Number, Undefined等這幾種基本類型來說,使用typeof來檢測都可以檢測到,比如代碼如下:function test(){}console.log(typeof 1); // numberconsole.log(typeof test); // function
Time of Update: 2015-12-28
理解javascript中try...catch...finally,本文為大家分析了javascript中try...catch...finally的使用方法,分享給大家供大家參考,具體內容如下稍微複雜一點點,就要用到判斷語句,if else進行條件判斷,話說if條件else否則,這樣的判斷對於寫程式碼的碼儂已經是非常熟悉不過了。如果你覺得這個也很簡單,可能會用到混合if else條件判斷語句加上try catch 來處理語句,雖然用try
Time of Update: 2015-12-28
js操作cookie儲存瀏覽記錄的方法,本文執行個體講述了js操作cookie儲存瀏覽記錄的方法。分享給大家供大家參考,具體如下:說明:最近做了一個功能,記錄使用者瀏覽過的產品頁面。我的思路是,客戶每次進入產品頁面,就自己調用JS把產品資訊以json的形式儲存到cookie裡面。瀏覽記錄的顯示是從cookie裡讀出來,然後解析成json,產生html元素。因為使用者可能會同時開啟好幾個頁面,這幾個頁面上可能都有瀏覽記錄,為了使即使顯示瀏覽記錄,每秒中重新整理一次。要用到2個js檔案,histor
Time of Update: 2015-12-28
原生js和jQuery實現淡入淡出輪播效果,本文執行個體為大家介紹了基於jQuery實現淡入淡出輪播效果的關鍵代碼,分享給大家供大家參考,具體內容如下:基本原理:將所有圖片絕對位置在同一位置,透明度設為0,然後通過jQuery的淡入淡出實現圖片的轉場效果。html代碼:<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"
Time of Update: 2015-12-28
藉助FileReader實現將檔案編碼為Base64後通過AJAX上傳,使用AJAX是無法直接上傳檔案的,一般都是建立個iframe在它裡面完成表單提交的過程以達到非同步上傳檔案的效果。如此做可以達到比較好的瀏覽器安全色性,不過代碼量會比較大,即使是使用了檔案上傳外掛程式,例如plupload。如何能達到靈活的程度呢,能像普通的AJAX提交表單資料那樣將檔案看成是普通表單參數來對待就好了。靈光一閃,利用javascript的FileReader對象將檔案編碼成base64再傳伺服器不就行了麼~開
Time of Update: 2015-12-18
Js位置與大小(1)——正確理解和運用與尺寸大小相關的DOM屬性,jsdom在web開發中,不可避免遇到要計算元素大小以及位置的問題,解決這類問題的方法是利用DOM提供的一些API結合相容性處理來,所有內容大概分3篇左右的文章的來說明。本文作為第一篇,介紹DOM提供的與尺寸大小相關的DOM屬性,提供一些相容性處理的方法,並結合常見的情境說明如何正確運用這些屬性。1.
Time of Update: 2015-12-19
CSS margin用法詳解,cssmargin詳解CSS的margin用法詳解:建議:儘可能的手寫代碼,可以有效提高學習效率和深度。margin屬性在網頁中使用非常的頻繁,所以這裡詳細介紹一下此屬性的用法。此屬性用來定義對象的外邊距的,也稱之為外補白,所謂的外邊距就是圍繞邊框外側的空白地區。可以單獨定義上下左右某一方位的外邊距。代碼執行個體如下:執行個體一:子div沒有外邊距的情況:<!DOCTYPE html><html><head><meta
Time of Update: 2015-12-16
使用float和display:block將內嵌元素轉換成塊元素的不同點,floatblock使用float和display:block將內嵌元素轉換成塊元素的不同點:建議:儘可能的手寫代碼,可以有效提高學習效率和深度。內嵌元素可以轉換成區塊層級元素,常用的方法比如可以為內嵌元素使用float屬性讓內嵌元素浮動起來,或者為內嵌元素添加display:block。雖然兩者都可以讓內嵌元素轉換成區塊層級元素,但是有區別的。代碼執行個體如下:<!DOCTYPE html><html&
Time of Update: 2015-12-11
【02】json文法,02json【02】JSON 文法是 JavaScript 文法的子集。JSON 文法規則JSON 文法是 JavaScript 物件標記法文法的子集。資料在成對的名稱和數值中資料由逗號分隔花括弧儲存對象方括弧儲存數組JSON 成對的名稱和數值JSON 資料的書寫格式是:成對的名稱和數值。成對的名稱和數值包括欄位名稱(在雙引號中),後面寫一個冒號,然後是值:"firstName":"John" 這很容易理解,等價於這條 JavaScript
Time of Update: 2015-12-09
報告一個IE很奇葩的捲軸問題——百分比計算寬度為浮點數時的捲軸顯示異常,奇葩捲軸起因: 做項目的時候做了一個表格內容超過DIV容器自動橫向滾動處理。別的瀏覽器都正常;但是在IE下面明明表格table和容器DIV寬度一致但是卻出現了捲軸。 然後本人做實驗找了半天原因終於是找到了,是IE瀏覽器使用百分比計算寬度值不是整數值引起的。 執行個體1:使用百分比計算結果是整數的情況下顯示正常。<!DOCTYPE html> <html> <head>
Time of Update: 2015-12-04
輕鬆學習JavaScript九:JavaScript對象和數組許多進階程式設計語言都是物件導向的,比如C++、C#和Java等進階程式設計語言,那麼一種物件導向語言有哪些基本要求呢?下面我們就通宿地說一下物件導向的一些知識。一種物件導向語言需要向開發人員提供四種基本能力:(1)封裝:把相關的資訊(無論資料或方法)儲存在對象中的能力(2)聚集:把一個Object Storage
Time of Update: 2015-11-29
從三欄自適應寬度布局到css布局的討論,自適應css 如何?一個三欄調適型配置,左右各100px,中間隨著瀏覽器寬度自適應? 第一個想到的是使用table布局,設定table的寬度為100%,三個td,第1個和第3個固定寬度為100px,那麼中間那個就會自適應了,下面是一個即時的demo:left middle right
Time of Update: 2015-11-26
js擷取圖片寬高的方法,js擷取圖片本文分享多種js擷取圖片寬高的方法,並且通過執行個體進行分析,希望大家從中有所收穫。一、簡陋的擷取圖片方式// 圖片地址 後面加時間戳記是為了避免緩衝var img_url = ‘upload/2013/13643608813441.jpg?'+Date.parse(new Date()); // 建立對象var img = new Image(); // 改變圖片的srcimg.src = img_url; //
Time of Update: 2015-11-26
jQuery外掛程式jquery-barcode實現條碼列印的方法,jquery條碼外掛程式本文執行個體講述了jQuery外掛程式jquery-barcode實現條碼列印的方法。分享給大家供大家參考,具體如下:這是一個純js的jQuery外掛程式,項目地址:http://barcode-coder.com/en/barcode-jquery-plugin-201.html使用樣本:<!doctype html><html> <head> <title&
Time of Update: 2015-11-25
Javascript設計模式理論與實戰:觀察者模式觀察者模式主要應用於對象之間一對多的依賴關係,當一個對象發生改變時,多個對該對象有依賴的其他對象也會跟著做出相應改變,這就非常適合用觀察者模式來實現。使用觀察者模式可以根據需要增加或刪除對象,解決一對多個物件間的耦合關係,使程式更易於擴充和維護。基礎知識觀察者模式定義了對象間的一種一對多依賴關係,每當一個對象發生改變時,其相關依賴對象皆得到通知並被進行相應的改變。觀察者模式又叫做發布-訂閱
Time of Update: 2015-11-26
javascript Slip.js實現整屏滑動的手機網頁,javascriptslip.js有了Slip.js,你只管寫HTML,CSS,如果邏輯簡單,一行JS代碼就可以搞定,大大提升了開發的效率。不吹牛,上面的demo,不到半小時我就寫好了。具體怎麼做呢?比如有個需求是:我們有4個頁面,每個頁面有一張圖片,每次手指滑動都切換一整屏。首先看HTML:<!doctype html>...<script type="text/javascript"