現代JavaScript開發人員的工具箱

標籤:  自從HTML5變得流行以來,整個Web平台取得了長足的進步,人們也開始將JavaScript視為一門能夠建立複雜應用的語言。許多新的API紛紛浮現,而關於瀏覽器如何應用這些技術的文章也大量湧現。  作為一門指令碼語言,JavaScript最初建立的目的是用於增強web頁面的表現能力,而現如今JavaScript幾乎已經用在所有你能想到的地方了。隨著整個業界的技術能力不斷提高,JavaScript如今已經可以在服務端運行,同時也能夠被編譯為原生手機應用的代碼。當今的JavaScript開

十大免費教程資源協助新手快速學習JavaScript

標籤:  “JavaScript”的名頭相信大家肯定是耳熟能詳,但只有一小部分人群瞭解它的使用與應用程式構建方式。這“一小部分”人指的當然是技術過硬的有為青年、網路程式員以及IT專業人員。但對於一位新手或者說外行人而言,“JavaScript”只不過是複雜電腦編程學科當中的另一個不知所云的術語。 那麼,JavaScript到底是什嗎?

JavaScript版拼圖小遊戲

標籤:慕課網上準備開個新的jQuery教程,花了3天空閑時間寫了一個Javascript版的拼圖小遊戲,作為新教程配套的分析案例拼圖遊戲網上有不少的實現案例了,但是此源碼是我自己的實現,所以不做太多的比較線上預覽(Chrome):http://sandbox.runjs.cn/show/pcwfu7i5拼圖遊戲其實挺簡單,主要是涉及到一些細節的處理,以下是我的自己在實現中涉及到的問題:圖片的切割與拼接如何隨機布局如何切換圖片拖動圖片溢出處理怎麼知道圖片是否還原成功 實現思路:為了簡單,

JavaScript的DOM_擷取和操作層次節點

