新人領進門 - 收藏集 - 掘金

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

flex 與 margin 之間的基情 - 前端 - 掘金
flex 與 margin 之間的基情...

HTTP 協議簡介 - 掘金
HTTP (HyperText Transfer Protocol, 超文本傳輸協議)是互聯網上應用最爲普遍的一種網絡協議，它是基於 TCP 的應用層協議，簡單地說就是客戶端和服務器進行通訊的一種規則，它的模式很是簡單，就是客戶端發起請求，服務器響應請求，以下...

正則表達式 30 分鐘入門教程 - 工具資源 - 掘金
本文目標 30分鐘內讓你明白正則表達式是什麼，並對它有一些基本的瞭解，讓你能夠在本身的程序或網頁裏使用它。 如何使用本教程 最重要的是——請給我30分鐘，若是你沒有使用正則表達式的經驗，請不要試圖在30秒內入門——除非你是超人 :) ...

promises 很酷，但不少人並無理解就在用了 - 前端 - 掘金
（點擊上方公衆號 ，可快速關注） 英文：Nolan Lawson  譯文：伯樂在線專欄做者 - abell123 若有好文章投稿，請點擊 → 這裏瞭解詳情 如需轉載，發送「轉載」二字查看說明 JavaScript 開...

JavaScript 中的 this 陷阱的最全收集 -- 沒有之一 - 前端 - 掘金
當有人問起你JavaScript有什麼特色的時候，你可能立馬就想到了單線程、事件驅動、面向對象等一堆詞語，可是若是真的讓你解釋一下這些概念，可能真解釋不清楚。有句話這麼說：若是你不能向一個6歲小孩解釋清楚一個東西，那麼你本身也不懂這個東西。這句話或許有點誇張，...

jQuery 源碼系列（七）Callbacks 函數 - 前端 - 掘金
講真，Sizzle 的源碼真的太壓抑了，以致於寫 Sizzle 文章的這段時間裏都很是的痛苦，剛開始以爲它還挺有意思的，越到後面越以爲代碼很難讀懂，煩。 寒假也過完了，在家裏待了兩週的時間，感受不錯，這期間學習的事情都拋...

Nginx 簡明教程 - 工具資源 - 掘金
nginx簡介 Nginx ("engine x") 是一個高性能的HTTP和 反向代理 服務器，也是一個 IMAP/POP3/SMTP 服務器。 Nginx 是由 Igor Sysoev 爲俄羅斯訪問量第二的 Rambler.ru 站點開發的，第一個公開版本...

排序算法 sort.js(看源碼，把它背下來吧) - 前端 - 掘金
JavaScript to achieve the ten common sorting algorithm library 這個小庫是對...

從網易與淘寶的 font-size 思考前端設計稿與工做流 - 前端 - 掘金
本文結合本身對網易與淘寶移動端首頁html元素上的font-size這個屬性的思考與學習，討論html5設計稿尺寸以及前端與設計之間協做流程的問題，內容較多，但對你的技術和工做必定有價值，歡迎閱讀和點評：）。 1. 問題的引出 最近閱讀白樹的博文《移動web資...

談談面試與面試題 - 前端 - 掘金
原由，某日電話面試以後滿心鬱悶的我發了兩條微博： 面試的時候問個css的position屬性能刷掉一半的人這是啥狀況…… 其實這問題我原本打算的是能夠順着一路扯到normal flow、containing block、bfc、margin ...

從 sass 到 PostCSS - 前端 - 掘金
原文連接：https://tylergaw.com/articles... 譯者：Icarus 郵箱：xdlrt0111@163.com 多年來我一直使用Sass.可是最近我想要使用PostCSS和它的cssnext插件來嘗試處理樣...

大話 Web-Audio-Api - 前端 - 掘金
Logic proX 在html5 <audio> 元素出現以前，一個網頁想要發聲，就得須要flash或者其餘插件的輔助。而<audio>標籤的出現，使網頁在遊戲（的音效）和網頁交互（音...

一個微信面試題引起的血案 --(譯) 什麼阻塞了 DOM？ - 掘金
譯者注：昨天一篇工做僅一年的前端工程師面試幾個大廠的文章 （1月前端面試記） 在掘金火爆起來。一方面你們以爲做者太厲害了，工做近一年，能力居然這麼強（大叔我表示慚愧），另外一方面幾個微信面試題引發不少討論。其中我比較感興趣的一個題目是關於JavaScript和C...

1月前端面試記 - 掘金
背景 我於16.12.18辭職，以前有過一年左右的前端工做經驗。從12月26號開始到1月9號前後面試了微信，百度，阿里巴巴uc，惟品會以及深圳騰訊等幾家公司，特此總結與各位共勉。 微信 因爲我已經畢業工做過，因此去微信面試是走的社招。微信社招極其嚴格，共八輪面...

「YouMightNotNeedjQuery」系列，用原生 JS 來實現 JQuery 的一些常見操做 - 前端 - 掘金
A resource for doing things au naturel. YouMightNotNeedjQuery.com...

jQuery 中的 100 個技巧（上） - 前端 - 掘金
有興趣的看看 jQuery 仍是用的多...

webpack入門必知必會 - 掘金
關於 微信公衆號：前端呼啦圈（Love-FED） 個人博客：勞卜的博客 知乎專欄：前端呼啦圈 前言 這是我第一篇介紹webpack的文章，先從一個入門教程開始吧，後續會有更多相關webpack的文章推出。 首先什麼是webpack？若是說它是一個打包工具那...

《JavaScript 闖關記》之原型及原型鏈 - 掘金
原型鏈是一種機制，指的是 JavaScript 每一個對象都有一個內置的 proto 屬性指向建立它的構造函數的 prototype（原型）屬性。原型鏈的做用是爲了實現對象的繼承，要理解原型鏈，須要先從函數對象、constructor、new、proto...

webpack 項目構建工具 - 前端 - 掘金
CommonJS 和 AMD 是用於 JavaScript 模塊管理的兩大規範，前者定義的是模塊的同步加載，主要用於 NodeJS ；然後者則是異步加載，經過 RequireJS 等工具適用於前端。隨着 npm 成爲主流的 JavaScript 組件發佈平臺，...

最全的 HTML5 知識彙總 - 前端 - 掘金
引言HTML5 一直是很是熱門的話題，所以此係列文章主要從一些基本功能開始講起，逐步深刻了解HTML5的新概念。首先了解一些基本的術語和概念。SGML, HTML,XML三者之間的區別Doc類型是什麼HTML5 有什麼新特色新優點。學習HTML5 在開始以前...

npm 是幹什麼的？（非教程） - 掘金網上的 npm 教程主要都在講怎麼安裝、配置和使用 npm，卻不告訴新人「爲何要使用 npm」。今天我就來說講這個話題。本文目標讀者是「不太瞭解 npm 的新人」，大神您別看了，否則又說我囉嗦了 ?。 社區 程序員自古以來就有社區文化： 社區的意思是：擁...