原创 10個demo示例學會CSS3 radial-gradient徑向漸變

一、語法細節記不住怎麼辦？實際開發的時候，當要使用radial-gradient徑向漸變的時候，腦中會有大概的語法，但是細節卻記不住，於是想快捷找個案例看看具體怎麼用，然後直接套一下。通常一番搜索，會發現雖然是個簡單需求，但是正好滿足這個需

2018-10-18 21:24:25

原创 程序員的技術世界觀

隨着工作年限的增加，技術的不斷積累，我們對於技術的認知和看法就會形成一套自己的世界觀，就像是一個安全的技術沙盒，你身在其中，裏面有你得心應手的技術，有你多年沉澱的心得。 這是一個自發的過程，就像路邊隨便抓住一個人，這個人對於這個世界一定會有

2018-10-18 17:34:34 1

原创 利用HTML5，無JS實現各種交互效果

本文利用的是HTML5 details, summary 首先 一、瞭解HTML5 details, summary默認交互行爲 <details> 標籤在Chrome，Firefox等瀏覽器下默認是有展開收起行爲的，例如下面HTML： <

2018-10-17 23:44:47

原创 瞭解CSS3的all屬性

一、兼容性如下圖： 兼容性還行， 除了IE不支持，其他瀏覽器基本上都綠油油，目前自娛自樂，內網項目什麼的都是可以用用的。 二、all是幹嘛用的 all屬性實際上是所有CSS屬性的縮寫，表示，所有的CSS屬性都怎樣怎樣，但是，不包括unic

2018-10-17 23:43:44

原创 爲何Node.js 能成爲 Web 應用開發最佳選擇？【強推理由】

一項顛覆性的技術進入技術市場總會帶來一陣震驚，但隨之而來往往是被放棄。然而，Node.js 當然不是這樣的情況，它是一個開源的、跨平臺的基於 Chrome 的 JavaScript 運行時。Node.js 由 Ryan Dahl 於 20

2018-10-16 19:25:00

原创 Web 開發人員的文檔生成工具【推薦】

工慾善其事必先利其器，在此給 Web 開發人員推薦幾款優秀的開源文檔生成工具，希望能對大家有所幫助。 1、JavaScript JSDoc 3 這是一款根據 Javascript 文件中註釋信息，生成 JavaScript 應用、庫、模塊的

2018-10-16 18:54:35

原创 Web 前端模板引擎的選擇

模板引擎負責組裝數據，以另外一種形式或外觀展現數據。 瀏覽器中的頁面是 Web 模板引擎最終的展現。 無論你是否直接使用模板引擎，Web 模板一直都在，不在前端就在後端，它的出現甚至可以追溯到超文本標記語言 HTML 標準正式確立之前。 服

2018-10-16 18:13:04

原创 1000多個項目中的十大JavaScript錯誤以及如何避免

通過統計數據庫中的1000多個項目，我們發現在 JavaScript 中最常出現的錯誤有10個。下面會向大家介紹這些錯誤發生的原因以及如何防止。 對於這些錯誤發生的次數，我們是通過收集的數據統計得出的。收集每個項目中的所有錯誤，並總結每個錯

2018-10-16 16:34:34 1

原创 前端開發者常用的9個JavaScript圖表庫

當前，數據可視化已經成爲數據科學領域非常重要的一部分。不同網絡系統中產生的數據，都需要經過適當的可視化處理，以便更好的呈現給用戶讀取和分析。 對任何一個組織來說，如果能夠充分的獲取數據、可視化數據和分析數據，那麼就能很大程度上幫助瞭解數據產

2018-10-16 15:25:14 3

原创 用JavaScript基礎寫一個圖片輪播效果 + 思路詳解

用JavaScript的基本知識去寫一個輪播圖，其實輪播圖有很多方法去實現，像用一些框架，Bootstrap之類的，或者CSS3都可以輕鬆做出漂亮的輪播圖，這次去用JavaScript實現，主要是爲了鍛鍊自己使用Js的能力，代碼非常簡單，我

2018-10-11 10:44:35 2