前端工程化 - 收藏集 - 掘金

用於學習全棧 Web 開發的 100 + 免費資源 - 前端 - 掘金
大部分都是英文的哦~...

請用心練完這16個webpack小例子 - 掘金
16個demo，webpack+react搭配使用首先教你們2個新技能 1.按照正常github地址狀況下，你的github自己不能訪問目錄。 例如要訪問vue-demo下的vueCpu文件夾:https://github.com/holidaying...

關於數組亂序的深挖——「感受一直在寫毒代碼」 - 掘金
最近看了一篇很是有趣的文章：關於JavaScript的數組隨機排序，其做者爲oldj前輩。文中指出咱們用來「將一個數組隨機排序」的經典寫法所存在的問題，獲益匪淺。 本文將以更加詳盡的材料和更多樣的code demo進行闡述。並嘗試用「Fisher–Yates ...

笨辦法學前端 - 掘金
最近在教任務班的學生造輪子。我想幹脆把源代碼開源出來，讓自學的同窗也看一看吧。因而就有了《笨辦法造輪子》系列教程。 沒有 webpack、沒有 babel、沒有 SCSS、沒有 require、沒有 npm，並且沒有分號！！！ 使用最新 JS 語法編寫 全部...

神器！解放你的雙手——UI 設計稿全自動切圖和標註的一些工具推薦 - 前端 - 掘金
原文收錄在個人 GitHub博客 (https://github.com/jawil/blog) ，喜歡的能夠關注最新動態，你們一塊兒多交流學習，共同進步，以學習者的身份寫博客，記錄點滴。 工欲善其事，必先利其器。 前不久在 掘金 上看到一篇文章，前端 PS...

開源一個 Vue.js + Node.js 的後臺管理系統 - 前端 - 掘金
Vue Management System ...

史上最詳細的webpack 講解2 （DefinePlugin中的淫技巧） - 掘金
今天我忽然發現個人掘金原創排行已經落到了120位，這是什麼緣由，由於我分享的不夠多，仍是我分享的不夠好，看的人很少，又好幾天沒和你們幾面了，來吧！死也死在分享上面，怎麼說呢，今天講解的東西也不是很深奧的東西，之前一直沒有用到這東西，今天好好看了這東西，能夠帶來...

打造前端工程測試體系（1） - 前端 - 掘金
做者：helinjiang 咱們即將討論的是如何在前端項目中引入自動化測試。雖然文章聚焦的是前端項目，但實際上討論的內容也適合 Node 端應用。 這是本系列文章的第一章，主要內容是對前端自動化測試有一個初步的瞭解。適合入門學習。 1. 引入自動化測試的必...

sveltejs 中文文檔 - 前端 - 掘金
前言 前幾天在刷github趨勢榜，意外的發現了這個開源項目，經過閱讀文檔與相關資訊瞭解到Svelte的用法，好處以及缺陷，並對其思想深深的吸引，雖然框架存在諸多不足，生態圈也不算完善，可是我我的認爲，這...

API 開發神器 - Postman - 工具資源 - 掘金
Postman helps you develop APIs faster. 豪華午飯 Postman Postman 構建、管理、文檔化API 在線安裝 Chrome插件版ht...

史上最簡易Omnifocus神器使用教程，沒有之一！ - 掘金
Omnifocuss在手機上安裝了好久，一直躺在那裏沒有用，看過網上的一些教程，即便是那些號稱最容易懂的教程，我也沒看懂。最近，有幸跟成哥學習瞭如何使用該工具，聽完分享受益不淺，終於有點眉目了！ 初學Omnifocuss，以爲它是一個"清單+我的...

「前端」看懂前端腳手架你須要這篇webpack - 掘金
本文來自尚妝前端團隊南洋 發表於尚妝github博客，歡迎訂閱。 分割webpack配置文件的多種方法 （一） 將你的配置信息寫到多個分散的文件中去，而後在執行webpack的時候利用--config參數指定要加載的配置文件，配置文件利用moduleimp...

從工程化角度討論如何快速構建可靠React組件 - 掘金
原文連接 前言 React 的開發也已經有2年時間了，先從QQ的家校羣，轉成作互動直播，主要是花樣直播這一塊。切換過來的時候，業務很是繁忙，接手過來的業務比較凌亂，也沒有任何組件複用可言。 爲了提升開發效率，去年10月份也開始有意識地私下封裝一些組件，而且於今...

Callback Promise Generator Async-Await 和異常處理的演進 - 掘金
根據筆者的項目經驗，本文講解了從函數回調，到 es7 規範的異常處理方式。異常處理的優雅性隨着規範的進步愈來愈高，不要懼怕使用 try catch，不能迴避異常處理。 咱們須要一個健全的架構捕獲全部同步、異步的異常。業務方不處理異常時，中斷函數執行並啓用默認處...

Git Cheat Sheet：關於 git 的命令集合 - 前端 - 掘金
init 初始化倉庫git init config 編輯配置文件git config [--global] -e ...

git 的 reset 和 checkout 的區別 - 工具資源 - 掘金
在講git的reset和checkout的區別以前，不得不說說HEAD、Index、Working Directory三個區域。 HEAD、Index、Working Directory ...

一個簡單的 mock 工具應該長什麼樣 - 工具資源 - 掘金
爲了提高先後端協做開發效率，一個稱手的 mock 工具很重要，結合本人這近半年開發 moky 的經歷，說點淺顯的心得和體會。正如其名 moky = mock + proxy，由於我以爲 mock 和 proxy 已經能夠覆蓋 80% 的場景，所謂二八原則，剩下...

揭祕 jQuery - 前端 - 掘金
jQuery源碼分析 前言 有時候我在想jQuery爲何能夠直接$操做，能夠擁有比原生js更便利的DOM操做，並且只要你想就能夠直接鏈式操做下去 核心框架 揭開一萬多行代碼的jQuery核心代碼： (function(window, undefined) {...

webpack.DefinePlugin使用介紹 - 掘金
做者：滴滴公共前端團隊 - J 基本用法 這個插件用來定義全局變量，在webpack打包的時候會對這些變量作替換。先看個例子 //webpack.config.js var webpack = require('webpack'); var path = re...

[[webpack]源碼解讀：命令行輸入webpack的時候都發生了什麼？ - 掘金](https://juejin.im/post/586d16...
做者：滴滴公共前端團隊 - 水乙 咱們在使用 webpack 的時候能夠經過 webpack 這個命令配合一些參數來執行咱們打包編譯的任務。咱們想探究它的源碼，從這個命令入手可以比較容易讓咱們瞭解整個代碼的運行過程。那麼在執行這個命令的時候究竟發生了什麼呢？ ...

[[webpack] 如何把代碼內聯進html中？ - 掘金](https://juejin.im/post/587476...
做者：滴滴公共前端團隊 - 水乙 咱們日常在打包文件的時候，有時候須要把 js、css 等代碼內聯進 html 中，減小文件的請求，優化加載速度。 用過 fis 的同窗應該對 __inline 語法比較熟悉，它就是用來把代碼內聯進 html 的，其實 web...

圖例詳解那道 setTimeout 與循環閉包的經典面試題 - 前端 - 掘金
配圖與本文無關 我在詳細圖解做用域鏈與閉包一文中的結尾留下了一個關於setTimeout與循環閉包的思考題。 利用閉包，修改下面的代碼，讓循環輸出的結果...

爲何我放棄 Gulp 和 Grunt 而使用 npm Scripts - 前端 - 掘金
我知道你在想什麼。 什麼？！Gulp不是剛剛乾掉了Grunt嗎？ 爲何咱們不能在Javascript的地盤上消停一下子呢？我知道，可是… 我發現Gulp和Grunt是沒有必要的抽象，npm Script 已經足夠強大，而且一般更好用。 讓咱們從一個例子開始 ...

是時候來用 Slush 構建你本身的腳手架了 - 掘金Slush 是什麼？ 簡單的來講，Slush 就是一個腳手架生成工具。什麼？腳手架？這是什麼鬼？嗯，腳手架嘛，天然是這個樣子咯~ 什麼？你問的是編程中的腳手架呀？啊，這麼說吧。身爲一個前端開發者，每次新建一個項目的時候是否是要建立好多個文件夾、配置文件？寫個...