摘要：前端切圖神器前端掘金安裝前端的基礎(chǔ)工作就是把設(shè)計師的設(shè)計稿還原成前端頁面，所以切圖是作為一個前端的基本技能。

騰訊 Web 工程師的前端書單 - 閱讀 - 掘金
作者：link 2014年一月以來，自己接觸web前端開發(fā)已經(jīng)兩年多了，記錄一下自己前端學(xué)習(xí)路上看過的，以及道聽途說的一些書，基本上按照由淺入深來介紹。 JavaScript 入門 《JavaScript權(quán)威指南（第六版）》 ★★★★★ 淘寶前端團(tuán)隊翻譯的...

SDC 一個可以通過拖放 SVG 圖標(biāo)，來生成擁有樹形結(jié)構(gòu)的視圖與相應(yīng)數(shù)據(jù)的前端組件 - 前端 - 掘金
SDT 是什么？ SDT 是 SVG Drag Tree 的縮寫，一個可以通過拖放 SVG 圖標(biāo)，來生成擁有樹形結(jié)構(gòu)的視圖與相應(yīng)數(shù)據(jù)的前端組件。該組件不依賴任何其它庫或框架，同時在樣式上留給了用戶極大的自由（因此，示例并不代表其最終樣式（例如連線可以設(shè)...

前端面試季 - 12家公司面試題全揭秘 - 掘金
0.前言 注意：若文章中發(fā)現(xiàn)有圖片未能正常加載，請移步其他地址查閱。 作者的簡書 作者的CSDN 上一次給大家分享了一下近期的面試和面試題，發(fā)現(xiàn)很多小伙伴還是比較感興趣的。 所以這次我又整理了一批面試題，來跟大家分享一下。 本文由 李鵬（MR_LP）...

前端工程與性能優(yōu)化 - 前端 - 掘金
每個參與過開發(fā)企業(yè)級web應(yīng)用的前端工程師或許都曾思考過前端性能優(yōu)化方面的問題。我們有雅虎14條性能優(yōu)化原則，還有兩本很經(jīng)典的性能優(yōu)化指導(dǎo)書：《高性能網(wǎng)站建設(shè)指南》、《高性能網(wǎng)站建設(shè)進(jìn)階指南》。經(jīng)驗豐富的工程師對于前端性能優(yōu)化方法耳濡目染，基本都能一一列舉出來...

滴滴 webapp 5.0 Vue 2.0 重構(gòu)經(jīng)驗分享 - 掘金
作者：滴滴公共前端 黃軼 項目背景 滴滴的 webapp 是運(yùn)行在微信、支付寶、手 Q 以及其它第三方渠道的打車軟件。借著產(chǎn)品層面的功能和視覺升級，我們用 Vue 2.0 對它進(jìn)行了一次技術(shù)重構(gòu)。 技術(shù)棧 MVVM框架： Vue 2.0源碼：es6代碼風(fēng)格檢查...

扎心了，老鐵！Node.js 福利圖爬蟲程序 - 后端 - 掘金
那天晚上，打完LOL后，電腦右下角彈出了一個小框:"超越完美比例的誘惑 LOL大尺度同人手繪" 。點(diǎn)開網(wǎng)站后不僅有二次元，還有三次元和Cosplay，年輕氣盛氣血方剛的我大呼過癮，一口氣看了十幾個圖冊后，我覺得一頁只能看一張老是要點(diǎn)下一頁然后網(wǎng)頁重新渲染再下一...

用 65 行代碼實(shí)現(xiàn) JavaScript 動畫序列播放 - 前端 - 掘金
最近在給學(xué)生上課，上周六的第一堂課是關(guān)于 JavaScript 動畫的內(nèi)容，其中包括一些簡單的動畫，比如勻速或者勻加/減速的運(yùn)動，也包括復(fù)雜一些的組合動畫。而動畫的基本原理，在我之前的文章已經(jīng)有了詳細(xì)的介紹。在這里，我想談一談的是，我們可以如何針對現(xiàn)代瀏覽器設(shè)...

前端開發(fā)中像素的概念 - 前端 - 掘金
前端開發(fā)中像素的概念 最近在美柚實(shí)習(xí),第一次正式接觸到設(shè)計師的設(shè)計稿.我相信很多剛涉及移動端設(shè)計與開發(fā)的同學(xué)基本上會在前端開發(fā)中的像素問題上糾結(jié)很久，所以寫下這篇筆記，便于自己日后翻閱。如果有啥理解上的錯誤，歡迎大家指正~ 何為像素 我們看到所顯示...

籠統(tǒng)的前端 - 前端 - 掘金
核心 Core HTML(HTML5) CSS(CSS3) JavaScript jQuery ES6 ...

如何通過餓了么 Node.js 面試 - 后端 - 掘金
Hi, 歡迎來到 ElemeFE, 如標(biāo)題所示本教程的目的是教你如何通過餓了么大前端的面試, 職位是 2~3 年經(jīng)驗的 Node.js 服務(wù)端程序員, 如果你對這個職位感興趣或者學(xué)習(xí) Node.js 一些進(jìn)階的內(nèi)容, 那么歡迎閱讀. ...

