摘要： 這個問題應該確確實實是一個Chrome的BUG，我在自己的編程環境中發現，并在多個服務器，多個編程語言的運行環境，以及多個瀏覽器下都測試過，都看到有2次請求出現。為了證明不是自己環境的問題，我也特意去找了一些其他站點，用它里面的一些會產生重定向的請求來測試。比如這個請求地址http://wenda.golaravel.com/account/openid/qq_login/，這是golaravel... 閱讀全文

摘要： 本文介紹如何使用PhpStorm集成xdebug在本地開發環境進行斷點調試的技巧。 我配置的環境是：Windows10 + PhpStorm10.0.1 + PHP5.6。 1. 下載xdebug的擴展，并配置到php.ini zend_extension = d:\dev\php5.6.28\ext\php_xdebug-2.5.0-5.6-vc11-x86_64.dll xdebug... 閱讀全文

摘要： 本文面向php語言的laravel框架的用戶，介紹一些laravel框架里面容器管理方面的使用要點。文章很長，但是內容應該很有用，希望有需要的朋友能看到。php經驗有限，不到位的地方，歡迎幫忙指正。 1. laravel容器基本認識 laravel框架是有一個容器框架，框架應用程序的實例就是一個超大 閱讀全文

摘要： 最終的解決方案是：https://github.com/liuyunzhuge/php_weixin_provider，詳細的介紹請往下閱讀。 本文面向的是php語言laravel框架的用戶，介紹的是基于該框架實現的一個簡易集成微信登錄的方法。使用方法如下： 1. 安裝php_weixin_prov 閱讀全文

摘要： 最終的解決方案是：https://github.com/liuyunzhuge/php_weixin_proxy，詳細的介紹請往下閱讀。 在做項目集成微信登錄以及微信支付的時候，都需要進行用戶授權。這個授權的流程可以簡單描述為： 1. 用戶從我們的應用觸發需要授權的操作，比如點擊微信登錄； 2. 應用收到這種用戶請求后，將用戶重定向到微信提供的一個授權頁面： 或 3... 閱讀全文

摘要： 單點登錄是我比較喜歡的一個技術解決方案，一方面他能夠提高產品使用的便利性，另一方面他分離了各個應用都需要的登錄服務，對性能以及工作量都有好處。自從上次研究過JWT如何應用于會話管理，加之以前的項目中也一直在使用CAS這個比較流行的單點登錄框架，所以就一直在琢磨如何能夠把JWT跟單點登錄結合起來一起使 閱讀全文

摘要： 上文《3種web會話管理的方式》介紹了3種會話管理的方式，其中token-based的方式有必要從實現層面了解一下。本文主要介紹這方面的內容。上文提到token-based的實現目前有一個開放的標準可用，這個標準就是JWT，從它的官網上也能看到，目前實現了JWT的技術非常多，基本上涵蓋了所有的語言平 閱讀全文

摘要： http是無狀態的，一次請求結束，連接斷開，下次服務器再收到請求，它就不知道這個請求是哪個用戶發過來的。當然它知道是哪個客戶端地址發過來的，但是對于我們的應用來說，我們是靠用戶來管理，而不是靠客戶端。所以對我們的應用而言，它是需要有狀態管理的，以便服務端能夠準確的知道http請求是哪個用戶發起的，從 閱讀全文

摘要： 本文介紹如何使用backbone的history模塊實現SPA應用里面的URL管理。SPA應用的核心在于使用無刷新的方式更改url，從而引發頁面內容的改變。從實現上來看，url的管理和頁面內容的管理是其中的兩個難點。就url的管理而言，主要有以下三方面的要求： 1）對于要采用單頁跳轉的鏈接，不能有頁面刷新； 2）瀏覽器的前進和后退，都能像多頁應用那樣，顯示之前訪問地址對應的內容； ... 閱讀全文

摘要： 本文也是一篇基礎文章。繼上文之后，本打算去研究pushState，偶然在一些信息中發現了錨點變化對瀏覽器的歷史記錄也會影響，同時錨點的變化跟pushState也有一些關聯。所以就花了點時間，把這兩個東西盡量都琢磨清楚。本文記錄相關的一些要點及研究過程。 1. hashchange 這個部分的內容也已 閱讀全文

摘要： 這是一篇基礎文章，講述一些瀏覽器里面歷史記錄棧管理的相關內容。寫這個的起因，源于我最近想研究pushState，看看用它來實現SPA會遇到哪些問題，而pushState最終影響的就是瀏覽器歷史記錄棧里面的內容，所以就花了點時間琢磨了一下瀏覽器是如何管理歷史記錄棧的。因為在研究的過程中，發現了一些曾經不曾注意到一些要點，所以就記錄下來了。 demo地址：http://liuyunzhuge.git... 閱讀全文

