摘要：醞釀許久之后，筆者準備接下來撰寫前端面試題系列文章，內容涵蓋瀏覽器框架分鐘搞定常用基礎知識前端掘金基礎智商劃重點在實際開發中，已經非常普及了。

這道題--致敬各位10年阿里的前端開發 - 掘金
很巧合，我在認識了兩位同是10年工作經驗的阿里前端開發小伙伴，不但要向前輩學習，我有時候還會選擇另一種方法逗逗他們，拿了網上一道經典面試題，可能我連去阿里面試的機會都沒有，但是我感受到了一次面試10年阿里的前端開發，讓我感覺一個字，比吃老壇酸菜還爽！雖然有答對...

mock.js那點事(下) - 掘金
這篇針對不管看沒看過mock.js那點事(上),你都會有收獲 前幾天講了一下mock.js那點事(上)，有心的哥們估計看完了我的那篇mock.js那點事(上)，估計看得太過癮了，然后又去官網也把所有demo也刷了一遍了，可能有些朋友花了半個小時刷完了所有d...

深入理解 JavaScript 異步 - 前端 - 掘金
前言 2014年秋季寫完了《深入理解javascript原型和閉包系列》，已經幫助過很多人走出了 js 原型、作用域、閉包的困惑，至今仍能經常受到好評的留言。 ...

16種方法實現水平居中垂直居中 - 掘金
熟悉水平居中和垂直居中的方法, 不為別的, 就為用的時候能夠信手拈來. 下面直接步入正題.原文：16種方法實現水平居中垂直居中 水平居中 1) 若是行內元素, 給其父元素設置 text-align:center,即可實現行內元素水平居中. 2) 若是塊級元素,...

一勞永逸的搞定 flex 布局 - 掘金
尋根溯源話布局 一切都始于這樣一個問題：怎樣通過 CSS 簡單而優雅的實現水平、垂直同時居中。記得剛開始學習 CSS 的時候，看到 float 屬性不由得感覺眼前一亮，順理成章的聯想到 Word 文檔排版中用到的的左對齊、右對齊和居中對齊，然而很快就失望的發現...

基于 vw 等 viewport 視區相對單位的響應式排版和布局 ? 張鑫旭 - 鑫空間 - 鑫生活 - 前端 - 掘金
by zhangxinxu from http://www.zhangxinxu.com/wor... 本文全文轉載需購買版權(500￥)，摘要引流則免費，具體參見這里 一、什么是視區相對單位？ 就是相對于瀏覽器viewport尺寸的單位...

奇技淫巧：Chrome DevTools 代碼覆蓋率功能詳解 - 掘金
共 1812 字，讀完需 3 分鐘。工欲善其事必先利其器，前端周刊本周起每周會加餐 1 篇工具技巧，里面輔以動圖，讓大家看完就能學會，并上手使用。本文會介紹 Chrome Canary 新增的代碼覆蓋率功能、如何收集數據、如何基于它收集的數據來改進 WEB 應...

破解前端面試（80% 應聘者不及格系列）：從閉包說起 - 掘金
修訂說明：發布《80% 應聘者都不及格的 JS 面試題》之后，全網閱讀量超過 6W，在知乎、掘金、cnodejs 都引發了很多討論，還被多個前端微信公號和技術媒體轉載。醞釀許久之后，筆者準備接下來撰寫前端面試題系列文章，內容涵蓋 DOM、HTTP、瀏覽器、框架...

30 分鐘搞定 ES6 常用基礎知識 - 前端 - 掘金
ES6基礎智商劃重點 在實際開發中，ES6已經非常普及了。掌握ES6的知識變成了一種必須。盡管我們在使用時仍然需要經過babel編譯。 ES6徹底改變了前端的編碼風格，可以說對于前端的影...

this 的值到底是什么？一次說清楚 - 掘金
原載于前端開發指南，喜歡請關注。 你可能遇到過這樣的 JS 面試題： var obj = { foo: function(){ console.log(this) } } var bar = obj.foo obj.foo() // 打印出的...

