分類: Web Developer

I have found: "ping timeout": client stopped responding to pings in the allotted amount of time (per the pingTimeout config setting). "transport close": this appears to happen if the client side stopp

Socket.io socket.io是基於Websocket的Client-Server實時通信庫 Socket.io承繼了Node.js的事件處理方法，把Client端與Server端的程式統一成一至的操作方式，讓使用者可以只需專注在處理「事件」，就可以快速開發出應用，他也支援『房間』的概念，可以使用同一條WebSocket卻擁有不被彼此干擾的資料傳輸（多種聊天頻道的概念）。另外，他也提供了很

伺服器端 範例程式碼: [crayon-63e3acb198b6d276883631/] (閱讀全文...)

參考文章 Socket.io 1.x: use WebSockets only? 相關參數 這個問題主要可參考Engine.io介紹的連線設定的章節 (閱讀全文...)

Engine.io介紹 Socket.io是在engine.io的基礎上去實作的 Gitlab連結: Engine.IO: the realtime engine engine.io為socket.io提供跨瀏覽器/跨設備的雙向通信的底層庫。engine.io使用了Websocket和XHR方式封裝了一套socket協議。在低版本的瀏覽器中，不支持Websocket，為了兼容使用長輪詢( poll

TCP運作方式 TCP協定的執行可劃分為三個階段：連接建立(connection establishment)、資料傳送（data transfer）和連接終止（connection termination）。 (閱讀全文...)

Sentinel特性 Redis Sentinel為Redis提供高可用性。實際上，這意味著使用Sentinel可以創建Redis部署，該部署可以在沒有人工干預的情況下抵抗某些類型的故障。 Redis Sentinel還提供其他附帶任務，例如監視，通知，並充當客戶端的配置提供程序。 這是宏觀上Sentinel功能的完整列表（即，大圖）： 監控。Sentinel會不斷檢查您的主實例和副本實例是否按預

Redis介紹 Redis是REmote DIctionary Server（遠程字典服務器）的縮寫，它以字典結構（key-value鍵值對結構）存儲數據，並允許其他應用通過TCP協議讀寫字典中的內容。所以，redis是一個key-value存儲系統，或者說是一個key-value數據庫。 Redis的內存存儲和持久化Redis數據庫中的所有數據都存儲在內存中。由於內存的讀寫速度遠快於硬盤，因此R

設定Charles 1. 針對HTTP流量 按下Proxy » Reverse Proxies… 選擇 Enable Reverse Proxies, 新增一個項目: Local Port: 60103 - any unused local port Remote Host: claire-chang.com - target host address Remote Port: 80 -

以本地檔案內容取代網路回應 有時我們在本地開發網頁功能時，若以API的方式去讀取資料，當我們在測試時可能會希望回傳某個固定的response。這時候就可以用Map Local的功能。 使用步驟 1、Save Response 選擇要模擬數據的接口，然後右鍵，選擇“Save Response” (閱讀全文...)

模組資訊 官網: https://www.npmjs.com/package/yeast GitHub: https://github.com/unshiftio/yeast 模組介紹 yeast是唯一的ID生成器。它的主要目的是生成可用於緩存清除的唯一ID。通常的做法是使用時間戳記，但是使用時間戳記有幾個缺點。 時間戳已經是13個字符了。這可能對1個請求無關緊要，但是如果您發出數百個請求，則這會

WebSocket與Ajax的不同 WebSocket 是HTML5 開始提供的一種在單個TCP 連接上進行全雙工通訊的協議。 WebSocket 使得客戶端和服務器之間的數據交換變得更加簡單，允許服務端主動向客戶端推送數據。在WebSocket API 中，瀏覽器和服務器只需要完成一次握手，兩者之間就直接可以創建持久性的連接，並進行雙向數據傳輸。 在WebSocket API 中，瀏覽器和服務器

使用Charles抓取手機網路使用資訊 將電腦和手機連上同一個WIFI網路 輸入ifconfig（MAC電腦）取得電腦的內網IP，如下圖可得知內網IP為192.168.1.104 設置Charles上的Proxy settings 設置手機上的WIFI的PROXY 此時即可在電腦上看到手機的網路使用狀況

軟體資訊 官方網站: https://www.charlesproxy.com/ 軟體下載: Download 軟體介紹 Charles 是在電腦上常用的網路封包截取工具，在做手機APP開發時，我們為了測試與伺服器端的網路通訊，常常需要截取網絡封包來分析。除了在做手機APP開發中測試端口外，Charles也可以用於分析第三方應用的通訊協議。配合Charles 的SSL 功能，Charles 還可以

最近大家有發現部落格的樣子隨著日子在偷偷的改變嗎? 是的！最近我在進行部落格的版面小修改！ 主要訴求是要將版面改版成具有專業感、清楚、易讀， 然後呀，本部落格現在開始支援Responsive Web Design囉!(灑花~~灑花!! 其實自適網頁說穿了，只是用多組的CSS，可以在不同瀏覽環境下切換畫面的CSS， 這可以讓同一個網頁在手機以及電腦上，呈現不一樣的樣子。 RWD一般最常見是使用med

wordpress簡報下載 上面的是我分享的Wordpress套版開發的PowerPoint 其內容截錄如下: 1. WordPress簡介 • 一個以PHP和MySQL為平台的自由開源的部落格軟體和內容管理系統。 • 使用者可以安裝和切換主題。主題可讓使用者不改變部落格內容和結構的情況下更改介面和WordPress站點的功能。 • WordPress非常流行的一個特性是它豐富的外掛模組架構，外掛

1. 在wp-content\plugins下隨意新增一資料夾，建立一隻php檔案，在這邊我是命名為Claire.php 2. 在Claire.php裡加入下列程式碼 [crayon-63e3acb19a4c8981237910/] 然後至後台的=>外掛，就可以看到剛剛新增的外掛的資訊了! 將之啟用，變可以在文章的底下，看到fb的按讚連結了!

本文出處:http://blog.yam.com/hanasan/article/35806444 本次要介紹的是CSS垂直置中(Vertical Align with css)的完整解決整理。 說實話這並不太容易，雖然不像水平置中 {margin:0 auto;} 那樣單純, 但仍有幾種方式可以作到，以下共有五種方式一一介紹。 每種使用方式各有其優、缺點，端看自己要置中的內容是「區塊」或是「文字

1. 選擇所有的table [crayon-63e3acb19abf5676394810/] 2. 選擇第N行(若有很多table則只會選第一個table的第N行) [crayon-63e3acb19ac05495467024/] 3. 選擇第N行(若有很多table則會選擇每個table的第N行) [crayon-63e3acb19ac08335236990/] 4. 選奇偶行 [crayon-

首先要先至網站上下載snoopy類別 可用以模擬表單送交或是抓取網路頁面 http://snoopy.sourceforge.net/ 然後使用下面的範例程式就可以順利下載圖檔了 [crayon-63e3acb19b014355002307/]

首先先至phpmailer下載php4在用的版本 http://phpmailer.worxware.com/ <=官網 http://sourceforge.net/projects/phpmailer/files/phpmailer%20for%20php4/PHPMailer%20v2.0.4%20for%20PHP4/ <=載點 打開後在根目錄的 class.phpmailer

現在大多數的信件系統都已使用utf-8 之前寄出utf-8的信件常會發生信件標題和headers資訊變成亂碼 查了老半天網路 原來不支援主要的原因在於，電子郵件標準格式中 表頭的部分不允許使用雙位元的文字 所以，使用mb_encode_mimeheader()函式 將雙位元文字編碼為單位元字串。 以下為headers的範例 [crayon-63e3acb19b520943634214/] 這樣便可

在古早之前我都是使用php產生csv純文字逗點分隔來將資料下載為excel 但最近用csv時，因網站系統使用utf-8編碼 而csv只能支援big5 導致文字編碼轉換時發生嚴重的漏字問題 在尋求了google大神之後 原來現在都是改用xml的格式 也就是xls來做純文字的 雖然會造成檔案較大 但是可以設定該欄位要以數字 日期 或字串格式顯示 也可支援utf-8 http://code.google

下面是在處理速度非常慢的電腦上的運作時間 這個是處理25mb的檔案的處理速度 [crayon-63e3acb19ba06709294614/] 下面是處理21k的文字檔的處理速度 [crayon-63e3acb19ba0c989409862/] 另外還有一篇文章 是在解釋同為檔案系統的成員的fgets和fread之間的差異 我覺得還不錯 有興趣的朋友也可以參考看看 http://plog.long

1. 建立server端的php檔案 [crayon-63e3acb19bcbf713763140/] 2. 建立client端的php檔案 [crayon-63e3acb19bcc4656717800/] 除了上面的方法，我們也可以使用wsdl來註冊soap的相關資料 1. 點此SoapDiscovery.class.php下載php產生wsdl的類別 2.將Soap.Class.php放至你的

常常在處理一些使用者上傳的圖片時 會需要讓系統自動產生圖檔的縮圖(例如無名的相簿預覽等等的功能)PHP程式在處理圖片縮圖的方式 較常見的有兩種: GD ，以及ImageMagick GD是php內建的圖形函式庫，一般只要安裝php都會有內建此功能 而ImageMagick則是要另外安裝，再用下面的方法呼叫: // 呼叫 ImageMagic 的 convert exec("convert -geo

在許多線上電影或許多軟體下載的網站， 都可以看到一個連結讓你點此下載，而無法讓你直接利用網址連接至被下載的檔案 這可以防止外站直接將檔案下載的連結連到你的站。 增加自己網站的負荷量卻沒增加人氣。 要達到這樣的功能，有幾種方式： 1. 利用php來存取控管檔案，所有的下載皆經過php檔案去處理。 2. 將檔案以BLOB的方式存進資料庫，以資料庫方式下載吐出檔案。 但是將檔案存進資料庫的話，在修改檔案