1 Web性能優化 Web網站的性能細線在幾個方面： 網站首頁加載速度 動畫的流暢度 通過分析瀏覽器的渲染原理、資源對渲染的影響，得出優化網站性能的辦法。 2 查看性能的工具 Chrome的 T...

作為一名真正的前端開發者，我們不能只關注前端邏輯部分。畢竟“水銀泄地”般的頁面設計和“炫酷逼真”的動畫效果，是我們區別于其他程序員所特有的優勢之一。

現在的前端，越來越注重用戶交互和體驗，有很多動畫和效果是很常見的，如本篇要講的主題：輪播動畫。這和以前經常聽到的一個名詞–”跑馬燈“效果一樣。在CSS3出來之前，都是通過JavaScript實現...

CSS里浮動float是個概念比較曖昧的屬性，擼主最早對浮動float的認識是基于布局的，認為float元素就是用于： “讓block元素無視float元素，讓inline元素讓流水一樣圍繞著f...

這是一篇萬字長文, 系統梳理了ajax相關的知識體系, 幾乎囊括了所有ajax的知識點.

在前端開發工作中，除了項目開發保質保量上線以外，項目的數據監控也應該配套起來，確保線上的正常運轉。如上報 pv 監控項目是否正常運轉；測速上報反應項目質量；腳本錯誤監控作為監控中重要一環，當頁面...

本文要回答一個很重要的問題： 函數式編程 有什么用？

頁面的打開速度對網站的優化有極大的意義，如果打開一個頁面一直處于白屏狀態，若超過5s，可能大部份人都會把它關了。或者是頁面加載出來了，但是比較慢，頁面顯示不完整，標簽欄一直在轉圈，頁面長期處于不...

通常認為，命令行界面（CLI）沒有圖形用戶界面（GUI）那么方便用戶操作。但是CLI比GUI節約資源，在熟悉命令之后，CLI會比GUI更加高效地幫你完成想要的任務。

1、前端需要注意哪些 SEO 2、 <img> 的 title 和 alt 有什么區別 3、 HTTP 的幾種請求方法用途 4、從瀏覽器地址欄輸入 url 到顯示頁面的步驟 5、如何進行網站性能...

這篇文章面向對Promise不甚了解的朋友，我將告訴你如何把它快速運用在開發中。

回到 2012 年，我寫了一篇關于潛在 CSS 反模式的文章 CSS中的代碼味道 。回看那篇文章，盡管四年過去了，我依然認同里面的全部內容，但是我有一些新的東西加到列表中。再次說明，這些內容并不...

在眾多的 CSS 新特性中，有 3 個今年采用的新特性讓我抑制不住地激動。

transform：可以對元素對象進行旋轉rotate、縮放scale、移動translate、傾斜skew、矩陣變形matrix。

在瀏覽器之爭中，Chrome憑借JavaScript的卓越性能取得了市場主導地位，然而由于JavaScript的無類型特性，導致其運行時消耗大量的性能做為代價，這也是JavaScript的瓶頸之...

使用 keyframes , animation 屬性，例如 timing , delay , play state , animation-count , iteration count , ...

如果要我總結一下學習前端以來我遇到了哪些瓶頸，那么面向對象一定是第一個毫不猶豫想到的。盡管我現在對于面向對象有了一些的了解，但是當初的那種似懂非懂的痛苦，依然歷歷在目。

現在構建一個HTML和CSS的動畫logo比以前容易多了，配合更新的JavaScript庫可以進一步推動網絡動畫的發展。

在flat design(扁平化的設計)中，Long Shadow （長投影）被看著屢試不爽的設計技能。比如下面這張，非常經典的長投影設計:

在in面試被CTO問到的問題，謹以此翻譯來表達對自己知識匱乏的鄙視 :-1: 。