一、使用之前，我們先來掌握3個東西是用來干什么的。 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通過CommonJS的語法把所有瀏覽器端需要發布的靜態資源做相應的准備，比 ...

博客地址：https://ainyi.com/60 純 css 寫瀑布流 1.multi-columns 方式： 通過 Multi-columns 相關的屬性 column-count、 ...

Chrome開發者工具詳解(2)-Network面板 注： 這一篇主要講解面板Network，參考了Google的相關文檔，主要用於公司內部技術分享。 Chrome開發者工具面板 面板上包含了E ...

H5是HTML5的簡稱。HTML5是HTML最新的修訂版本，是一種超文本標記語言。H5有兩大特點：首先，強化了 Web 網頁的表現性能。其次，追加了本地數據庫等 Web 應用的功能。 H5頁面就是利 ...

Websocket 1.websocket是什么？ WebSocket是為解決客戶端與服務端實時通信而產生的技術。其本質是先通過HTTP/HTTPS協議進行握手后創建一個用於交換數據的TCP連接， ...

頁面添加錨點的三種方式 　　HTML中的鏈接，正確的說法應該稱作"錨點"，它命名錨點鏈接（也叫書簽鏈接）常常用於那些內容龐大繁瑣的網頁，通過點擊命名錨點，不僅讓我們能指向文檔，還能指向頁面里的特定段 ...

Chrome開發者工具詳解(1)-Elements、Console、Sources面板 Chrome開發者工具面板 面板上包含了Elements面板、Console面板、Sources面板、Net ...

如果需要在移動瀏覽器中實現撥打電話，發送email，美國服務器，調用sns等功能，移動手機WEB頁面(HTML5)Javascript提供的接口是一個好辦法。采用url鏈接的方式，實現在Safari ...

博客地址：https://ainyi.com/52 H5 新特性 語義化標簽：header、footer、section、nav、aside、article 增強型表單：input 的多 ...

XMLHttpRequest Level2 添加了一個新的接口——FormData 。【 主要用於發送表單數據,但也可以獨立使用於傳輸鍵控數據。與普通的Ajax相比，它能異步上傳二進制文件 】 利用 ...