前端基礎知識 - 收藏集 - 掘金

破解前端面試（80% 應聘者不及格系列）：從 DOM 提及 - 掘金
共 7384 字，讀完需 10 分鐘。本文爲《破解前端面試（80% 應聘者不及格系列）》文章的第二篇，包含 DOM、Event、瀏覽器端優化、數據結構和算法功底的考察。可能有同窗會問 DOM 有什麼好聊的，不就是節點的各類操做麼？DOM 是網頁構建的基石，熟練...

找不到網易雲音樂的開放 API ，跟蟹棒一塊兒寫一個嗎？ - 前端 - 掘金
說來慚愧，距離蟹棒在簡書發表第一篇文章已經時隔兩月，蟹棒一直沒有要寫什麼博客的題材，也再一次的讓蟹棒爲本身肚子裏丁點的墨水發愁，蟹棒的寫做與思考功力還需修煉，勤奮才能修得正果 ! 致謝 ...

2017 百度前端技術學院 - 自定義右鍵菜單 - 前端 - 掘金
轉載自：http://www.jianshu.com/p/7314... 效果預覽 ...

拋物線動畫（仿餓了麼 APP 添加到購物車動畫） - 前端 - 掘金
這也是近期移動端項目中的一個需求，就一句話，作一個餓了麼添加到購物車的動畫效果。好的吧，那效果我貌似還記得，就是一個彈動的小球，點擊商品下方的 + 出現一個小球跳動到左下角的購物車中去。這個過程跟跳水運動很類似，運動員利用跳板的彈性，向上跳躍一小段距離，而後再...

完美解決 fixed 在手機端的 bug - 前端 - 掘金
1、帶input的fixed在ios下失效 在ios下，一個頁面若是有fixed浮層，而且浮層裏面有input，那麼當input focused的時候，fiexed層的位置就會錯亂。 ...

畫隨音動！Web Audio API 入門（四） - 前端 - 掘金
此次介紹解析音源並可視化的方法。 原文連接 : 音にあわせて畫面が変化！続々々「WebAudioAPI」入門 原文做者 : つっちー ...

延遲加載 (Lazyload) 三種實現方式 - 前端 - 掘金
定義：延遲加載也稱爲惰性加載，即在長網頁中延遲加載圖像。用戶滾動到它們以前，視口外的圖像不會加載。這與圖像預加載相反，在長網頁上使用延遲加載將使網頁加載更快。在某些狀況下，它還能夠幫助減小服務器負載。 舉個例子來講明，當打開淘寶首頁的時候，只有在瀏覽器窗口裏的...

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

30 分鐘學會 Flex 佈局 - 前端 - 掘金
爲何我要寫這一篇關於 Flex 佈局的教程？ 由於它十分簡單靈活，區區簡單幾行代碼就能夠實現各類頁面的的佈局，之前我在學習頁面佈局的時候我深受其 float、display、position 這些屬性的困擾。然而學習 Flex 佈局，你只要學習幾個 ...

HTML 大文件上傳 - 前端 - 掘金
文件上傳已經是老生常談了。文件上傳，原始的方法有： form表單提交。 經過iframe+form表單進行模擬異步上傳。 因爲Http協議的限制，在處理大文件上傳會存在超時的現象。在舊的瀏覽器中是沒法讀...

Understanding ECMAScript 6 中文版（可下載電子書） - 前端 - 掘金
點擊下載《Understanding ECMAScript 6》中文版電子書 關於 原書《Understanding ECMAScript 6》，做者 Nicholas C. Zakas ，在線閱讀地址。此外做者本人爲此書也在 github 上...

毫無節操地理解 js 的做用域、閉包 - 前端 - 掘金
今天在水羣時發現有小夥伴又拿出了這樣的代碼： function a(){ function b(){ c = 1; } } 而後問c是誰的。。。我一看，誒呀我擦，這又不是做用域的問題嗎？...

前端疲勞 - 前端 - 掘金
前端圖譜圖片源自Jeff Pelletier的博文: The Front-End Spectrum，我進行了漢化。。。博文地址：https://medium.com/@withinsig...

個人 web 前端面試經歷 - 百度 - 前端 - 掘金
博主就讀於電子科技大學，大三狗一枚！面試是個漫長的過程，從海投到收穫電話面試，一面、二面、三面，一個步驟出錯那麼後面就宣了結結。同時，面試過程當中你也可能會遇到一些面試官的刁難，甚至部分面試官會說些比較打擊你的話，可是大部分面試官都是很棒的！ 面試前的準備基礎知...

monorepo 新浪潮 - 前端 - 掘金
前紀： 大概在 16 年初經過 babel 瞭解到了 lerna，同時也首次聽到了 monorepo 這個概念。當時測試後的結果是，lerna 很是不穩定因此那會兒並無使用。時隔近一年，在最近嘗試中感受各方面都作的不錯了，因此已經開始在項目內使用。大概 go...

Hybrid App 開發 Cordova 框架實踐——Android 篇 - 前端 - 掘金
記錄下來以便未來看看如今的本身 公司一直沒有IOS和安卓開發的人員，昨天在公司吃早餐的時候偶然接到App開發的需求，鑑於網上超級多的技術可讓前端玩轉App，其中比較不錯的是React Na...

深刻理解 ES7 的 async/await - 前端 - 掘金
在最開始學習ES6的Promise時，曾寫過一篇博文《promise和co搭配生成器函數方式解決js代碼異步流程的比較》，文章中對比了使用Promise和co模塊搭配生成器函數解決js異步的異同。 在文章末尾，提到了ES7的async和await，只是當時只是...

webpack 很不錯的中文文檔 - 前端 - 掘金
webpack 是一個現代的 JavaScript 應用模塊打包器(module bundler)。它有着難以置信的配置，然而，咱們認爲你必須在開始前先了解 4 個核心概念！ 做爲您的 webpack 學習旅程的一部分，咱們寫這篇文檔目的在於向你傳遞這些概念的...

爲何小程序能適配不一樣機型？由於微信作了這個 - 閱讀 - 掘金
關注知曉程序（微信號 zxcx0101），讓你知道小程序的一切。咱們都知道，小程序是一個跨系統的平臺。這就意味着，小程序會在不一樣的設備上運行，但不一樣設備的分辨率會有差別。在小程序中，如何在分辨率不一樣的設備上保證視覺元素的正常顯示？這就須要名爲 rpx 的動態尺...

logline: 是時候聊一聊前端的日誌了 - 前端 - 掘金
從事Web前端同窗對此確定深有體會，代碼發出去以後，猶如脫繮的野馬，運行在萬千的客戶終端上，等到產品和後臺反饋問題到咱們這邊，不少時候定位問題只能靠猜，尤爲是一些偶發誘因，由於根本不知道用戶是如何操做的，真實環境遇到的問題一般是不少隨機因素疊加的造成的，所以很...

聊聊 Web 上傳 - 前端 - 掘金表單提交上傳 iframe表單提交上傳 flash上傳 h5上傳—xhr2上傳（h5中規定的xhr2，也可稱之ajax上傳） h5上傳—websocket上傳 1995年十一月在RFC 1866中第一次出現了form標籤，在其中還出現了不少其餘的標籤也一直使...