摘要： 微信官方已經開放微信小程序的官方文檔和開發者工具。前兩天都是在看相關的新聞來了解小程序該如何開發，這兩天官方的文檔出來之后，趕緊翻看了幾眼，重點了解了一下文檔中框架與組件這兩個部分，然后根據簡易教程，做了一個常規的todo app。這個app基于微信小程序的平臺，實現了todo app的常規功能，同 閱讀全文

摘要： 這是我寫的關于列表組件的第5篇博客。前面的相關文章有： 1. 列表組件抽象（1）-概述 2. 列表組件抽象（2）-listViewBase說明 3. 列表組件抽象（3）-分頁和排序管理說明 4. 列表組件抽象（4）-滾動列表及分頁說明 本文介紹如何實現一個簡潔易用的表格組件。 它對應的源碼是： ht 閱讀全文

摘要： 這是我寫的關于列表組件的第4篇博客。前面的相關文章有： 1. 列表組件抽象（1）-概述 2. 列表組件抽象（2）-listViewBase說明 3. 列表組件抽象（3）-分頁和排序管理說明 本文介紹列表組件中我對滾動列表及滾動分頁的實現思路。 在pc端，通過滾動進行翻頁的需求非常常見；移動端也是，只 閱讀全文

摘要： 這是我寫的關于列表組件的第3篇博客。前面的相關文章有： 1. 列表組件抽象（1）-概述 2. 列表組件抽象（2）-listViewBase說明 本文介紹列表組件中我對分頁和排序的抽象思路。 先來說分頁，因為之前寫過一篇簡單封裝分頁功能pageView.js，這次封裝分頁時的思路基本與那篇博客的想法完全一樣，只不過考慮到我要寫的列表組件，還有其它的分頁形式，比如點擊加載更多進行翻頁，基于瀏覽... 閱讀全文

摘要： 這是我寫的關于列表組件的第2篇博客。前面的相關文章有： 1. 列表組件抽象（1）-概述 listViewBase是列表組件所有文件中最核心的一個，它抽象了所有列表的公共邏輯，將來如果有必要添加其它公共的邏輯，都可以考慮在這個類中處理。它主要做的事情包括：初始化，如排序組件初始化，分頁組件初始化，模板 閱讀全文

摘要： 這次要介紹的是列表組件。為了寫它，我花了有將近2周的晚上，才一點一點的把它寫到現在這個程度。到目前為止，一共寫了有17個文件，雖然沒有覆蓋到一些更復雜的場景，但是把我當時計劃寫這個組件的基本目的已經完成了。先給大家看看我最后寫出來的文件情況： 也許有人會好奇，一個列表的功能怎么會寫出這么多東西出來？關于這個問題的答案，我稍后再來總結，先讓我描述下我寫這些東西之前產生的想法。 1. 背景介紹... 閱讀全文

摘要： 本文提供一個簡單的方法實現一個流程的進度條加載效果，以便在頁面中可以通過它來更好地反饋耗時任務的完成進度。要實現這個功能，首先要考慮怎樣實現一個靜態的進度條效果，類似下面這樣的： 這個倒是比較簡單，兩個div即可，bootstrap官方就提供有多種主題的進度條組件。如果自己要用，參照下別人的代碼，寫成自己的風格即可，實際上也非常的好理解： .progress { height... 閱讀全文

摘要： 分頁是一個很簡單，通用的功能。作為一個有經驗的前端開發人員，有義務把代碼中類似這樣公共的基礎性的東西抽象出來，一來是改善代碼的整體質量，更重要的是為了將來做類似的功能或者類似的項目，能減少不必要的重復工作量。在實際項目中，尤其是網站類型的項目中，分頁部分的設計總是個性化比較強，基本上都不會長的一樣， 閱讀全文

摘要： 由于最近做了一些頁面的動畫效果，之前經驗不多，這次做的過程中碰到些問題，加之很早前就閱讀過一篇很好介紹動畫的博客《關于動畫，你需要知道的》，來自十年蹤跡，所以就思考了一些關于動畫的基本原理的問題，比如本文這個。這個問題要簡單也可以非常簡單，比如前面提到那篇博客里就有一個比較好的解釋，本文提供的是另外一種更詳細地方式，希望對有需要的人有所價值。 在客觀的物體運動中，以勻速直線運動為例，我們可以同時... 閱讀全文