Time of Update: 2017-01-19
本文執行個體講述了javascript實現iframe架構延時載入的方法。分享給大家供大家參考。具體實現方法如下:有的時候我們希望頁面的一些東西實現延時載入,這樣可以不影響網站開啟速度,下面我來給大家介紹javascript實現iframe架構延時載入方法吧。需要載入地區HTML代碼:複製代碼 代碼如下:<div id="indexlogin"></div>下面代碼放在底部複製代碼 代碼如下:<span id="tmpjsnews"><script
Time of Update: 2017-01-19
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一個JavaScript執行個體-擷取元素當前高度</title> <style> #date{width:90%;height:25%;padding:10px;background: red;}
Time of Update: 2017-01-19
操作元素定位元素,用js來實現是個不錯的選擇,下面有個樣本,需要的朋友可以看看<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一個JavaScript執行個體-操作元素定位元素</title> <style> div#a{
Time of Update: 2017-01-19
本文執行個體講述了javascript繼承機制。分享給大家供大家參考。具體分析如下:初學javascript一般很難理解Javascript語言的繼承機制它沒有"子類"和"父類"的概念,也沒有"類"(class)和"執行個體"(instance)的區分,全靠一種很奇特的"原型鏈"(prototype chain)模式,來實現繼承。我花了很多時間,學習這個部分,還做了很多筆記。但是都屬於強行記憶,無法從根本上理解。一、如何建立一個類假設有給叫Person的類如下:複製代碼 代碼如下:var
Time of Update: 2017-01-19
本文執行個體講述了javascript匿名函數的用法。分享給大家供大家參考。具體分析如下:摘要:本文講解的是javascript最基礎也是最重要的東西--函數,之所以寫這篇文章,是因為面試的時候問到了,也算是溫故而知新了。先上個例子,如果你看懂了,說明你已經理解了本文要講的。複製代碼 代碼如下:var f = (function() { function f() {return 10;} return f(); &
Time of Update: 2017-01-19
本文執行個體匯總了JavaScript數組的常用操作技巧。分享給大家供大家參考。具體如下:前言相信大家都用慣了jquery或者underscore等這些類庫中常用的數組相關的操作,如$.isArray,_.some,_.find等等方法。這裡無非是對原生js的數組操作多了一些封裝。這裡主要匯總一下JavaScript數組操作的常用API。相信對大家解決程式問題很有協助。一、性質JavaScript中的數組是一種特殊的對象,用來表示位移量的索引是該對象的屬性,索引可能是整數。然而,這些數字索引在內
Time of Update: 2017-01-19
今天在做一個老項目時,遇到一個需求,在javascript將url中的參數加密解密,從網上找發現了這段有用的代碼:複製代碼 代碼如下:<SCRIPT LANGUAGE="JavaScript"> <!-- Begin function Encrypt(str, pwd) { if(str=="")return
Time of Update: 2017-01-19
LokiJS是一個記憶體資料庫,將效能考慮放在第一位。LokiJS支援索引和更快的文檔訪問,執行效能非常好(近50萬OPS/秒)。其內建DynamicView類可以用於資料子集的索引,甚至擷取更快的效能。*閱讀這篇文章來看一看LokiJS的效能表現。LokiJS支援collections(資料集),跟MongoDB的很像,並且以JSON格式將資料儲存到磁碟,所以你的資料是可移植的。LokiJS即可運行在Node.js端和瀏覽器端。JavaScript是一種簡單易學,通用的語言,所以在javasc
Time of Update: 2017-01-19
1、匿名函數函數是JavaScript中最靈活的一種對象,這裡只是講解其匿名函數的用途。匿名函數:就是沒有函數名的函數。1.1 函數的定義,首先簡單介紹一下函數的定義,大致可分為三種方式第一種:這也是最常規的一種複製代碼 代碼如下:function double(x){ return 2 * x; }第二種:這種方法使用了Function建構函式,把參數列表和函數體都作為字串,很不方便,不建議使用。複製代碼 代碼如下:var
Time of Update: 2017-01-19
1、什麼是閉包、以及閉包所涉及的範圍鏈這裡就不說了。2、JavaScript記憶體回收機制 JavaScript不需要手動地釋放記憶體,它使用一種自動記憶體回收機制(garbage collection)。當一個對象無用的時候,即程式中無變數引用這個對象時,就會從記憶體中釋放掉這個變數。複製代碼 代碼如下: var s = [ 1, 2 ,3]; var s =
Time of Update: 2017-01-19
JavaScript中有Scope(範圍),Scope chain(範圍鏈),Execute context(執行內容),Active Object (使用中的物件),Dynamic Scope(動態範圍),Closure(閉包)這些概念,要理解這些概念,我們從靜態和動態兩個方面去分析一下。首先我們寫一個簡單的function來做一個例子:複製代碼 代碼如下:function add(num1, num2){var sum = num1 + num2;return
Time of Update: 2017-01-19
如題所示,看下面的樣本。(可以使用Chrome瀏覽器,然後F12/或者右鍵,審查元素.調出開發人員工具,進入控制台console輸入)(提示: 控制台輸入時Shift+Enter可以中途代碼換行)複製代碼 代碼如下:var name = "xiaoming";(function(){ var name = name || "小張"; console.info(name);})();// 小張(function(){ name = name || "小張";&
Time of Update: 2017-01-19
真正意義上來說Javascript並不是一門物件導向的語言,沒有提供傳統的繼承方式,但是它提供了一種原型繼承的方式,利用自身提供的原型屬性來實現繼承。原型與原型鏈說原型繼承之前還是要先說說原型和原型鏈,畢竟這是實現原型繼承的基礎。在Javascript中,每個函數都有一個原型屬性prototype指向自身的原型,而由這個函數建立的對象也有一個__proto__屬性指向這個原型,而函數的原型是一個對象,所以這個對象也會有一個__proto__指向自己的原型,這樣逐層深入直到Object對象的原型,
Time of Update: 2017-01-19
那麼問題就來了,這個網頁首先涉及到了移動web前端開發,我優先選擇了用HTML5+bootstrap組合來實現頁面的美觀效果,前端其他的任務交給javascript解決(這裡我是完全使用原生javascript代碼,沒有用到任何的架構,因為考慮到手機載入網頁的速度本來就慢,而且架構中很多用不到的功能也會隨網頁一起載入,耗費使用者流量)。一切功能都就緒以後,客戶試用也覺得很滿意,之後我就把代碼提交到了正式的伺服器上。不過,對方又突然提到了一點:你做的頁面確實挺漂亮的,相容性也不錯,但是這個頁面用電
Time of Update: 2017-01-19
前面有一篇提到了 匿名函數的多種調用方式。這篇看看具名函數的多種調用方式。1、() 平時最常用的就是()運算子來調用/執行一個函數:複製代碼 代碼如下:// 無參函數fun1function fun1() { alert('我被調用了');}fun1(); // 有參函數fun2function fun2(param)
Time of Update: 2017-01-19
typeof是一個運算子,它對運算元返回的結果是一個字串,有6種(只針對ES,不包含HOST環境對象)。1.'undefined'2.'boolean'3.'string'4.'number'5.'object'6.'function'因為它本身是運算子,它不是函數,使用時沒必要加個小括弧。複製代碼 代碼如下:if (typeof(obj) === 'undefined') { // ...}typeof用來判斷類型,它有幾個坑1.
Time of Update: 2017-01-19
如何用Javascript判斷圖片大小,其實只要寫一個簡單的函數就可以了,當然這麼判斷要怎麼寫很多人可能不知道。發覺用 ASP 判斷圖片大小比數牛毛還繁複, 且判斷了就判斷了, 還要邏輯顯示。..煩。 用 Javascript 判斷, 輕鬆搞定, 最終效果無非就是不要讓大圖片撐破頁面。<script LANGUAGE=“JAVASCRIPT”>//檢查圖片大小是否大於預期大小, 大於則顯示為預期大小function show(chkw) { //chk images widthif(
Time of Update: 2017-01-19
一個檢測表單資料的JavaScript執行個體,很簡單,很實用,感興趣的朋友可以看看 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一個JavaScript執行個體-檢測表單資料</title> <style> [
Time of Update: 2017-01-19
本文整理歸納了一些js常用函數,其中包括對資料操作,字元替換操作,日期及加解密操作函數,還有一些簡單的驗證函式。便於大家查閱參考。相信對大家會有所協助。1.typeof、constructor、instanceof對數組的判斷複製代碼 代碼如下:var arr = [1,5,6,9,8,5,4];//var arr = new Array(1,5,6,9,8,5,4);console.log(typeof arr);//objectconsole.log(arr.constructor());/
Time of Update: 2017-01-19
根據時間產生m位隨機數,最大13位隨機數,並且不能保證首位不為0function ran(m) {m = m > 13 ? 13 : m;var num = new Date().getTime();return num.toString().substring(13 - m);}console.log(ran(5));根據Math的random函數產生的隨機數截取m位,產生的隨機數最大不超過16位,能保證首位不為0function rand(m) {m = m > 16 &