JavaScript

本文主要說的是Web中圖片根據手機螢幕大小自適應置中顯示，圖片自適應兩種常見情況解決方案。開始吧在做配合手機用戶端的Web

本文執行個體講述了javascript中attachEvent用法。分享給大家供大家參考。具體分析如下：一般我們在JS中添加事件,是這樣子的obj.onclick=method這種綁定事件的方式，相容主流瀏覽器,但如果一個元素上添加多次同一事件呢?obj.onclick=method1obj.onclick=method2obj.onclick=method3如果這樣寫,那麼只有最後綁定的事件,這裡是method3會被執行,這個時候我們就不能用onclick這樣的寫法了,主角改登場了,在

面試前端必須準備的一個問題：怎樣去掉Javascript的Array的重複項。據我所知，百度、騰訊、盛大等都在面試裡出過這個題目。 這個問題看起來簡單，但是其實暗藏殺機。 考的不僅僅是實現這個功能，更能看出你對電腦程式執行的深入理解。    我總共想出了三種演算法來實現這個目的：Array.prototype.unique1 = function(){ var n = []; //一個新的臨時數組 for(var i = 0; i < this.length;

最近在瀏覽一些阿里的前端面試題，其中有一題涉及了javascript中replace( )方法的使用，下面是原題：“說出以下函數的作用是？空白地區應該填寫什嗎？” // define (function (window) { function fn(str) { this.str = str; } fn.prototype.format = function () { var arg = ______; return

廢話不多說了，先給大家展示下效果圖：總結，本篇是要介紹的一個刷星星(快閃記憶體裡面的)的指令碼，用於掛機刷星星。在七夕就是刷的玫瑰，所以絕不是標題黨，就讓我帶大家一起刷星星吧！一、 發送訊息看請求並自己類比發送$.post("http://ing.cnblogs.com/ajax/ing/Publish", //地址 JSON.stringify({ "content": content, "publicFlag": 1 }), //參數，json格式字串 function (result)

最近身體不適，所以沒能如期的更新，抱歉。這裡直接把代碼貼上，如果有不明白的地方，留言就行。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title&

本文章記錄本人在學習 函數式 中理解到的一些東西，加深記憶和並且整理記錄下來，方便之後的複習。在近期看到了《JavaScript函數式編程》這本書預售的時候就定了下來。主要目的是個人目前還是不理解什麼是函數式編程。在自己學習的過程中一直聽到身邊的人說面向過程編程和物件導向編程，而函數式就非常少。為了自己不要落後於其他同學的腳步，故想以寫筆記的方式去分享和記錄自己閱讀中所汲取的知識。js

看了一下網上閉包的概念及文章，對於這個問題，自己做一個梳理吧。問：閉包是什嗎？答：閉包是指在 JavaScript 中，內建函式總是可以訪問其所在的外部函數中聲明的參數和變數，即使在其外部函數被返回（壽命終結）了之後。這個是我自身第一次碰到閉包的問題<!DOCTYPE HTML><html><head><meta charset="utf-8"/><title>閉包迴圈問題</title><style

七夕情人節也不要忘了打遊戲喔喔～，下面小編為大家準備的情人節禮物之純javascript模仿微信打飛機小遊戲分享給天下的情人們。首先給大家展示效果圖：查看示範      

瀏覽器的嗅探現在已經不推薦了，但在某些場合還是需要的。比如一些統計指令碼。在標準瀏覽器裡，提供了document.implementation.hasfeature,可惜有bug,不準確，目前，w3c又推出了CSS.supports方法，顯示出大家對這塊的關注。1.判定瀏覽器。主流的瀏覽器有ie firefox opera chorme safari

在很多網頁都有這樣的效果，當點擊一個按鈕或者其他的對象會彈出一個提示框，如果點擊確定則繼續執行既定的程式，如果點擊取消則會取消繼續執行，代碼執行個體如下:<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>確定和取消提示框</title><style

[1]alert()    [1.1]有阻塞作用，不點擊確定，後續代碼無法繼續執行    [1.2]alert()只能輸出string,如果alert輸出的是對象會自動調用toString()方法        e.g. alert([1,2,3]);//'1,2,3'   

變數類型                                 只有6種 : 四種未經處理資料類型boolean , number, string , undefine,

前幾天在搜尋面試題時發現了這麼一段代碼,執行完後感覺完全不與所想的一樣 var a = { n : 1 }; var b = a; a.x = a = {n : 2}; console.log(a.x); console.log(b.x);輸出結果為:undefined[object Object]一開始以為語句應該是先給 a 賦值 {n : 2} , 然後再將 a.x 賦值 {n : 2} ;但事實卻不是那樣,於是改動了一下代碼,添加幾條logvar test;var a = {

檢查屬性var mouse = { "name": "betta", "age": 3, "varieties": "milaoshu"} mouse.hasOwnProperty("name"); // truemouse.hasOwnProperty("sex"); //false增加屬性定義個對象 dog，然後賦予各種特性，再賦予 color特性，最後遍曆所有的屬性以及值var dog={ name:"芒果", type:"會之王", eat:function(){ alert("吃")

天天看到別人玩連連看， 表示沒有認真玩過， 不就把兩個一樣的圖片串連在一起麼， 我自己寫一個都可以呢。　　使用Javascript寫了一個， 託管到github， 線上DEMO地址查看：開啟　　最終的效果圖：　　寫連連看之前要先考慮哪些呢？　　　　1：如何判斷兩個元素可以串連呢， 剛剛開始的時候我也納悶， 可以參考這裡：開啟；　　　　2：模板引擎怎麼選擇呢， 我用了底線庫的template，因為文法簡單。 本來想用Handlebars，但是這個有點大啊， 而且底線庫也提供很多常用工具方法( &#

本文執行個體講述了JavaScript點擊按鈕後彈出透明浮動層的方法。分享給大家供大家參考。具體分析如下：這裡實現點擊後頁面變灰色，並用JS彈出一個置中的浮動層提示視窗，這個視窗是透明的，可以設定透明度，網上已經有很多類似的JavaScript代碼，你可以借鑒一下。<HTML><HEAD><TITLE>浮動層置中的對話方塊效果示範</TITLE><META http-equiv=Content-Type content="text/html;

js控制div顏色<html><head></head><style>#div1{width:400px;height:400px;background-color:red;}</style><script>function blue(){div1=document.getElementById('div1');div1.style.backgroundColor='blue';}function pink(){ div1=

 覺得Mootools不可思議？想知道Dojo是如何?的？對JQuery的技巧感到好奇？在這篇教程裡，我們將探尋架構背後的秘密，然後試著自己動手建立一個你所喜愛的架構的簡易版本。我們幾乎每天都在使用各種各樣的JavaScript架構。當你剛入門的時候，方便的DOM（文件物件模型）操作讓你覺得JQuery這樣的東西非常棒。這是因為：首先，對於新手來說DOM太難理解了；當然，對於一個API來說難以理解可不是什麼好事。其次，瀏覽器間的相容性問題非常令人困擾。

上一篇說了數組的索引，這一篇說下數組的使用。數組的大小js的數組可以動態調整大小，更確切點說，它沒有數組越界的概念，a[a.length]沒什麼問題。比如聲明一個數組a = [1, 3, 5],現在的數組大小是3，最後一個元素的索引是2，但是你依然可以使用a[3],訪問a[3]返回的是undefined，給a[3]賦值：a[3] = 7，是給數組a添加了一個元素，現在數組a的長度是4了。你可以試試把下面這段代碼放到瀏覽器裡運行下： var a = []; for(int i = 0; i &