摘要：并嘗試用為什么你統(tǒng)計的方式是錯的掘金翻譯自工程師的文章。正如你期望的，文中的前端開發(fā)單一職責(zé)原則前端掘金單一職責(zé)原則又稱單一功能原則，面向?qū)ο笪鍌€基本原則之一。

單頁式應(yīng)用性能優(yōu)化 - 首屏數(shù)據(jù)漸進(jìn)式預(yù)加載 - 前端 - 掘金
前言 針對首頁和部分頁面打開速度慢的問題，我們開始對單頁式應(yīng)用性能進(jìn)行優(yōu)化。本文介紹其中一個方案：基于 HTTP Chunk 的首屏數(shù)據(jù)漸進(jìn)式預(yù)加載方案，該方案總體減少了單頁應(yīng)用1.2s的首屏呈現(xiàn)時間。同時對比其與同構(gòu)渲染方案的異同。 注：原文為百度SSP單頁...

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

關(guān)于數(shù)組亂序的深挖——“感覺一直在寫毒代碼” - 掘金
最近看了一篇非常有趣的文章：關(guān)于JavaScript的數(shù)組隨機(jī)排序，其作者為oldj前輩。文中指出我們用來“將一個數(shù)組隨機(jī)排序”的經(jīng)典寫法所存在的問題，獲益匪淺。 本文將以更加詳盡的材料和更多樣的code demo進(jìn)行闡述。并嘗試用“Fisher–Yates ...

為什么你統(tǒng)計 PV 的方式是錯的？ - 掘金
翻譯自 Google 工程師 Philip Walton 的文章。共 3754 字，讀完需 7 分鐘。合格的工程師要能認(rèn)識到數(shù)據(jù)和功能一樣重要，因為準(zhǔn)確的數(shù)據(jù)收集是產(chǎn)品迭代、市場營銷的決策基礎(chǔ)。本文會幫你剖析為什么你常用的統(tǒng)計方式是錯的？然后給出可行的解決方案...

JS 進(jìn)階篇: 這可能是關(guān)于閉包最好的一篇文章 - 前端 - 掘金
原諒我把標(biāo)題起的像搞個大新聞的樣子~ 每次下午打完球之后，晚上的學(xué)習(xí)總是提不起什么精神，趁著看不下新知識的空，把前兩天總結(jié)的知識發(fā)出來給大家參考參考，挺多是摘抄的，也有一些是自己寫的，如果有什么錯誤的，敬請指正！ ...

從入門到成為前端高手（上篇）—— Jonathan - 前端 - 掘金
By @jonathanzwhite 版權(quán)申明：此文章首發(fā)于公眾號程序員在深圳，搜索 studycode 即可關(guān)注本文無需授權(quán)即可轉(zhuǎn)載，轉(zhuǎn)載時請務(wù)必注明作者 ...

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

2016 年崛起的 JS 項目 - 掘金
本文是我對中文版 risingstars2016 的整理，而本人就是中文版的譯者，首發(fā)于知乎專欄 前端周刊。共 21384 字，讀完需 30 分鐘，速讀需 5 分鐘。長江后浪推前浪，如果你能花 30 分鐘讀完我 6 個小時翻譯的內(nèi)容，相信你不會...

OpenDoc - 面試官行為規(guī)范 - 掘金
目標(biāo)對候選人：候選人充分發(fā)揮個人能力，過程愉悅候選人對團(tuán)隊建立起專業(yè)、友善的印象候選人會對公司后續(xù)機(jī)會感興趣，并且會推薦更合適的朋友對團(tuán)隊內(nèi)部：統(tǒng)一行為規(guī)范對齊評價標(biāo)準(zhǔn)整體流程簡歷篩選（電話面試）Onsite技術(shù)面集體Review（加面，）二面，三面HR面試O...

OpenDoc - 前端簡歷評級標(biāo)準(zhǔn) - 掘金
OpenDoc我們將團(tuán)隊內(nèi)部的部分文檔經(jīng)過編輯共享出來，主要出于以下考慮：我們希望有志于加入團(tuán)隊的朋友能得到同等的信息，做好相應(yīng)的準(zhǔn)備團(tuán)隊的工作經(jīng)驗與方法的分享和技術(shù)分享一樣是有價值的聽取同行們的改進(jìn)建議整體介紹從工作意向、工作經(jīng)歷、教育經(jīng)歷、技術(shù)棧、基礎(chǔ)知識...

這里有超過20家的前端面試題，你確定不點進(jìn)來看看？ - 掘金

騰訊 2016 公司代碼報告前端開發(fā)總結(jié) - 前端 - 掘金
2016年騰訊公司代碼報告已經(jīng)正式發(fā)布，記錄下開發(fā)過程中遇到的問題，以及一些使用過的東西。查看請微信掃碼： 騰訊2016公司代碼報告前端篇 ...

前端優(yōu)化不完全指南 - 前端 - 掘金
篇幅可能有點長，我想先聊一聊閱讀的方式，我希望你閱讀的時候，能夠把我當(dāng)作你的競爭對手，你的夢想是超越我。你想超越我，就得了解我懂什么對吧，好，開始閱讀~ ~ 哈哈哈 ~ ~ ~ 歷時144000000毫秒出山的前端優(yōu)化篇，若你問我有什么感悟？那我告訴你，看到毫...

