skyoo61

摘要： Heatmap熱圖，可以非常直觀的呈現一些原本不易理解或表達的數據，比如密度、頻率、溫度等，改用區域和顏色這種更容易被人理解的方式來呈現。熱圖實際上是三維可視化的俯瞰效果。（顏色代表一個維度）。我們對熱圖并不陌生，教科書里、天氣預報里的氣溫地圖是最典型的案例。在用戶體驗制勝的微創新時代，熱圖在互聯網用戶行為分析上的應用也越來越被重視。常見的應用有：鼠標點擊熱圖：演示地址 http://js.clicki.cn/#/clicki/heatmap 熱圖應用屏幕滾動熱圖（scroll map）：眼動/注意力熱圖（Attention heatmap）：用戶地區熱圖熱圖的優缺點：優點：1. 與實景結合， 閱讀全文

摘要： 對程序員們來說挑戰自我非常重要，要么不斷創新，要么技術停滯不前。新年伊始，我整理了12個月的目標，每個目標都是對技術或個人能力的挑戰，而且可以年復一年循環使用。01. 變得有耐心02. 保持健康03. 擁抱變化帶來的不適應04. 學習一門新的編程語言05. 自動化06. 學習更多數學知識07. 關注安全08. 備份你的數據09. 學習更多理論知識10. 接觸藝術和人文11. 向新的軟件學習12. 完成一個自己的項目接下來我會對這些建議逐個介紹。變得有耐心程序員們會擔心鍛煉耐心付出的努力得不到應有的回報。其實，培養耐心只要付出很小的投入就能夠得到相對而言很大的收獲。下面是開始鍛煉耐心可以嘗試的一 閱讀全文

摘要： 一般Web UI怎么測試它們運行是不是正確呢？例如說按下某個按鈕后，是不是跑出我們預期的結果?答案其實很簡單，找幾個人來試就可以了。的確大部分的Web應用程序開發團隊如果不是工程師自己測試UI，就是讓實習生或者讓負責這個程序的策劃來測試。但大家也都明白，這樣的測試真的是非常花時間，所以大部分的測試都是只做到70%或者80%就交給客戶了。而如果今天在策劃里又加入了新功能，不確定會不會影響現在系統的執行，或者是想對系統程序進行重構的話，我們都必須再一次開啟瀏覽器來驗證原有的功能是否還是正確執行。假設頁面操作的步驟很繁鎖時，那么這樣的測試可能就會要了測試人員的小命。其實如果可以讓UI測試這件事自動化 閱讀全文

摘要： 下圖是幾個經典的文本編輯器的學習曲線，不排除其中有調侃和幽默的味道。vim的學習曲線相當的大（參看各種文本編輯器的學習曲線），所以，如果你一開始看到的是一大堆VIM的命令分類，你一定會對這個編輯器失去興趣的。下面的文章翻譯自《Learn Vim Progressively》，我覺得這是給新手最好的VIM的升級教程了，沒有列舉所有的命令，只是列舉了那些最有用的命令。非常不錯。——————————正文開始——————————你想以最快的速度學習人類史上最好的文本編輯器VIM嗎？你先得懂得如何在VIM幸存下來，然后一點一點地學習各種戲法。Vim the Six Billion Dollar edit 閱讀全文

摘要： 當你在做設計的時候碰到一個標題，你會怎么做？ 哦？不用你做？因為你是一個程序員？錯，很多程序猿都不只是扣腚。翻字庫？一遍一遍試各種字體？來看看大濕都是怎么做的吧。文字是一種記錄與傳達語言的符 號，它的產生是人類文明進步的一種重要標志。隨著圖形化時代的來臨，文字與圖形的關系在設計領域尤其是平面設計當中，起著舉足輕重的作用。針對目前國際平 面設計界以文字為主體元素的設計，本文以平面設計中文字的圖形化表現為切入點，對文字圖形化的表現形式和表現手法以及在平面設計的應用進行探討性分析，希 望挖掘出文字與圖形化設計的更多表現形式。美國設計家保羅·蘭德說：“好的設計字體是信息與靈感，昨天與今天，現 閱讀全文

