前端大雜燴 - 收藏集 - 掘金

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

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

前端常見算法的 JS 實現 - 前端 - 掘金
原文連接 排序算法 一、冒泡排序 function bubbleSort(arr){ var i = j = 0; for(i=1; i<arr.length; 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.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 默...

關於表單你須要知道的 - 前端 - 掘金

1. 關於文件輸入控件 使用文件輸入控件能夠瀏覽本地網絡的一個文件，以上傳到網站。好比下面這段代碼 <input type="file" name="file"> 上傳一個文件並無什...

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頁面窗口自動調整到設備寬度，並禁止用戶縮放頁面 //1、HTML頁面結構...

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

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

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