摘要：作者將原素材文章進行了新內容的添加和重新排列，但是因為文章百度前端技術學院面向大學生的前端技術學習平臺前端掘金由百度創辦的免費前端技術學習實踐交流分享平臺。簡直是前端黑科技巧使你的更加專業前端掘金一個幫你提升技巧的收藏集。

神器！解放你的雙手——UI 設計稿全自動切圖和標注的一些工具推薦 - 前端 - 掘金
原文收錄在我的 GitHub博客 (https://github.com/jawil/blog) ，喜歡的可以關注最新動態，大家一起多交流學習，共同進步，以學習者的身份寫博客，記錄點滴。 工欲善其事，必先利其器。 前不久在 掘金 上看到一篇文章，前端 PS...

記錄一些前端的知識點 (一) - 前端 - 掘金
想學習前端或編程知識歡迎關注專欄：敲代碼，學編程 - 知乎專欄一、W3C 標準盒模型和 IE 盒模型區別：1. W3C 標準盒模型：盒子的高寬是由盒子的內容區僅由 width, height 決定的，不包含邊框，內外邊距。2. IE 盒模型：在 IE 盒模型中...

前端常見算法的 JS 實現 - 前端 - 掘金
原文鏈接 排序算法 1、冒泡排序 function bubbleSort(arr){ var i = j = 0; for(i=1; i

JS 調試常見報錯以及修復方法，快速定位，直中靶心 - 前端 - 掘金
原文《JavaScript Errors and How to Fix Them》作者：Jani Hartikainen翻譯：涂鴉碼農 JavaScript 調試是一場噩夢：首先給出的錯誤非常難以理解，其次給出的行號不總有幫助...

揭秘 jQuery - 前端 - 掘金
jQuery源碼分析 前言 有時候我在想jQuery為什么可以直接$操作，可以擁有比原生js更便利的DOM操作，而且只要你想就可以直接鏈式操作下去 核心框架 揭開一萬多行代碼的jQuery核心代碼： (function(window, undefined) {...

前端開發面試題總結之——JAVASCRIPT（一） - 前端 - 掘金
相關知識點 數據類型、運算、對象、function、繼承、閉包、作用域、原型鏈、事件、RegExp、JSON、Ajax、DOM、BOM、內存泄漏、跨域、異步加載、模板引擎、前端MVC、前端MVVM、路由、模塊化、Http、Canvas、...

JavaScript 常用 API 集合 - 前端 - 掘金
一、節點 1.1 節點屬性 Node.nodeName //返回節點名稱，只讀 Node.nodeType //返回節點類型的常數值，只讀 Node.nodeValue //返回Text或Comment節點的文本值，只讀 Node.textConte...

獻給前端求職路上的你們（上） - 前端 - 掘金
在放大鏡中尋找你 前言 我是一名前端開發，從2016年6月畢業到如今步入工作，期間也面試了一些公司，參考過一些面試文檔，學習了一些面試寶典，掌握了一些面...

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

百度前端技術學院 － 面向大學生的前端技術學習平臺 - 前端 - 掘金
由百度創辦的免費前端技術學習實踐、交流、分享平臺。百度竟然干了件良心事兒...

(譯) 無盡滾動的復雜度 -- 來自 Google 大神的拆解 - 掘金
原文地址：https://developers.google.com...原文作者：Surma譯者：王芃 摘要: 重用你的DOM元素以及刪除那些遠離可視范圍的元素。為延遲顯示的元素使用占位...

前端高手必備技能：如何在 chrome 開發者工具中觀察函數調用棧、作用域鏈與閉包 - 前端 - 掘金
配圖與本文無關 在前端開發中，有一個非常重要的技能，叫做斷點調試。 在chrome的開發者工具中，通過斷點調試，我們能夠非常方便的一步一步的觀察JavaScript的執行過程，直觀感知函...

瀏覽器，加載，解析，渲染 - 前端 - 掘金
昨天為了 了解瀏覽器是怎么處理（.html、.css、.js）這些文件，我看了網上的好多資料，這好多資料中，有很多是通過轉載、或是轉載后加之自己的理解，但是因為自己對專業的詞匯理解不好，還有一些作者將不同瀏覽器的處理過程混著說，總之，看完了，還是有很多疑慮的地...

圖解 Flexbox - 前端 - 掘金
圖解 Flexbox 本文圖片、部分翻譯來自原文 How Flexbox works — explained with big, colorful, animated gifs 屬性#1 display: flex 示例如下 上面4個 div 默...

關于表單你需要知道的 - 前端 - 掘金

關于文件輸入控件 使用文件輸入控件可以瀏覽本地網絡的一個文件，以上傳到網站。比如下面這段代碼 上傳一個文件并沒有什...

200 行代碼實現 web 在線聊天室 (websocket) - 前端 - 掘金
項目介紹 基于websocket的一個簡單的聊天室 技術棧 express+socket.io+animate.css+angular關于websocket不了解的點我,而socket.io是對webs...

pointer-events，一個神奇的 css 屬性 - 前端 - 掘金
搞前端的朋友們應該聽說過這個屬性吧。每年圣誕節的時候，許多網頁上都會掛出一個雪花飄落的特效增加一些節日氣氛。有一些是用flash實現的，也有用HTML+js實現的。當時就很好奇為何在頁面z軸最上層增加了一個層卻完全不會影響下面元素的任何事件響應。簡直是前端黑科...

CSS 技巧：使你的 CSS 更加專業 - 前端 - 掘金
一個幫你提升 CSS 技巧的收藏集。 對于其他收藏集合可以查看 @sindresorhus 創建的收藏集合 Awesome Lists. 目錄 專業技巧 支...

前端基礎進階：詳細圖解，徹底搞懂閉包與作用域鏈 - 前端 - 掘金
攻克閉包難題 初學JavaScript的時候，我在學習閉包上，走了很多彎路。而這次重新回過頭來對基礎知識進行梳理，要講清楚閉包，也是一個非常大的挑戰。 閉包有多重...

【福利】成為專業程序員路上用到的各種優秀資料、神器及框架 - 工具資源 - 掘金
本文是鄙人工作這幾年隨手收集整理的一些自認為還不錯的資料，成長的道理上需要積累，這么長時間了，是時候放出來分享下了，或許能幫助到你。 歡迎點贊，讓更多人看到，讓福利普照。 因為本文以后不會更新，但項目依舊會更新。 所以，更好的做法是，請...

口口相傳的 JS 的面相對象的封裝與繼承 - 前端 - 掘金
以前讀書上java課的時候 天天要面向對象 然后我還記得 老師說去面試一定會被問面向對象的問題 然而 至今為止 我也就遇到一個人問過我這個問題 However 我一直也就待在一家公司里 面向對象語言的要求 一種面向對象語言需要向開發者提供四種基本能力：...

H5 項目常見問題匯總及解決方案 - 前端 - 掘金
轉自?https://github.com/FrontEndZQ... H5項目常見問題及注意事項 Meta基礎知識： H5頁面窗口自動調整到設備寬度，并禁止用戶縮放頁面 //一、HTML頁面結構...

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

詳解 CSS 居中布局技巧 - 前端 - 掘金
水平居中元素： 通用方法，元素的寬高未知 方式一：CSS3 transform .parent { position: relative; } .child { position: absolute...

詳解 CSS 七種三欄布局技巧 - 前端 - 掘金
三欄布局，顧名思義就是兩邊固定，中間自適應。三欄布局在開發十分常見，那么什么是三欄布局？比如我打開某東的首頁： 映入眼簾的就是一個常見的三欄布局：即左邊商品導航和右邊導航固定寬度，中間的主要內容隨瀏覽器寬度自適應。 下面圍繞的這樣的目的，即左右...