現在的App開發，或多或少都會用到Hybrid模式，到了WebView這邊，經常會加載一些js文件(例如和WebView用來Native通信的bridge.js)，而這些js文件不會經常發生變化...

在移動端，判斷橫豎屏的場景并不少見，比如根據橫豎屏以不同的樣式來適配，抑或是提醒用戶切換為豎屏以保持良好的用戶體驗。

關于數組或對象遍歷，相信很多人都沒有深入觀察過執行效率。這是一個曾在群里吵翻天的話題，讀懂后你將成為遍歷效率話題的大師。

作為一個前端開發，最常見的運行環境應該是瀏覽器吧，為了更好的通過瀏覽器把優秀的產品帶給用戶，也為了更好的發展自己的前端職業之路，有必要了解從我們在瀏覽器地址欄輸入網址到看到頁面這期間瀏覽器是如何...

UCMainViewForBehavior 使用Behavior高仿實現UC瀏覽器首頁上下滑動效果 最終效果如下

第一次聽到 Service Workers 這個詞還是在去年 Google 來安利 Angular 2 的時候，那時就覺得很驚艷，想搞一搞，但是因為沒把網站升級成 https 一直拖到現在。 不...

service worker 是獨立于當前頁面的一段運行在瀏覽器后臺進程里的腳本。

每年 Craig Buckler 都會對來年的 Web 發展進行10項預測，同時總結過去一年的成績。來看看他在 2016 年的表現，以及他對 2017 年 Web 發展的預測！

DOM是（Document Object Model）一個與語言無關的、用來操作XML和HTML文檔的應用程序接口（Application Program Interface）。盡管DOM與語言...

log4web是基于瀏覽器端的console的日志記錄組件。

現在很流行基于 GitHub page 和 markdown 的靜態 blog，非常適合技術的思維和習慣，針對不同的語言都有一些優秀的靜態 blog 系統出現，如 Jekyll/Ruby，Pel...

什么是瀏覽器緩存？ Browser Caching是瀏覽器將網絡資源存儲在本地的一種行為。 優點有： 減少冗余數據的傳輸 減輕服務器的壓力 縮短網頁的加載速度 可以看出，瀏覽器緩存與性能優化有著...

Service Worker是一個可編程的網絡代理

rem 作為一個低調的長度單位，由于手機端網頁的興起，在屏幕適配中得到重用。使用 rem 前端開發者可以很方便的在各種屏幕尺寸下，通過 等比縮放 的方式達到設計圖要求的效果。

chrome與firefox下顯示的不同（只兼容這兩個瀏覽器），究其原因，應該是兩個瀏覽器在input(不說類型的話，默認為text，下同)默認寬度不一致導致的。

GET和POST是由HTTP協議定義的。在HTTP協議中，Method和Data（URL， Body， Header）是正交的兩個概念，也就是說，使用哪個Method與應用層的數據如何傳輸是沒有相互關系的。

前面《iOS 與 彈性滾動》里講到，iOS 的 UIWebkit 內核瀏覽器中啟用彈性滾動后，滾動事件不會立即觸發的問題。不過話說回來，綁定 scroll 本來就對整體 UI 性能影響很大，某些...

CORS是一個W3C標準，全稱是＂跨域資源共享＂（Cross-origin resource sharing）。

HSTS是HTTPS性能和安全優化中最重要的一環，能夠給HTTPS帶來巨大好處，但也存在一個小缺陷。本篇文章會介紹HSTS的工作原理及如何通過HSTS preload list解決HSTS的小缺陷。

在前端開發中，性能一直都是被大家所重視的一點，然而判斷一個網站的性能最直觀的就是看網頁打開的速度。其中提高網頁反應速度的一個方式就是使用緩存。一個優秀的緩存策略可以縮短網頁請求資源的距離，減少延...