原创 Web Workers處理線程

什麼是worker?   在使用HTML4與Javascript創建出來的Web程序中,所有的處理都是單線程的,如果花費的時間比較長的話,程序界面會長時間處於沒有響應的狀態。利用HTML5中的Web Workers API,用戶很容易的

原创 Node.js調試工具之node-inspector

大部分基於Node.js的應用都是運行在瀏覽器中的。強大的調試工具node-inspector是一個完全基於Node.js的開源在線調試工具,提供了強大的調試功能和友好的用戶界面。 1.安裝 使用npm install -g node-

原创 Ajax中的get與post方式區別

1.get是把參數數據隊列加到提交表單的ACTION屬性所指的URL中,值和表單內各個字段一一對應,在URL中可以看到。post是通過HTTP post機制,將表單內各個字段與其內容放置在HTML HEADER內一起傳送到ACTION屬性

原创 Node.js模塊和包

模塊(Module)和包(Package)是Node.js最重要的支柱。對使用者來說,模塊和包的區別是透明的,因此經常不作區分。如果要辨析,可以把包理解成實現了某個功能模塊的集合,用於發佈和維護。 創建模塊 在Node.js中創建一個模

原创 Node.js全局對象

JavaScript中有一個特殊的對象,稱爲全局對象(Global Object),它及其所有的屬性都可以在程序的任何地方訪問,即全局變量。在瀏覽器JavaScript中,通常全局對象是window,而Node.js中的全局對象是glob

原创 ajax用法示例

1.點擊按鈕彈出所請求的文件內容 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <tit

原创 Ajax的基本用法

一、Ajax的技術的產生 Ajax被認爲是(Asynchronous JavaScript and XML的縮寫)。現在,允許瀏覽器與服務器通信而無須刷新頁面的技術都被叫做Ajax. 一個HTTP請求一般由四部分組成 1、HTT

原创 HTML5通信API

跨文檔消息傳輸的基本知識   HTML5提供了在網頁文檔之間互相接受與發送信息的功能,只要獲取到網頁所在窗口對象的實例,不僅同源(域+端口號)的Web網頁之間可以互相通信,甚至可以實現跨域通信。 首先,要想接受從其他窗口那裏發過來的消

原创 HTML5本地存儲

Web Storage cookies存儲存在的一些問題 存儲限制:cookie的大小被限制在4KB。 帶寬:cookie是隨HTTP事務一起被髮送的,浪費帶寬。 複雜性:要正確操作cookie是很困難的。 HTML5中提供了一種在客

原创 Node建立HTTP服務器

Node.js將“HTTP服務器”這一層抽離,直接面向瀏覽器用戶。 建立一個HTTP服務器 建立一個js文件,命名爲node.js. 內容爲: const http=require('http'); http.createServer

原创 關於API版本命名規範---語義化版本識別

語義化版本2.0.0 一旦你定義了公共 API,你就可以透過修改相應的版本號來向大家說明你的修改。考慮使用這樣的版本號格式:XYZ (主版本號.次版本號.修訂號)修復問題但不影響API 時,遞增修訂號;API 保持向下兼容的新增及修改時

原创 離線應用程序

乘坐飛機、手機信號弱、去演講的時候,可能沒有網絡,這個時候就可以採用離線應用。 離線存儲的好處? 沒網的時候,可以正常訪問 快速相應頁面,不必用多個HTTP佔用資源帶寬 緩存的可以是任何文件 本地緩存與瀏覽器網頁緩存的區別 本地緩存

原创 Node.js包的管理

Package.json package.json是CommonJS規定的用來描述包的文件,完全符合規範的package文件應該含有以下字段: name:包的名稱,必須是唯一的,由小寫英文字母、數字和下劃線組成,不能包含空格。 d

原创 Windows下配置Node.js

Windows上安裝node.js windows安裝包(.msi)下載地址:https://nodejs.org/en/ 雙擊下載的msi文件,跟安裝其他應用程序一樣安裝即可。 檢測PATH環境變量是否配置了Node.js,點

原创 canvas 繪圖API(二)

7.給圖形繪製陰影 在HTML5中,使用Canvas元素可以給圖形添加陰影效果。添加陰影效果時,只需利用圖形上下文對象的幾個關於陰影繪製的屬性就可以了,如下所示。 shadowOffsetX–陰影的橫向位移量。 shadowOffset