也許是史上最全的前端資源大匯總 - 前端 - 掘金
1.前言 最近有很多朋友問我有沒有相關(guān)的書籍推薦，希望能夠自學(xué)一下前端。 正好最近在查閱文章的時候，發(fā)現(xiàn)有朋友已經(jīng)進(jìn)行過總結(jié)。 經(jīng)過溝通和“行賄”?，終于取得轉(zhuǎn)載權(quán)利，在此感謝晚晴幽草的大力幫助。 作者將原素材文章進(jìn)行了新內(nèi)容的添加和重新排列，但是因為文章...

JavaScript 經(jīng)典的難點(diǎn)與重點(diǎn) - 前端 - 掘金
LazyMan 實(shí)現(xiàn)LazyMan（什么是LazyMan？請自行g(shù)oogle） ...

docsify 3.0 - 神奇的文檔生成工具，無需編譯靜態(tài)文件支持離線模式 - 前端 - 掘金
docsify 一個神奇的文檔網(wǎng)站生成工具 是什么 docsify 是一個動態(tài)生成文檔網(wǎng)站的工具。不同于 GitBook、Hexo 的地方是它不會生成將 .md 轉(zhuǎn)成 .html 文件，所有轉(zhuǎn)換工作都是在運(yùn)行...

觀點(diǎn) | 2017 年前端初學(xué)者的生存指南 - 前端 - 掘金
逝者如斯夫，不舍晝夜。 歷史在向前發(fā)展，前端的“摩爾定律”是每隔18個月難度會上升一次，過去的2016年我們不再回顧，展望2017年，對于初學(xué)者想要生存下來，該怎么辦？如果你有這個疑問，那么你就得好好閱讀一下，我這篇文章了。 數(shù)據(jù)不準(zhǔn)，2017年2月19...

成為專業(yè)程序員路上用到的各種優(yōu)秀資料、神器及框架 - 工具資源 - 掘金
成為一名專業(yè)程序員的道路上，需要堅持練習(xí)、學(xué)習(xí)與積累，技術(shù)方面既要有一定的廣度，更要有自己的深度。 筆者作為一位tool mad，將工作以來用到的各種優(yōu)秀資料、神器及框架整理在此，畢竟好記性不如爛鍵盤，此...

極客學(xué)院前端練習(xí)題 - 前端 - 掘金
此內(nèi)容是參考Github上這個位置的信息的總結(jié)，前端學(xué)習(xí)的作業(yè)是在課程13中按照作業(yè)的要求上傳到Github上開源的，如果涉及侵權(quán)請及時聯(lián)系我，我會移除此信息，詳細(xì)的內(nèi)容請參考上面的連接。 ...

前端切圖神器 avocode - 前端 - 掘金
安裝avocode 前端的基礎(chǔ)工作就是把設(shè)計師的設(shè)計稿還原成前端頁面，所以切圖是作為一個前端的基本技能。殺敵要有趁手的兵器，而前端一般都是用photoshop,但是這個兵器非常笨重，可能當(dāng)你笨拙的揮動的它時，敵人已經(jīng)揮刀到你的頸部了。畢...

這個項目碉堡了 - 掘金
新年第一天上班，沒想到就立春了，俗話說，一年之計在于春，全新的 17 年開始啦，來，收拾下心情，投入到工作中，擼起袖子，就是干！ 就在前幾天，Airbnb 開源了一個項目叫做 Lottie，我個人覺得這個項目簡直碉堡了！ 動畫相信大家都不陌生，在 App 開發(fā)...

TGideas 小程序的開發(fā)流程扯談 -- 騰訊游戲官方設(shè)計團(tuán)隊 - 前端 - 掘金
首先祝伙伴們新年快樂！ 接下來進(jìn)入正題。 作為TGIDEAS里的技術(shù)研發(fā)團(tuán)隊，我們跟其他的技術(shù)團(tuán)隊一樣對新技術(shù)、新業(yè)務(wù)形態(tài)時刻關(guān)注，面對新的應(yīng)用形態(tài)，團(tuán)隊結(jié)合實(shí)際業(yè)務(wù)，趕在年前發(fā)布了以下四款小程序...

CHROME 開發(fā)者工具的小技巧 - 前端 - 掘金
Chrome的開發(fā)者工具是個很強(qiáng)大的東西，相信程序員們都不會陌生，不過有些小功能可能并不為大眾所知，所以，寫下這篇文章羅列一下可能你所不知道的功能，有的功能可能會比較實(shí)用，有的則不一定，也歡迎大家補(bǔ)充交流。 ...

我是如何開發(fā)公司年會抽獎系統(tǒng)的？ - 后端 - 掘金
需求出現(xiàn) 年會將近，而年會抽獎環(huán)節(jié)必不可少，但是抽獎系統(tǒng)卻還沒有。所以某一天，PM走過來說：小伙，手頭的需求修完成了吧！在年會開始之前必須做出一個抽獎系統(tǒng)。這個系統(tǒng)很簡單，后臺可以設(shè)置總金額，然后每個用戶可以獲得的金額范圍，金額...