Javascript圖形處理庫 -- Raphaël

如果要使用JS 繪製一些圖形和處理一些動態圖形, 比如想繪製一些流程圖什麼的, Raphaël是一個不錯的選擇。從著作權資訊上看, 和大名鼎鼎的 Sencha 有一定的關係 (研發Extjs的公司)。 一般的下載大小是89k, 使用GZIP壓縮之後的版本只有31K, 沒有壓縮的版本大小也只有221 K.Raphaël是可以簡化web向量圖形開發的很小的js庫。 它可以幫你建立一些特殊的表徵圖和旋轉的效果。Raphaël使用的是  W3C 推薦的

javascript簡單擷取當前日期和時間

javascript簡單擷取當前日期和時間有時候可能會有這樣的需求,方便使用者看時間看日期。以前也不動手寫都是偷,今天無聊就自己也寫了個,挺簡單的。下面是,時間會每秒計算一次。Demo下面是Html code:<!DOCTYPE html><html class="no-js"><head>    <meta charset="UTF-8">   

如何使用JS來改變CSS樣式

方法:document.getElementById("xx").style.xxx中的所有屬性是什麼盒子標籤和屬性對照CSS文法(不區分大小寫) JavaScript文法(區分大小寫)border borderborder-bottom borderBottomborder-bottom-color borderBottomColorborder-bottom-style borderBottomStyleborder-bo

sencha touch2 - 給container 添加tap 事件