摘要： Redis常用數據類型Redis最為常用的數據類型主要有以下五種：StringHashListSetSorted set在具體描述這幾種數據類型之前，我們先通過一張圖了解下Redis內部內存管理中是如何描述這些不同數據類型的：首先Redis內部使用一個redisObject對象來表示所有的key和value,redisObject最主要的信息如上圖所示：type代表一個value對象具體是何種數據類型，encoding是不同數據類型在redis內部的存儲方式，比如：type=string代表value存儲的是一個普通字符串，那么對應的encoding可以是raw或者是int,如果是int則代表 閱讀全文

摘要： Jquery中的選擇器主要分為基本選擇器、層次選擇器、過濾選擇器、表單選擇器四種。下面主要用圖的實行來逐個介紹每一種選擇器所包含的內容：1.基本選擇器：與CSS選擇器類似，Jquery的基本選擇器也包括id選擇器、類選擇器、標簽選擇器、群組選擇器、通配選擇器。不同的是CSS選擇器是給匹配的元素添加樣式，而Jquery選擇器是給匹配的元素添加行為。2.層次選擇器：層次選擇器包括：后代選擇器、子元素選擇器、相鄰元素選擇器、兄弟元素選擇器。其中前兩種選擇器用的比較多，因為在Jquery中有更加簡單的方法（next()方法和nextAll()方法）來替代后兩種選擇器所有后兩種選擇器用的相對很少。3.表 閱讀全文

摘要： 為什么需要socket.io？ node.js提供了高效的服務端運行環境，但是由于瀏覽器端對HTML5的支持不一，為了兼容所有瀏覽器，提供卓越的實時的用戶體驗，并且為程序員提供客戶端與服務端一致的編程體驗，于是socket.io誕生。 socket.io設計的目標是支持任何的瀏覽器，任何Mobile設備。目前支持主流的PC瀏覽器 (IE,Safari,Chrome,Firefox,Opera等)，Mobile瀏覽器(iphone Safari/ipad Safari/android WebKit/WebOS WebKit等)。socket.io基于node.js并簡化了WebSocket AP 閱讀全文

摘要： 相信很多童鞋都不止維護一個MySQL實例，MySQL自帶的啟動腳本不太好使，所以改裝了一下，把指定的配置文件名傳入即可使用示例：Usage: mysqld {start|stop|restart|reload|force-reload|status} [ config name. "my.cnf" example "my" (default my) ] [ MySQL server options ]/etc/init.d/mysqld start my_3307/etc/init.d/mysqld stop my_3307只要把mysql的配置文件名作 閱讀全文

摘要： 簡介Asynchronous JavaScript and XML (Ajax) 是驅動新一代 Web 站點（流行術語為 Web 2.0 站點）的關鍵技術。Ajax 允許在不干擾 Web 應用程序的顯示和行為的情況下在后臺進行數據檢索。使用 XMLHttpRequest 函數獲取數據，它是一種 API，允許客戶端 JavaScript 通過 HTTP 連接到遠程服務器。Ajax 也是許多 mashup 的驅動力，它可將來自多個地方的內容集成為單一 Web 應用程序。不過，由于受到瀏覽器的限制，該方法不允許跨域通信。如果嘗試從不同的域請求數據，會出現安全錯誤。如果能控制數 據駐留的遠程服務器并且 閱讀全文

摘要： 曾經作為一個圖形編程者，哥有過很多埋頭苦編不見天日的時光。有時在最初可視化原始數據的草圖的時候，往往也沒有很好的交互菜單，很多的設置都是寫死在源 代碼里的。這樣的好處是一開始能夠快速出結果，壞處是一旦需要改變設置的時候，又要重新修改代碼，重新編譯代碼，重新運行程序才能看到結果的變化。一個設 計完善成熟的交互菜單的確可以覆蓋很多需要調整的參數，但是太復雜的菜單也讓新手無從下手。那么，能不能讓可視化編程也像我們在Word或者 Powerpoint上寫文檔一樣，可見即可得并且隨時無間斷更新呢？哥最近看到了網路上Bret Victor很 火的演講，那真是讓人眼前一亮。其中很華麗的幾個演示都是可視化編程 閱讀全文