js原生dom對象和jQuery對象可以混合使用嗎？ - 掘金
寫在前面： 本文主要內容包括js原生dom對象和jQuery對象的區別，聯系，相互轉換，以及踩坑經歷。情況是這樣的，今天在實現一個js驗證碼的功能，需要獲取input的值，然后我用jQuery的方法獲取到了dom節點，然后用原生js獲取input的值，結果就出...

小白式 - 讓你快速理解 JS 中的繼承方式 - 前端 - 掘金
面向對象之繼承理解較為常用的繼承有原型鏈繼承、借用構造函數、組合式繼承、寄生組合式繼承，以及ES6繼承，其他的還有原型式繼承、寄生式繼承 原型鏈繼承 js以原型鏈作為實現繼承的...

深入淺出this的理解 - 掘金
this在js中一直是謎一樣的存在著，在面試中也是經常會被問道，接下來總結下我所理解的this。首先引入秘密花園中對this的工作原理，文中指出有五種情況，分別是： 全局范圍內 this; //在全局范圍內使用this，它將會指向全局對象 函數調...

正則表達式前端使用手冊 - 前端 - 掘金
導讀 你有沒有在搜索文本的時候絞盡腦汁, 試了一個又一個表達式, 還是不行. 你有沒有在表單驗證的時候, 只是做做樣子(只要不為空就好), 然后燒香拜佛, 虔誠祈禱, 千萬不要出錯. 你有沒有在使用sed 和 grep 命令的時候, 感...

前端 PS 切圖方法，圖文詳細 - 掘金
寫在前面：本文主要內容是目前我所知道的切圖技巧結合網上的資料，寫出來分享一波。圖文教程，多圖！！ BB：很多人都會說，切圖這個活倒底分給UI還是分給前端。雖然好的UI會給我們把圖切好，但是他們切的圖不一定百分之百符合我們的需求，所以我一直都覺得這是頁面仔必須要...

一起來實現圖片滾動懶加載 - 掘金
圖片一直是網絡資源占用大戶，對于一個前端有幾百張圖片的網站來說，如果首屏即加載所有圖片（無論這些圖片有沒有被用戶看到），那無疑是既浪費網絡資源，又傷害用戶體驗的事。因此，圖片懶加載，是提高前端性能的剛需所在。 目前，淘寶網、知乎等大流量網站都已經使用了圖片滾動...

改造你的網站，變身 PWA - 掘金
最近有很多關于 Progressive Web Apps（PWAs）的消息，很多人都在問這是不是（移動）web 的未來。我不想陷入native app 和 PWA 的紛爭，但是有一件事是確定的 --- PWA極大的提升了移動端表現，改善了用戶體驗。 好消息是...

單頁應用 - Token 驗證 - 掘金
第一次接觸單頁應用,記錄公司項目關于Token驗證知識. Token的工作原理 Token工作原理 1. 登錄時候,客戶端通過用戶名與密碼請求登錄 2. 服務端收到請求區驗證用戶名與密碼 3. 驗證通過,服務端會簽發一個Token,再把這個Token發給客戶端...

平時自己項目中用到的 CSS - 掘金
css有些屬性容易忘記，半天不寫就要去查api，有時候api還不好使，于是還是記下來以后方便用，后續會慢慢補充進來的。 Github: https://github.com/asd0102433...博客長期更新，喜歡的朋友star一下 outline...

前端學習計算機圖形學 - 前端 - 掘金
序 來自vczh某計算機圖形學問題的回答: 程序員的三大浪漫：操作系統、圖形學、編譯原理，學了都是用來給你開眼界的。這些都不是什么你不學就怎么樣的課程，而是你想成為大牛，不學不行=_,= Web前端技術中和圖形學掛鉤的大致是CSS3的動畫變換、SV...

線條之美，玩轉 SVG 線條動畫 - 前端 - 掘金
通常來說web前端實現動畫效果主要通過下面幾種方案： css動畫；利用css3的樣式效果可以將dom元素做出動畫的效果來。 canvas動畫；利用canvas提供的API，然后利用清除-渲染這樣一幀一幀的做出動畫效果。 svg動畫；同...

Ajax 知識體系大梳理 - 掘金
這是一篇萬字長文, 系統梳理了ajax相關的知識體系, 幾乎囊括了所有ajax的知識點. 原文: http://louiszhai.github.io/20... 導讀 Ajax 全稱 Asynchronous JavaScript an...