Time of Update: 2017-01-18
不管學習什麼知識,習慣於把自己所學習的知識列成一個list,會有助於我們理清思路,是一個很好的學習方法。強烈推薦。以下篇幅有點長,希望讀者耐心閱讀。以下內容會分為如下部分:1.涵義 1.1:this涵義 1.2:this指向的可變性2.使用場合 2.1:全域環境 2.2:建構函式 2.3:對象的方法3.使用注意點 3.1:避免多層嵌套this 3.2:避免數組處理方法中的this 3.3:避免回呼函數中的this1.涵義1.1:this涵義在我寫的一篇關於
Time of Update: 2017-01-18
最近在學習javascript的函數,函數是javascript的一等對象,想要學好javascript,就必須深刻理解函數。本人把學習的過程整理成文章,一是為了加深自己函數的理解,二是給讀者提供學習的途徑,避免走彎路。內容有些多,但都是筆者對於函數的總結。1.函數參數 1.1:參數是什麼 1.2:參數的省略 1.3:參數預設值 1.4:參數傳遞方式 1.5:同名參數 1.6:arguments對象2.閉包 2.1:閉包定義 2.2:立即調用的函數運算式(IIFE,
Time of Update: 2017-01-18
以下內容會分為如下小節:1.call/apply/bind方法的來源2.Function.prototype.call()3.Function.prototype.apply() 3.1:找出數組中的最大數 3.2:將數組的空元素變為undefined 3.3:轉換類似數組的對象4.Function.prototype.bind()5.綁定回呼函數的對象6.call,apply,bind方法的聯絡和區別1.call/apply/bind方法的來源首先,在使用call,apply,bind方
Time of Update: 2017-01-18
最近在惡補js知識的時候,總是會因為js強大的文法而感到震撼。因為以前對前端方面的疏忽,導致了一些理解的錯誤。因此痛改前非,下定決心,不管做什麼事情,都要有專研的精神。在介紹前,拋出一個問題:如何將多個數組合并為一個數組?以下的分享會分為如下小節:1.concat方法的基礎介紹2.從執行個體中感受concat方法1.concat方法的基礎介紹concat方法用於多個數組的合并。它將新數組的成員,添加到原數組的尾部,然後返回一個新數組,原數組不變。console.log([].concat([1]
Time of Update: 2017-01-18
瀏覽器在讀取HTML檔案的時候,只有當遇到<script>標籤的時候,才會喚醒所謂的“JavaScript解析器”開始工作。JavaScript解析器工作步驟:1、“找一些東西”: var、 function、 參數;(也被稱之為預解析)備忘:如果遇到重名分為以下兩種情況: 遇到變數和函數重名了,只留下函數
Time of Update: 2017-01-18
本文執行個體分析了javascript中setAttribute相容性用法。分享給大家供大家參考,具體如下:1:常規屬性建議使用 node.XXXX。2:自訂屬性建議使用node.getAttribute("XXXX")。3:當擷取的目標是JS裡的關鍵字時建議使用node.getAttribute("XXX"),如label中的for。4:當擷取的目標是保留字,如:class,請使用className代替。setAttribute(string name, string
Time of Update: 2017-01-18
在網站開發中尤其是新聞類網站,經常遇到多欄目切換的設計,這種效果有很多種實現效果,現在記錄一種很簡單的寫法: <style> .news_wrap{ width: 380px; height: 266px; float: left; margin-left: 15px; } .news_head{ width: 380px; border-bottom: 2px solid #dedede; height: 51px; line-height: 51px; }
Time of Update: 2017-01-18
一、資料類型5種基礎資料型別 (Elementary Data
Time of Update: 2017-01-18
本文執行個體講述了JavaScript掃雷遊戲。分享給大家供大家參考,具體如下:翻出年初寫的遊戲貼上來,掃雷相信大家都玩過,先上圖:源碼:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html
Time of Update: 2017-01-18
話不多說,請看具體實現代碼//從字串'Is this all there is'中剪去'is': var str='Is this all there is'; var subStr=new RegExp('is');//建立Regex對象 var result=str.replace(subStr,"");//把'is'替換為空白字串 console.log(result);//Is th all there is var subStr=new
Time of Update: 2017-01-18
話不多說,下面跟著小編一起來看下執行個體代碼吧Js:/** * Author: Black_Jay郗 * downCount: 時間轉換 倒計時 */(function ($) { $.fn.downCount = function (options, callback) { var settings = $.extend({ date: null, offset: null }, options); if (!settings.date) {
Time of Update: 2017-01-18
本文執行個體講述了javascript實現將數字轉成千分位的方法。分享給大家供大家參考,具體如下:儘管離過年還有兩個月之久,春運搶票的戰鬥已經打響了,悲劇的是我還沒搶到票,看到某瀏覽器上的數字時,想到一個經典面試題,沒錯,就是數字轉千分位。如將數字87463297轉成87,463,297,方法有很多種,我這裡只想到5種。1、利用正則的零寬度正預測先行斷言(?=exp),名字有點難記,意思是它斷言自身出現的位置的後面能匹配運算式exp,對此概念還不明白的可以戳這裡,這裡不做過多解釋。數字千
Time of Update: 2017-01-18
本文執行個體講述了JavaScript擷取伺服器時間的方法。分享給大家供大家參考,具體如下:Javascript是運行在用戶端的指令碼,我們一般都用new
Time of Update: 2017-01-18
JavaScript是一個絕冠全球的程式設計語言,可用於Web開發、行動裝置
Time of Update: 2017-01-18
1.JavaScript中四種基本資料存取位置:字面量,本地變數,數組元素,對象成員。一般來說:[字面量,局部變數]運行速度>[數組,對象成員]2.內部屬性包含了一個函數被建立的範圍中對象的集合。這個集合被稱為範圍鏈。3.執行函數->建立執行環境->建立使用中的物件(即函數運行時變數對象)。所以多次調用同一個函數會導致建立多個執行環境。4.函數執行過程每遇到一個變數都會經曆一次標識符解析過程,從哪裡擷取或儲存資料。該過程搜尋執行環境的範圍鏈。正是這種搜尋過程影響了效能。5.標識
Time of Update: 2017-01-18
前言: this 是 JavaScript 比較特殊的關鍵字,運用的地方之廣,方式之靈活奠定了它的強大,但同時註定了它的難用 。自己剛開始學的時候被繞的很暈,為了徹底弄懂它查了很多資料。然後將自己學的東西整理了一下,以通俗易懂的方式表達出來,權當做學習筆記,同時也可以給有需要的童鞋做下參考^_^什麼是this?this 關鍵字的含義是明確且具體的,即指代當前對象。即意味著這個 this 是在某種相對情況下才成立的。this
Time of Update: 2017-01-18
複製代碼 代碼如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style><!-- .errorInfo{ color:red; padding-left:5px; } --></style><style bogus="1"&
Time of Update: 2017-01-18
下面我們來看下這個例子吧! 複製代碼 代碼如下:<html> <head> <title>jqueryDemo:quanjiaoNum</title> <script src="jquery.js"
Time of Update: 2017-01-18
前面的話當元素內容溢出元素尺寸範圍時,會出現捲軸。但由於捲軸在各瀏覽器下表現不同,相容性不好。所以,類比捲軸也是很常見的應用。本文將詳細介紹捲軸類比原理介紹捲軸類比實際上和元素類比拖拽類似。僅僅通過範圍限定,使元素只可以在單一方向上拖拽<div id="box" style="height: 200px;width: 16px;background-color:#F5F5F5;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,0.
Time of Update: 2017-01-18
Javascript oop設計模式 物件導向編程最初我們寫js代碼的時候是這麼寫 function checkName(){ //驗證姓名 } function checkEmail(){ //驗證郵箱 } function checkPassword(){ //驗證密碼 }這種方式會造成全域變數的嚴重汙染,再過渡到var checkObject = { checkName : function(){}; checkEmail: function(){};