背景:在ST中有時候我們需要讓不同container組成一個模版。然而我們需要點擊某個container時候我們就需要觸發事件。但是在container裡面是沒有tap這個事件的。我們需要手工去去添加註冊這個事件。並且你可以選擇任意的container註冊事件。有兩種方法可以註冊事件參考國外一個文章:How to set element listeners container.jsExt.define('DingCan.view.component.HomeItem',

如何在JavaScript中建立自訂事件

avaScript事件處理所有用戶端應用程式的基礎。當一個事件發生在目標元素,如按鈕單擊,滑鼠移動,表單提交等,一個處理常式函數執行。一個事件對象傳遞給處理常式提供各種屬性和大量的方法來防止違規行為。一個缺點是,事件不可避免地與DOM元素。考慮一個簡單的形式,它接受來自使用者的資訊:<form id="msgbox" action="#" method="get"> <label for="msg&

慎用JavaScript深複製!(js deepClone)

 淺複製我就不說了,全部是引用對象,網上列出的深複製的幾個例子也都有或多或少的問題,我都試過,某些特殊情況下會出現奇怪的問題,這裡擺出一個比較完美的深複製函數(別直接複製了拿去用哦,裡面有互動的內容):[javascript] function clone(item) {     if (!item) { return item; } // null, undefined values

關於JS非同步載入的測試

對IE8和Firefox3.6測試結果:1.常規的在head裡面使用Script標籤引用js,不再是堵塞模式載入(也就是說指令檔不再是一個一個被載入,載入完成一個才開始載入另一個),而是最大6個JS同時開始載入(並發限制為6個),但是script的執行順序還是按照Script標籤順序,而且會阻礙頁面的呈現。2.由於1的原因,所以使用document.write("<script>...</script>")(此方式對Firefox無效)的方式和head

jquery的ajax效果最簡單實現 及innerhtml()和innertext()的區別

1.添加jquery的js2.為元素添加動作(為了示範,直接寫在了html中):[javascript] <td>客戶名:<input type='text' id='name' onblur='burFunc()'  name='name' /></td> 3.添加處理函數:[javascript] function

JS 數字 、中文、 英文、判斷

單獨的驗證:利用Regex限制網頁表單裡的文字框輸入內容:用Regex限制只能輸入中文:onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,'')

jQuery MiniUI 開發教程 表單控制項 表單:載入、儲存(二)

建立表單           只需要一個id即可建立表單對象: var form = new mini.Form("#form1");          載入表單$.ajax({    url:

如何在extjs的PANEL裡用d3.js來繪圖

EXTJS和D3都很強大,不解釋了,把D3繪的圖直接放到一個EXT的TAB裡,直接上代碼: 可用於繪製拓撲結構圖.Ext.define('EB.view.content.SingleView', {    extend : 'Ext.panel.Panel',    alias : 'widget.singleview',    layout : &

Extjs4---學習筆記,同步更新中。。。

1、action.result.message用於顯示背景錯誤資訊;需要在後台定義message的變數 var form = this.up('form').getForm();            if (form.isValid()) {          

nodejs - 簡單的http伺服器樣本

構建一個簡單的http伺服器,代碼如下:[javascript] // server.js var http = require('http'); var server = http.createServer(function(request, response){     require('.' + request.url);     response.

使用Node.js + Mongodb構建基於Cloud Foundry的項目

隨著雲端運算的興起,很多廠商都推出了自己的雲端運算平台,如VMware、Amazon、Google、Microsoft等。本文將介紹VMware公司的雲端運算平台 - Cloud Foundry,本文將使用Node.js + MongoDB構建基於Cloud Foundry的項目。必備知識:Node.js和NPM命令列的使用。Node.js的文法。MongoDB的文法。Mongoose的文法。環境搭建:Windows 7Node.js + Ruby + vmc(Cloud Foundry

Javascript之Date對象

Date對象即日期時間對象,它的主要功能是實現對日期時間的處理1、建立Date對象var myDate = new Date();或var myDate = new Date("July 21, 1983 01:15:00");//此種方法為自訂日期時間的方式,格式若不對的話為提示Invalid DateDate對象的constructor屬性為:Datedocument.write(myDate.constructor ==

Extjs 4.0.7 設計複雜視窗的範例

給出比較全面的模態視窗的範例,供以後參考:本例只是大概列出各控制項的相關設定,沒有進行精細話調整,各位可以自己去細化,熟悉各控制項。[javascript]     var win = Ext.create('Ext.window.Window', {         title: 'Resize

使用Javascript和prototype.js架構建立類型及其相關的prototype屬性的簡單介紹

Javascript中建立對象可歸納為三種方式:工廠函數、建構函式和原型方式。工廠函數方式利用javascript基礎類Object,對Object的一個執行個體增加相應的屬性和方法以達到新類型所期望的結果。如下代碼展示了類型NewClassType1含有一個屬性attribute1。[javascript] //工廠函數方式,返回特定類型的對象執行個體       functionNewClassType1(){ 

javascript table 隔行變色

從此再也不用為了隔行變色而引入jquery了[javascript] function changeTableColor(oddColor,evenColor){     var tables=document.getElementsByTagName('table');     for(var

Ext.form.ComboBox 實現兩個ComboBox 的相互級聯

想實現的功能是這樣的:有兩個下拉框,既想讓第二個下拉框的內容根據第一個下拉框的選擇結果load新值,也想讓第一個下拉框根據第二個下拉框的選擇結果重新load新值    最終的效果是這樣的,我返回資料的時候都返回了一個 * 目的是,當我點 * 的時候 另一個下拉框的內容將全部展示出,因為我想實現互選,比如當我選了使用者組後這時候應用組的內容已經變了,這時候我又想先選應用再選使用者組,所以我再點一下 * 使用者組的值又恢複了,源碼如下,後台是python做的[

js數組轉json並在後台對其解析

想必大家在開發過程中也遇到類似問題,如果直接將js擷取的數組傳給後台,後台是無法區分數組的,因為js數組如果是二維的就是這樣的:1,張三,23,2,李四,26所以在此對其解決方案進行整理。希望能給大家帶去協助首先需要在js裡面對數組進行轉換為json格式js代碼如下:[javascript] /**     *js數組轉json     *     */ &

總頁數: 3271 1 .... 3032 3033 3034 3035 3036 .... 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.