原创 WebSocket 實戰

這一節裏我們用一個案例來演示怎麼使用 WebSocket 構建一個實時的 Web 應用。這是一個簡單的實時多人聊天系統,包括客戶端和服務端的實現。客戶端通過瀏覽器向聊天服務器發起請求,服務器端解析客戶端發出的握手請求併產生應答信息返回給客

原创 Linux服務器斷開SSH連接後,讓程序不退出繼續在後臺執行

Question:怎麼才能讓跑在linux服務器下的程序,不在SSH連接斷開後,繼續運行呢? 例子:比如用戶在 linux 服務器配置了node環境,並且想在node環境下執行 hello.js 的腳本。 //hello.js var

原创 JQuery簡單下拉加載

用jquery簡單實現下拉加載功能,主要確認幾個點,window的高度,window滾動條到頂部的距離,document文檔滾動條到頂部的距離。 條件: (window的高度+window滾動條到頂部的距離)>=document文檔滾

原创 使用 HTML5 WebSocket 構建實時 Web 應用

作爲下一代的 Web 標準,HTML5 擁有許多引人注目的新特性,如 Canvas、本地存儲、多媒體編程接口、WebSocket 等等。這其中有“Web 的 TCP ”之稱的 WebSocket 格外吸引開發人員的注意。WebSocket

原创 HTML文檔加載過程

HTML文檔加載的過程: 瀏覽器解析HTML結構加載外部腳本和樣式表文件解析並執行腳本代碼構造HTML DOM模型   //ready事件在此觸發加載圖片等外部文件頁面加載完畢  //load事件在此觸發

原创 ES6標準Map和Set的用法

js默認的對象表達方式是{}可以視爲其他語言中的 Map 和 Dictionary 的數據結構;即一組鍵值對key - value;(鍵值對) js有個問題:對象表達方式{}中的鍵 key 必須是字符串,如下代碼: var names={

原创 websocket簡易聊天室

一直對websocket不太熟悉,最近做了一個websocket的簡易多人聊天室, 沒有做移動端適配兼容,還在不斷完善中,如果對你有一些小小幫助,希望給個star ^_^ 基於node.js的express,socket.io模塊實現的

原创 ES6標準新引入-【interable】

interable【迭代】 array可以使用for下標循環,但是Map和Set無法使用for下標循環。ES6標準爲了統一,特意引入 interable 類型,Array/Map/Set都屬於 interable 類型,可以使用for

原创 Jquery—常用遍歷元素的api

簡單記錄下,還是要多看文檔 遍歷過濾方法 //eq(),first(),last(),has(),is(),filter(),map(),not(),slice() //eq(),匹配指定索引的那一個元素,參數是元素的下標 $('ul.

原创 Vue2.0問題總結—在父組件中無法渲染子組件的問題

最近剛入門Vue2.0,準備跟着文檔寫demo,由於自己的粗心導致出現的一些問題,在這裏總結下。 先貼下我的VSCode中Vue快速添加的通用代碼模板: "Print to console": { "prefix": "v

原创 瀏覽器從輸入url到得到html的整個過程

從輸入url到得到html的整個過程,需要分爲幾步走: 加載資源的形式: 手動輸入頁面的地址得到html文件,或者通過頁面跳轉加載html文件,www.baidu.com 加載html中的靜態資源(css,js,圖片視頻等靜態資源)

原创 Ionic3-部分公共樣式設置

在app.module.ts中可以設置以下代碼,達到一些公共模板的設置 imports: [ BrowserModule, HttpModule, IonicModule.forRoot(MyApp,{ t

原创 JS ,JQuery 隨機輸出一種顏色

任何一種顏色都可用紅(Red)、綠(Green)、藍(Blue)三種基本顏色按不同的比例混合得到,稱爲相加混色。 在計算機中,將紅、綠、藍三種顏色分別按光強度(深淺)的不同分爲256個級別,0級實際上是黑色,255級是純色(紅、綠或藍),