原创 Node中EventEmitter以及如何實現JavaScript中的訂閱/發佈模式

1.EventEmitterNode中很多模塊都能夠使用EventEmitter,有了EventEmitter才能方便的進行事件的監聽。下面看一下Node.js中的EventEmitter如何使用。(1)基本使用EventEmitter是

原创 使用js中的exec()方法構造正則表達式驗證

     一、Javascript中的正則表達式     在Javascript中,可以使用RegExp對象構造正則表達。我們需要新建一個實例化的RegExp()對象,可以傳入兩個參數:第一個參數是匹配的模式,第二個參數是一個可選項,可以

原创 webpack入門學習筆記

webpack是一個前端模塊構建工具,它能夠將原本一些有依賴關係的文件(源代碼)構建成靜態資源。1.webpack安裝$ npm install webpack -g //進行全局安裝 $ npm install webpack -

原创 HTML5規範中的MessageEvent以及SSE

1.MessageEvent接口在HTML5規範中定義的新的通信方式,無論是WebSocket還是SSE,包括實現視頻、音頻通信的WebRTC,都是基於HTML5規範中定義的一個接口:MessageEvent。這是一個基於消息的事件。首先

原创 IOS下的應用喚起實現原理

一、什麼是IOS應用喚起IOS中的應用喚起用來實現以下功能:在瀏覽器中可以通過某些方式打開IOS手機本地的app,如果該app沒有安裝可以跳轉到該應用對應的App Store的下載頁。 二、App store下載頁連接App store中

原创 React環境配置和基本使用

1.準備:配置好Node環境,並且安裝npm工具2.安裝依賴包npm install babel -g npm install webpack -g npm install webpack-dev-server -g上面這三個依賴包都需要

原创 前端開發中如何實現異步編程

異步編程其實很常見,特別是在出線Node.js之後,異步編程更是讓很多開發者受益。那麼回到最初的地方,傳統的前端開發中如何實現異步編程呢?下面列舉了js實現異步編程的四種方式。方法一:使用回調函數比如有兩個方法f1()和f2(),f1()

原创 頁面重構css技巧總結篇(8.1-8.5)

1.如何讓文字在容器內垂直居中? (1)方法:爲容器添加line-height屬性,使得line-height的值等於容器的height。 (2)代碼 <!doctype html> <html> <head> <meta charse

原创 HTML5 video基礎知識總結

一、video標籤的基本屬性1.autoplay=“autoplay”:規定一旦視頻就緒馬上開始播放2.control=“controls”:讓瀏覽器爲視頻播放器提供默認的暫停、進度條等控件。如果設置了這個就不能使用自己定義的控件。3.w

原创 Web實時通訊技術簡介

一、概述 1.Web端即時通訊技術 即時通訊技術簡單的說就是實現這樣一種功能:服務器端可以即時地將數據的更新或變化反應到客戶端,例如消息即時推送等功能都是通過這種技術實現的。但是在Web中,由於瀏覽器的限制,實現即時通訊需要藉助一些方法。

原创 WebSocket+node.js創建即時通信的Web聊天服務器

1.使用nodejs-websocket nodejs-websocket是基於node.js編寫的一個後端實現websocket協議的庫, 連接:

原创 微信小程序入門基礎(2)—視圖層

1.數據綁定使用{{}}即可完成數據綁定,{{}}內也可以進行計算、邏輯判斷、字符串運算等也可以爲屬性進行數據綁定,在引號內使用,如:<view id="item-{{id}}"> </view>,在data中定義id=1,就可以在這裏綁

原创 ES6新特性學習筆記—數字、數組、字符串

一、let和constlet:聲明變量,只在聲明的塊級作用域(大括號)內起作用[注意:let不向var那樣可以自動提升]如果一個區塊內存在let或const命令,該區塊就被解析成封閉作用域(暫時性死區,必須先聲明再使用)  [所以一個區塊

原创 Demo中學習React-入門學習

在搭建的環境基礎上進行Demo實現。其中App.jsx用來定義組件,注意一個文件導出一個組件;main.js用來進行組件的渲染。最後利用webpack將源代碼構建爲index.js並引入index.html頁面。Demo1:界面上顯示秒錶

原创 WebSocket API HTML5規範翻譯(部分)

1.介紹爲了讓Web應用能夠和服務器進程之間保持雙向通信,這裏介紹WebSocket接口。2.一致性要求(略) 3.術語(略) 4.WebSocket接口(代碼略)WebSocket(url, protocols)構造函數可以傳入1-2個