標籤:一、層次節點的概述  節點的階層可以劃分為:父節點與子節點、兄弟節點這兩種。當我們擷取其中一個元素節點的時候,就可以使用層次節點屬性來擷取它相關層次的節點。     二、childNodes 屬性  childeNodes 屬性可以擷取某一個元素節點的所有子節點,這些子節點包含元素子節點和文本子節點。<script type="text/javascript"> window.onload = function(){ var

JavaScript的DOM_擷取節點的類型

標籤:node 節點類型:節點可以分為元素節點、屬性節點和文本節點,而這些節點又有三個非常有用的屬性,分別為:nodeName、nodeType 和 nodeValue。<script type="text/javascript"> window.onload = function(){ var box = document.getElementById(‘box‘); alert(box);

javascript內建函數

標籤:1.Date:日期函數屬性(1):constructor 所修立對象的函數參考prototype 能夠為對象加進的屬性和方法辦法(43):getDay() 返回一周中的第幾天(0-6)getYear() 返回年份.2000年以前為2位,2000(包括)以後為4位getFullYear() 返回完全的4位年份數getMonth() 返回月份數(0-11)getDate() 返回日(1-31)getHours() 返回小時數(0-23)getMinutes()

Array1(javascript進階程式設計)

標籤:Array類型可能是JavaScript中最常用的類型了,而這裡的數組很靈活,數組的每一項都可以儲存任何類型的資料,而且JavaScript中數組的大小是動態調整的! 1_ 建立數組有兩種基本方式,分別是用建構函式法和用數組字面量標記法:1 var d = new Array(); //建構函式法2 var d = [‘a‘,‘n‘,‘n‘,‘i‘,‘n‘,‘g‘]; //數組字面量標記法

在web上建立可視化的互動式資料javascript架構-JavaScript InfoVis Toolkit

標籤:jit   可視化   互動式   javascript架構   原文:在web上建立可視化的互動式資料javascript架構-JavaScript InfoVis

javascript擷取滑鼠座標

標籤:  Event對象用來描述在瀏覽器視窗中發生的事件,一旦事件發生,便會產生event對象。  儘管所有事件屬性都可以通過event對象訪問,但是在某些事件中某些屬性可能無意義。如fromElement和toElement屬性僅當處理onmouseover和onmouseout事件時才有意義。  另外,還要注意不同瀏覽器之間事件對象的差異。在低版本IE中,如果函數被一個事件調用,它可以通過window.event訪問event對象,但是,其他瀏覽器把event對象傳遞給事件處理函數,作為事件

一道題目理解js範圍鏈

一道題目理解js範圍鏈js範圍鏈下面是一道js題目:function C1(name){if(name){this.name = name;}}function C2(name){this.name = name;}function C3(name){this.name = name || "John";}C1.prototype.name = "Tom";C2.prototype.name =

jQuery開發之DOM操作二

jQuery開發之DOM操作二接上篇文章3,插入節點 插入節點的方法如: 4,刪除節點vc3Ryb25nPiA8YnI+CigxKSByZW1vdmUoKbe9t6ggPGJyPgrX99PDyse000RPTdbQyb6z/cv509DGpcXktcTUqsvYoaPKvsD9tPrC68jnz8KjujwvcD4KCgoKPHByZSBjbGFzcz0="brush:java;">var $li =$("ul li:eq(1)").remove();

TypeScript 學習筆記之基本類型

TypeScript 學習筆記之基本類型   TypeScript 是 JavaScript 的超集,TypeScript 經過編譯之後都會產生 JavaScript 代碼。TypeScript 最大的特點就是類型化,因此才叫做 TypeScript。比起弱類型的 JavaScript,類型化的 TypeScript 顯得更加容易維護。  在 TypeScript 中一共有 7 種基本類型。  1、boolean  代碼如下:  var isDone: boolean =

JavaScript建立閉包的兩種方式的優劣與區別分析

JavaScript建立閉包的兩種方式的優劣與區別分析   這篇文章主要介紹了JavaScript建立閉包的兩種方式的優劣與區別分析的相關資料,需要的朋友可以參考下  通常JavaScript建立閉包比較常用的有兩種方式。  建構函式方式:  ? 1 2 3 new

CSS width:100%和width:auto的區別,csswidth

CSS width:100%和width:auto的區別,csswidthwidth:100%和width:auto的區別width:auto比較聰明,如果margin已經左右佔去10px的空間,那麼width給的值就是580px。 <style>div{width:600px;overflow:auto;background:#ccc;}p{ width:auto; margin:10px;

jquery中toggle函數交替使用問題

jquery中toggle函數交替使用問題   jQuery 的toggle()函數使用show()或hide()函數來切換HTML元素的可見狀態。今天我們來探討下jquery中toggle函數交替使用問題  html中有幾個btn觸發toggle函數,想要實現的功能是:點擊每個toggle時將其他toggle函數的計數全部清零,試過removedata不起作用,是否有更好的辦法呢  給大家一個執行個體來參考下吧  請參考這個:jsp頁面  ?

背景圖片滿屏顯示,背景圖片滿屏

背景圖片滿屏顯示,背景圖片滿屏如何用css背景圖片展開 以及100%

使用Chrome瀏覽器調試AngularJS應用的方法

使用Chrome瀏覽器調試AngularJS應用的方法   這篇文章主要介紹了使用Chrome瀏覽器調試AngularJS應用的方法,AngularJS是非常熱門的JavaScript庫,需要的朋友可以參考下  當我們構建AngularJS應用時,通過瀏覽器(如Chrome,Firefox和IE)的JavaScript控制台訪問應用中隱藏的資料和服務總會有些困難。下面是一些簡單的技巧可以協助我們通過Javascript控制台來查看或者控制正在啟動並執行Angular應用,使得應用可以比

js+HTML5實現視頻截圖的方法,jshtml5視頻截圖

js+HTML5實現視頻的方法,jshtml5視頻本文執行個體講述了js+HTML5實現視頻的方法。分享給大家供大家參考。具體如下:1. HTML部分:<video id="video" controls="controls"> <source src=".mp4" /></video><button id="capture">Capture</button><div id="output"></div>2.

Bootstrap基礎學習

Bootstrap基礎學習  Bootstrap是一個基於柵格結構的前端結構架構(當然也有JS,JQuery),它的優點是內容架構能夠迅速搭建起來,基於媒介查詢可以使搭建的頁面迅速的適應不同的使用者端,無論是手機,平板,還是PC,基本上都能自適應,當然新版本已經開始不支援IE6了,對IE8的支援也很有限,畢竟IE8對HTML5的支援不太好,(說實話,我自己也不喜歡IE6~8,對於我這種初級選手來說,相容性有時候真費勁,不僅項目上要用,連面試也要用,有沒有搞錯嘛,遇到了,上網查一下不就行了。發個牢

AngularJS中的過濾器使用詳解

AngularJS中的過濾器使用詳解   這篇文章主要介紹了AngularJS中的過濾器使用詳解,過濾器是AngularJS中處理文本的一個非常有用的功能,需要的朋友可以參考下  過濾器是用來更改修改資料,並且可以在運算式或使用管道符指令將其歸入。以下是常用的過濾器的列表。  小寫過濾器  添加小寫過濾器,使用管道符的運算式。在這裡添加小寫過濾器,以小寫字母列印學生姓名。  ? 1 2

總頁數: 3271 1 .... 2171 2172 2173 2174 2175 .... 3271 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.