面向前端的 CDN 原理介紹 - 前端 - 掘金
內(nèi)容分發(fā)網(wǎng)絡(luò)（Content delivery network或Content distribution network，縮寫：CDN）是指一種通過互聯(lián)網(wǎng)互相連接的電腦網(wǎng)絡(luò)系統(tǒng)，利用最靠近每位用戶的服務(wù)器，更快、更可靠地將音樂、圖片、視頻、應(yīng)用程序及其他文件發(fā)...

新年新思路：ui-model - 前端 - 掘金
什么是ui-model？ 一句話：ui-model就是最精簡的前端交互邏輯。無論你使用什么框架，也無論這些交互控件的外觀如何，它們背后的交互邏輯其實都可以抽象到很少的幾個，而這些抽象的結(jié)果，就是ui-model。 舉個例子： 下列控件的交互邏輯有什么共同點？ ...

非著名程序員：微信小程序的開發(fā)與體驗之旅 - 前端 - 掘金
導(dǎo)語：在開始之前，先祝福大家新年快樂，祝福新的一年里工作順利，身體健康，闔家歡樂。不知道大家這個元旦假期過得怎么樣？反正我個人認(rèn)為我過得很充實。先是爬山，然后休息了一天，最后一天在家做了一個微信小程序練練手。有時候，假期編程也是一種陶冶情操的表現(xiàn)，畢竟編程是一...

看懂前端腳手架你需要這篇webpack - 掘金
it"s not webpack step by step（webpack2） 打個廣告，歡迎大家訂閱我司尚妝github博客，不定期干貨輸出哦。 分割webpack配置文件的多種方法 ###（一） 將你的配置信息寫到多個分散的文件中去，然后在執(zhí)行w...

JavaScript 原型中的哲學(xué)思想 - 掘金
歡迎來我的博客閱讀：「JavaScript 原型中的哲學(xué)思想」 記得當(dāng)年初試前端的時候，學(xué)習(xí)JavaScript過程中，原型問題一直讓我疑惑許久，那時候捧著那本著名的紅皮書，看到有關(guān)原型的講解時，總是心存疑慮。 當(dāng)在JavaScript世界中走過不少旅程之后...

值得前端開發(fā)者在 2017 學(xué)習(xí)的東西【譯】 - lotuc 的編程之路 - 知乎專欄 - 前端 - 掘金
原文：值得前端開發(fā)者2017學(xué)習(xí)的東西 由于前端技術(shù)更新步伐太快，我們花了大量時間嘗試各種新技術(shù)然后在網(wǎng)上撕逼。不是說這樣不對，只是我覺得咱們應(yīng)該慢下步伐，然后看看那些一直保持穩(wěn)定的經(jīng)典內(nèi)容：它們可能會大幅提升我們的工作效率，也能讓我們更好的理解不斷涌...

(譯) 2016 年 JavaScript 回顧 - 前端 - 掘金
取決于你的展望，2016也許是具有紀(jì)念意義的、奇怪的，有些歡欣鼓舞/可怕的一年。只專注于JavaScript可能和其他事件相比是無關(guān)緊要的，但它是每個web開發(fā)人員工作的生活中的一個巨大的部分。 JavaScript人氣持續(xù)爆發(fā)性增長。不是每個...

Mars - 騰訊移動 Web 前端知識庫 - 前端 - 掘金
面向億萬用戶級的移動端Web解決方案： 代碼結(jié)構(gòu)規(guī)范 字體設(shè)置最佳實踐 ...

2016 年收獲和成長 - 前端 - 掘金
如果想看技術(shù)相關(guān)的，下拉到后面的重頭戲就是了。 一個活動頁面 在15年末的時候，加入到羅輯思維，剛過來就接手了一個微信朋友圈要傳播的活動頁面，效果頁面大概和當(dāng)時錘子手機(jī)的活動頁面漂亮的不像實力派類似，不過不同的是，采用了Vuejs來寫，單頁面，...

年終盤點！2016 年 50 個最佳的輕量級 JavaScript 框架和庫 - 知乎專欄 ·「IT 技術(shù)分享」 - 前端 - 掘金
回顧今年已發(fā)布的 JS 框架和庫，我們針對地篩選了一些能夠提供直接和具體功能的免費 JavaScript 插件和庫，與大家分享。它們可不是臃腫的一站式框架，而是一些輕量級，并能夠幫助你更快、更容易地進(jìn)行網(wǎng)頁設(shè)計與開發(fā)的實用型框架。 正如你期望的，文中的...

前端開發(fā)單一職責(zé)原則 - 前端 - 掘金
單一職責(zé)原則（SRP：Single responsibility principle）又稱單一功能原則，面向?qū)ο笪鍌€基本原則（SOLID）之一。它規(guī)定一個類應(yīng)該只有一個發(fā)生變化的原因。 在前端開發(fā)的過程中，一個需求總會有多種解決方法，如果多人開發(fā)，其實我覺得...