Time of Update: 2017-01-19
本文執行個體講述了javascript針對cookie的基本操作。分享給大家供大家參考,具體如下:js被C#、JAVA等開發人員視為聲名狼藉的附屬程式設計語言是有道理的,比如說,對cookie的操作。js就沒有一套類似C#的現成處理方案,而只能由你自己去完成。下面我就將自己學習的用物件導向的思想對cookie進行處理的學習筆記整理一下,以饗讀者。cookie的常見操作分析:(1)設定cookie 包括了添加和修改功能,事實上如果原有cookie 名稱已經存在,那麼添加此cookie
Time of Update: 2017-01-19
本文執行個體講述了javascript閉包(Closure)用法。分享給大家供大家參考,具體如下:closure被翻譯成“閉包”,感覺這東西被封裝的太學術化。下面參考書本和網上資源簡單探討一下(理解不當之處務請留意)。1、什麼是閉包官方的回答:所謂“閉包”,指的是一個擁有許多變數和綁定了這些變數的環境的運算式(通常是一個函數),因而這些變數也是該運算式的一部分。看了上面的定義,如果你不是高手,我堅信你會和我一樣憤怒的質問:這tmd是人話嗎?要理解閉包,還是代碼最有說服力啊,上代碼:functio
Time of Update: 2017-01-19
本文執行個體講述了javascript實現省市區三級聯動下拉框菜單代碼,像平時購物選擇地址時一樣,通過選擇的省動態載入城市列表,通過選擇的城市動態載入縣區列表,從而可以實現省市縣的三級聯動,下面使用原生的JavaScript來實現這個功能,分享給大家供大家參考。具體如下:運行效果截圖如下:具體代碼如下:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>
Time of Update: 2017-01-19
1、做判斷(if語句)if語句是基於條件成立才執行相應代碼時使用的語句。文法: if(條件){ 條件成立時執行代碼 }例子:假設你應聘web前端技術開發崗位,如果你會HTML技術,你面試成功,歡迎加入公司。<script type="text/javascript"> var mycarrer = "HTML"; if (mycarrer == "HTML"){ document.write("你面試成功,歡迎加入公司。"); }
Time of Update: 2017-01-19
廢話不多說了,直接給大家貼js實現點擊圖片顯示原圖片的代碼,具體代碼如下所示:function DrawImage(ImgD){ var image = new Image(); image.src=ImgD.src; var width = $(ImgD).attr("width"); var height = $(ImgD).attr("height"); if(width >100 && height>80){ ImgD.width=100; ImgD.
Time of Update: 2017-01-19
何為策略?比如我們要去某個地方旅遊,可以根據具體的實際情況來選擇出行的線路。1、策略模式的定義如果沒有時間但是不在乎錢,可以選擇坐飛機。如果沒有錢,可以選擇坐大巴或者火車。如果再窮一點,可以選擇騎單車。在程式設計中,我們也常常遇到類似的情況,要實現某一個功能有多種方案可以選擇。比如一個壓縮檔的程式,既可以選擇zip演算法,也可以選擇gzip演算法。定義:策略模式定義一系列的演算法,分別封裝起來,讓他們之間可以互相替換,此模式讓演算法的變化獨立於使用算飯的客戶.策略模式有著廣泛的應用。本節我們就以
Time of Update: 2017-01-19
單例模式的定義:保證一個類僅有一個執行個體,並提供一個訪問它的全域訪問點。單例模式是一種常用的模式,有一些對象我們往往只需要一個,比如線程池、全域緩衝、瀏覽器的window對象。在js開發中,單例模式的用途同樣非常廣泛。試想一下,當我們單擊登入按鈕的時候,頁面中會出現一個登入框,而這個浮窗是唯一的,無論單擊多少次登入按鈕,這個浮窗只會被建立一次。因此這個登入浮窗就適合用單例模式。1、單例模式的使用情境在使用一種模式之前,我們最好要知道,這種模式的使用情境。用了這麼久的單例模式,竟全然不知!用它具
Time of Update: 2017-01-19
什麼是BOMBOM是browser object
Time of Update: 2017-01-19
本文執行個體講述了Javascript模仿淘寶信用評價實現方法。分享給大家供大家參考,具體如下:老闆昨天開會說:要給公司的購物平台增加信用評價功能,使用者體驗參考淘寶。於是今天研究了一下,用jQuery模似一個類似的效果:代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Time of Update: 2017-01-19
1、什麼是鏈式調用這個很容易理解,例如:$(this).setStyle('color', 'red').show();一般的函數調用和鏈式調用的區別:調用完方法後,return this返回當前調用方法的對象。function Dog(){ this.run= function(){ alert("The dog is running...."); return this;//返回當前對象 Dog }; this.eat= function(){
Time of Update: 2017-01-19
在JavaScript 中,並沒有對抽象類別和介面的支援。JavaScript 本身也是一門弱類型語言。在封裝類型方面,JavaScript 沒有能力,也沒有必要做得更多。對於JavaScript
Time of Update: 2017-01-19
1、介面概述1)、什麼是介面?介面是提供了一種用以說明一個對象應該具有哪些方法的手段。儘管它可以表明這些方法的語義,但它並不規定這些方法應該如何?。2)、 介面之利 促進代碼的重用。介面可以告訴程式員一個類實現了哪些方法,從而協助其使用這個類。 有助於穩定不同類之前的通訊方式。
Time of Update: 2017-01-19
俄羅斯方塊方塊是小時候的一個回憶,從最開始的掌上的黑白遊戲機,到電視遊戲機,到電腦,無不有它的痕迹,今天我們來一起重溫它的一種實現方法,也算是整理一下我的思路吧......HTML+CSS+JS實現俄羅斯方塊完整版,素材只有圖片,想要的下載圖片按提示名字儲存,css中用的時候注意路徑!!主要在JS中!JS附有詳細注釋效果:按鍵提示:[鍵盤按鍵]素材:圖片名字與代碼裡對應 1、背景圖片:tetris.png 2、失敗時候的彈出框圖片:game-over.png 3、七種色彩小方塊圖片
Time of Update: 2017-01-19
多態的實際含義是:同一操作作用於不同的對象上面,可以產生不同的解釋和不同的執行結果。換句話說,給不同的對象發送同一個訊息的時候,這些對象會根據這個訊息分別給出不同的反饋。從字面上來理解多態不太容易,下面我們來舉例說明一下。主人家裡養了兩隻動物,分別是一隻鴨和一隻雞,當主人向它們發出“叫”的命令時,鴨會“嘎嘎嘎”地叫,而雞會“咯咯咯”地叫。這兩隻動物都會以自己的方式來發出叫聲。它們同樣“都是動物,並且可以發出叫聲”,但根據主人的指令,它們會各自發出不同的叫聲。其實,其中就蘊含了多態的思想。下面我們
Time of Update: 2017-01-19
本文執行個體講述了javascript資料結構之雙鏈表插入排序實現方法。分享給大家供大家參考,具體如下:數組儲存前提下,插入排序演算法,在最壞情況下,前面的元素需要不斷向後移,以便在插入點留出空位,讓目標元素插入。換成鏈表時,顯然無需做這種大量移動,根據每個節點的前驅節點“指標”,向前找到插入點後,直接把目標值從原鏈表上摘下,然後在插入點把鏈表斷成二截,然後跟目標點重新接起來即可。<!doctype html><html><head>
Time of Update: 2017-01-19
本文執行個體講述了javascript常用演算法。分享給大家供大家參考,具體如下:入門級演算法-線性尋找-時間複雜度O(n)--相當於演算法界中的HelloWorld//線性搜尋(入門HelloWorld)//A為數組,x為要搜尋的值function linearSearch(A, x) { for (var i = 0; i < A.length; i++) { if (A[i] == x) { return i; } } return
Time of Update: 2017-01-19
本文執行個體講述了JavaScript編寫簡單計算機的代碼。分享給大家供大家參考。具體如下:運行效果截圖如下:具體代碼如下<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>計算機</title> <style> /*Basic reset*/*{ margin:0; padding:0; box-sizing:
Time of Update: 2017-01-19
最近心血來潮,項目結束了,使用javascript寫個小遊戲,練練收吧,寫的不好還請各位大俠給出批評建議。HTML代碼如下<!DOCTYPE html><html> <head> <title></title> <meta charset="utf-8" /> <link rel="stylesheet" href="2048.css"/> <script
Time of Update: 2017-01-19
本文執行個體講述了javascript載入xml檔案的方法。分享給大家供大家參考,具體如下://需要讀取的xml檔案var uRl = "jsReadXml.xml";var xmlDoc;//初始化,給上述定義變數賦值// function showcurcity(){if(window.ActiveXObject){xmlDoc=new
Time of Update: 2017-01-19
本文執行個體分析了javascript範圍鏈(Scope Chain)用法。分享給大家供大家參考,具體如下:關於js的範圍鏈,早有耳聞,也曾看過幾篇介紹性的博文,但一直都理解的模稜兩可。近日又精心翻看了一下《悟透Javascript》這本書,覺得寫得太深刻,在“代碼的時空”一節裡有一段介紹範圍鏈的地方寥寥數語,回味無窮(其實還是理解的模稜兩可^_^)。現在整理下自己的讀書筆記,順便借鑒網上資源,寫下來。一、從一個簡單的問題說起下面的js代碼在頁面中運行顯示什麼結果:var arg =