前端工具

自從出現模塊化之後，你們能夠將本來一坨代碼分離到個個模塊中，可是由此引起了一個問題。每一個 JS 文件都須要從服務器去拿，由此會致使加載速度變慢。Webpack 最主要的目的就是爲了解決這個問題，將全部小文件打包成一個或多個大文件，官網的圖片很好的詮釋了這個事情，除此以外，Web…

webpack

基於 Docker 打造前端持續集成開發環境

本文將以一個標準的 Vue 項目爲例，徹底拋棄傳統的前端項目開發部署方式，基於 Docker 容器技術打造一個精簡的前端持續集成的開發環境。 1. CI（持續集成）：阮一峯老師的關於 CI 的介紹 2. Docker： Docker 快速入門 1. 代碼無需在本地構建 2. 只…

git

手把手教你如何使用webpack 生成css sprites

咱們在開發網站的時候，一般會把經常使用的圖標合併成css sprite(雪碧圖)，能夠有效的減小站點的http請求數量，從而提升網站性能。下面讓咱們一塊兒來學習一下如何使用webpack合併sprite圖。好了，以上就是webpack生成css sprite的辦法了，是否是覺着很…

程序員

走進網頁虛擬現實 WebVR

最近幾年，虛擬現實 VR 的概念火了一把，各類 VR 概念的遊戲、設備、視頻受到人們的普遍關注。筆者在逛商場的時候也常常會看到有 VR 設備體驗的地方讓遊人體驗一把，各類酷炫的頭盔和酷炫的設備着實抓人眼球。可是做爲一個前端工做者，咱們確定也但願在咱們的網頁裏也能看到這麼酷炫的效果，不經意間…

webpack 的新年禮物—— webpack 官方中文社區成立

webpack中文官網
https://webpack-china.org/

gulp 和 webpack 的完美結合

gulp 負責 css 等，webpack 負責 js

教你一步步從零構建 webpack 開發多頁面環境

教你一步一步搭建 webpack 開發的多頁面項目

chrome插件開發簡介（一）——開發入門

chrome做爲目前最流行的瀏覽器，備受前端推崇，緣由除了其對於前端標準的支持這一大核心緣由以外，還有就是其強大的擴展性。基於其開發規範實現的插件現在已經很是龐大，在國內也是欣欣向榮，如天貓開發了大量的擴展，用於檢測頁面質量以及頁面性能，淘寶開發了許多的擴展以供運營工具的優化…

分享7款個性化jQuery/HTML5地圖插件

如今咱們常常會用到一些地圖應用，不管是在網頁上仍是手機App中，地圖貌似是一個不可或缺的應用。本文將帶領你們一塊兒來看看一些基於jQuery和HTML5的個性化地圖插件，有幾款地圖比較實用，有些則是具備抽象的概念，頗有個性化。
這是一款基於HTML5的世界地圖應用，它的特色是能夠…

很是專業的 JavaScript 分類庫大全集錦

又大又全的 javascript 分類庫集錦，包含前端，後端，移動端，博客等。自帶 github 關注度更新。包括 vue, react, node.js, angular 等知名框架以及相關。

溫馨的前端開發環境是怎樣一種體驗？

做者：Nicolas (滬江Web前端）本文爲原創文章，轉載請註明做者及出處本文的 webpack 代碼示例根據 webpack 2.7.0 編寫，並在 Mac 上正常運行。去年一篇《在 2016 年學 JavaScript 是一種什麼樣的體驗？》嚇壞了不少想要入行新同窗…

[[譯] 前端調試技巧與訣竅](https://juejin.im/entry/5901e...

原文地址：Debugging Tips and Tricks 原文做者：SARAH DRASNER 譯文出自：掘金翻譯計劃譯者：lsvih 校對者：loveky,ymz1124 前端調試技巧與訣竅編寫代碼其實只是開發者的一小部分工做。爲了讓工做更有效率，咱們還必須精通 de…

還在爲線上 bug 沒法快速修復而被客戶抱怨嗎? 老司機帶你開發一個簡單的 chrome 插件輕鬆搞定.

由線上的一個工單想到的關於問題快速處理的解決方案: 採用 chrome 插件, 快速解決客戶的線上 bug; 注意: 這種方式的目的就是快速解決客戶的問題, 而且只是臨時修改. 修復補丁將會在下一次正式線上版本經過發佈後被忽略;

Stylelint: 咱們日夜期盼的樣式表Linter

每個程序員，不管他是寫哪一門語言的，都但願本身寫出乾淨整潔、一致性好的代碼。所以不少開發者習慣於對諸如Javascript和Python一類的編程語言啓用linter，可是卻很好少有人使用linter來規範樣式表。那麼在這篇文章中，就讓咱們來一睹stylelint1（一個應用於樣式表的linter）的真面目。

同時咱們也將瞭解到在樣式表中啓用校對的關鍵性，以及它是如何讓一個樣式表有序和避免錯誤的。最後，咱們將學會如何使用stylelint並儘快上手。
原文地址： https://www.smashingmagazine....