1. Socket.io錯誤訊息意義
      發表時間: 2020-03-16 下午 2:43下午 2:43
      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
    2. Socket.io介紹
      發表時間: 2020-03-13 下午 5:57下午 5:57
      Socket.io socket.io是基於Websocket的Client-Server實時通信庫 Socket.io承繼了Node.js的事件處理方法,把Client端與Server端的程式統一成一至的操作方式,讓使用者可以只需專注在處理「事件」,就可以快速開發出應用,他也支援『房間』的概念,可以使用同一條WebSocket卻擁有不被彼此干擾的資料傳輸(多種聊天頻道的概念)。另外,他也提供了很
    3. Socket.io自行增加header
      發表時間: 2020-03-13 下午 5:43下午 5:43
      伺服器端 範例程式碼: [crayon-63e3acb198b6d276883631/] (閱讀全文...)
    4. Error: probe transport websocket failed
      發表時間: 2020-03-13 下午 5:24下午 5:24
      參考文章 Socket.io 1.x: use WebSockets only? 相關參數 這個問題主要可參考Engine.io介紹的連線設定的章節 (閱讀全文...)
    5. Engine.io介紹
      發表時間: 2020-03-13 下午 12:02下午 12:02
      Engine.io介紹 Socket.io是在engine.io的基礎上去實作的 Gitlab連結: Engine.IO: the realtime engine engine.io為socket.io提供跨瀏覽器/跨設備的雙向通信的底層庫。engine.io使用了Websocket和XHR方式封裝了一套socket協議。在低版本的瀏覽器中,不支持Websocket,為了兼容使用長輪詢( poll
    6. TCP連線階段與TIME_WAIT意義
      發表時間: 2020-03-01 下午 11:15下午 11:15
      TCP運作方式 TCP協定的執行可劃分為三個階段:連接建立(connection establishment)、資料傳送(data transfer)和連接終止(connection termination)。 (閱讀全文...)
    7. Redis Sentinel
      發表時間: 2020-02-27 下午 6:54下午 6:54
      Sentinel特性 Redis Sentinel為Redis提供高可用性。實際上,這意味著使用Sentinel可以創建Redis部署,該部署可以在沒有人工干預的情況下抵抗某些類型的故障。 Redis Sentinel還提供其他附帶任務,例如監視,通知,並充當客戶端的配置提供程序。 這是宏觀上Sentinel功能的完整列表(即,大圖): 監控。Sentinel會不斷檢查您的主實例和副本實例是否按預
    8. npm module – ioredis介紹
      發表時間: 2020-02-27 下午 6:27下午 6:27
      Redis介紹 Redis是REmote DIctionary Server(遠程字典服務器)的縮寫,它以字典結構(key-value鍵值對結構)存儲數據,並允許其他應用通過TCP協議讀寫字典中的內容。所以,redis是一個key-value存儲系統,或者說是一個key-value數據庫。 Redis的內存存儲和持久化Redis數據庫中的所有數據都存儲在內存中。由於內存的讀寫速度遠快於硬盤,因此R
    9. 使用Charles Proxy抓取nodejs的網路使用
      發表時間: 2020-02-27 下午 12:13下午 12:13
      設定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 -
    10. 用Charles以本地/遠端內容取代網路回應
      發表時間: 2020-02-27 上午 11:45上午 11:45
      以本地檔案內容取代網路回應 有時我們在本地開發網頁功能時,若以API的方式去讀取資料,當我們在測試時可能會希望回傳某個固定的response。這時候就可以用Map Local的功能。 使用步驟 1、Save Response 選擇要模擬數據的接口,然後右鍵,選擇“Save Response” (閱讀全文...)
    11. 加解密用的模組 – yeast
      發表時間: 2020-02-27 上午 11:17上午 11:17
      模組資訊 官網: https://www.npmjs.com/package/yeast GitHub: https://github.com/unshiftio/yeast 模組介紹 yeast是唯一的ID生成器。它的主要目的是生成可用於緩存清除的唯一ID。通常的做法是使用時間戳記,但是使用時間戳記有幾個缺點。 時間戳已經是13個字符了。這可能對1個請求無關緊要,但是如果您發出數百個請求,則這會
    12. WebSocket與Ajax的不同
      發表時間: 2020-02-26 下午 6:26下午 6:26
      WebSocket與Ajax的不同 WebSocket 是HTML5 開始提供的一種在單個TCP 連接上進行全雙工通訊的協議。 WebSocket 使得客戶端和服務器之間的數據交換變得更加簡單,允許服務端主動向客戶端推送數據。在WebSocket API 中,瀏覽器和服務器只需要完成一次握手,兩者之間就直接可以創建持久性的連接,並進行雙向數據傳輸。 在WebSocket API 中,瀏覽器和服務器
    13. 使用Charles抓取手機網路使用
      發表時間: 2019-10-14 上午 3:27上午 3:27
      使用Charles抓取手機網路使用資訊 將電腦和手機連上同一個WIFI網路 輸入ifconfig(MAC電腦)取得電腦的內網IP,如下圖可得知內網IP為192.168.1.104 設置Charles上的Proxy settings 設置手機上的WIFI的PROXY 此時即可在電腦上看到手機的網路使用狀況
    14. Charles介紹 – 好用的封包抓取工具
      發表時間: 2019-09-27 上午 11:01上午 11:01
      軟體資訊 官方網站: https://www.charlesproxy.com/ 軟體下載: Download 軟體介紹 Charles 是在電腦上常用的網路封包截取工具,在做手機APP開發時,我們為了測試與伺服器端的網路通訊,常常需要截取網絡封包來分析。除了在做手機APP開發中測試端口外,Charles也可以用於分析第三方應用的通訊協議。配合Charles 的SSL 功能,Charles 還可以
    15. 自適網頁RWD開發心得
      發表時間: 2013-12-30 下午 4:05下午 4:05
      最近大家有發現部落格的樣子隨著日子在偷偷的改變嗎? 是的!最近我在進行部落格的版面小修改! 主要訴求是要將版面改版成具有專業感、清楚、易讀, 然後呀,本部落格現在開始支援Responsive Web Design囉!(灑花~~灑花!! 其實自適網頁說穿了,只是用多組的CSS,可以在不同瀏覽環境下切換畫面的CSS, 這可以讓同一個網頁在手機以及電腦上,呈現不一樣的樣子。 RWD一般最常見是使用med
    16. WordPress Plugins開發分享
      發表時間: 2013-04-12 下午 12:32下午 12:32
      wordpress簡報下載 上面的是我分享的Wordpress套版開發的PowerPoint 其內容截錄如下: 1. WordPress簡介 • 一個以PHP和MySQL為平台的自由開源的部落格軟體和內容管理系統。 • 使用者可以安裝和切換主題。主題可讓使用者不改變部落格內容和結構的情況下更改介面和WordPress站點的功能。 • WordPress非常流行的一個特性是它豐富的外掛模組架構,外掛
    17. 製作WordPress的第一個Plugins開發
      發表時間: 2013-03-27 下午 2:37下午 2:37
      1. 在wp-content\plugins下隨意新增一資料夾,建立一隻php檔案,在這邊我是命名為Claire.php 2. 在Claire.php裡加入下列程式碼 [crayon-63e3acb19a4c8981237910/] 然後至後台的=>外掛,就可以看到剛剛新增的外掛的資訊了! 將之啟用,變可以在文章的底下,看到fb的按讚連結了!
    18. CSS Vertical Align(用純CSS解決div垂直置中)
      發表時間: 2013-01-08 下午 3:27下午 3:27
      本文出處:http://blog.yam.com/hanasan/article/35806444 本次要介紹的是CSS垂直置中(Vertical Align with css)的完整解決整理。 說實話這並不太容易,雖然不像水平置中 {margin:0 auto;} 那樣單純, 但仍有幾種方式可以作到,以下共有五種方式一一介紹。 每種使用方式各有其優、缺點,端看自己要置中的內容是「區塊」或是「文字
    19. JQuery選擇器
      發表時間: 2013-01-08 下午 1:55下午 1:55
      1. 選擇所有的table [crayon-63e3acb19abf5676394810/] 2. 選擇第N行(若有很多table則只會選第一個table的第N行) [crayon-63e3acb19ac05495467024/] 3. 選擇第N行(若有很多table則會選擇每個table的第N行) [crayon-63e3acb19ac08335236990/] 4. 選奇偶行 [crayon-
    20. 使用php抓取網路上的圖片
      發表時間: 2011-06-30 下午 3:34下午 3:34
      首先要先至網站上下載snoopy類別 可用以模擬表單送交或是抓取網路頁面 http://snoopy.sourceforge.net/ 然後使用下面的範例程式就可以順利下載圖檔了 [crayon-63e3acb19b014355002307/]
    21. 在php裡使用gmail及phpmailer發信
      發表時間: 2011-06-15 下午 3:27下午 3:27
      首先先至phpmailer下載php4在用的版本 http://phpmailer.worxware.com/ <=官網 http://sourceforge.net/projects/phpmailer/files/phpmailer%20for%20php4/PHPMailer%20v2.0.4%20for%20PHP4/ <=載點 打開後在根目錄的 class.phpmailer
    22. 寄送mail的header和內文設定(utf-8)
      發表時間: 2011-02-14 下午 3:21下午 3:21
      現在大多數的信件系統都已使用utf-8 之前寄出utf-8的信件常會發生信件標題和headers資訊變成亂碼 查了老半天網路 原來不支援主要的原因在於,電子郵件標準格式中 表頭的部分不允許使用雙位元的文字 所以,使用mb_encode_mimeheader()函式 將雙位元文字編碼為單位元字串。 以下為headers的範例 [crayon-63e3acb19b520943634214/] 這樣便可
    23. 用php產生excel文件
      發表時間: 2011-02-12 下午 3:25下午 3:25
      在古早之前我都是使用php產生csv純文字逗點分隔來將資料下載為excel 但最近用csv時,因網站系統使用utf-8編碼 而csv只能支援big5 導致文字編碼轉換時發生嚴重的漏字問題 在尋求了google大神之後 原來現在都是改用xml的格式 也就是xls來做純文字的 雖然會造成檔案較大 但是可以設定該欄位要以數字 日期 或字串格式顯示 也可支援utf-8 http://code.google
    24. php讀取檔案的幾種方式比較
      發表時間: 2009-11-04 下午 3:16下午 3:16
      下面是在處理速度非常慢的電腦上的運作時間 這個是處理25mb的檔案的處理速度 [crayon-63e3acb19ba06709294614/] 下面是處理21k的文字檔的處理速度 [crayon-63e3acb19ba0c989409862/] 另外還有一篇文章 是在解釋同為檔案系統的成員的fgets和fread之間的差異 我覺得還不錯 有興趣的朋友也可以參考看看 http://plog.long
    25. 在php內使用SOAP
      發表時間: 2009-02-09 下午 2:56下午 2:56
      1. 建立server端的php檔案 [crayon-63e3acb19bcbf713763140/] 2. 建立client端的php檔案 [crayon-63e3acb19bcc4656717800/] 除了上面的方法,我們也可以使用wsdl來註冊soap的相關資料 1. 點此SoapDiscovery.class.php下載php產生wsdl的類別 2.將Soap.Class.php放至你的
    26. php圖片縮圖程式
      發表時間: 2009-01-08 下午 2:52下午 2:52
      常常在處理一些使用者上傳的圖片時 會需要讓系統自動產生圖檔的縮圖(例如無名的相簿預覽等等的功能)PHP程式在處理圖片縮圖的方式 較常見的有兩種: GD ,以及ImageMagick GD是php內建的圖形函式庫,一般只要安裝php都會有內建此功能 而ImageMagick則是要另外安裝,再用下面的方法呼叫: // 呼叫 ImageMagic 的 convert exec("convert -geo
    27. 利用header做檔案下載控制
      發表時間: 2009-01-07 下午 2:55下午 2:55
      在許多線上電影或許多軟體下載的網站, 都可以看到一個連結讓你點此下載,而無法讓你直接利用網址連接至被下載的檔案 這可以防止外站直接將檔案下載的連結連到你的站。 增加自己網站的負荷量卻沒增加人氣。 要達到這樣的功能,有幾種方式: 1. 利用php來存取控管檔案,所有的下載皆經過php檔案去處理。 2. 將檔案以BLOB的方式存進資料庫,以資料庫方式下載吐出檔案。 但是將檔案存進資料庫的話,在修改檔案