好棒的前端文章 - 收藏集 - 掘金

你應該知道的 4 種 JavaScript 設計模式 - 前端 - 掘金
每位開發者都努力寫出可維護的、易讀的、可複用的代碼。隨着應用變得愈來愈大，代碼的結構也愈來愈重要。設計模式驗證瞭解決這個挑戰的重點——在特定環境中，對同類事物提供相同的組織結構。 JavaScri...

前端每週清單第 6 期：Angular 4.0 學習資源，Egg.js 1.0 發佈，六問 CTO 程序員如何成長 - 知乎專欄 - 前端 - 掘金
新聞熱點 國內國外，前端最新動態 《Angular 4.0.0 發佈》：今日 Angular 團隊宣佈發佈 4.0.0 版本，該版本可以向後兼容絕大部分 2.x.x 應用。在 4.0.0 中，帶來的主要改變包括應用更小而且速度更快、...

平時本身項目中用到的 CSS - 掘金
css有些屬性容易忘記，半天不寫就要去查api，有時候api還很差使，因而仍是記下來之後方便用，後續會慢慢補充進來的。 Github: https://github.com/asd0102433...博客長期更新，喜歡的朋友star一下 outline...

【譯】2017 年 3 月：15 個有趣的 JS 和 CSS 庫 - 前端 - 掘金
咱們創辦 Tutorialzine 的使命是讓你及時的瞭解 Web 開發中最新、最酷的趨勢。因此，每月咱們都會發布一些精心挑選的優秀 Web 開發資源，同時咱們也相信，它們值得你的關注。 1. PropellerPro...

高效地使用你的 IntelliJ - Android - 掘金
高效地使用你的 IntelliJ 這個世界上，有些人是奧義·真·懶，他們懶得折騰一切，甚至懶得活，因此他們不會看到這篇文章的。還有些人是奧義·嘴上說的·懶，這些人有個特色，懶到什麼事兒都要弄個工具，因而人類社會就這麼被一點兒一點兒推進着前進了。看到這篇文章的大...

vim 給代碼行尾加分號的幾種方法 - 工具資源 - 掘金
給下面的代碼每一行行尾加入分號，有幾種方法呢？ var foo = 'aotu' var bar = 'is a team' var foobar = foo + bar 方法一，使用點操做符 ...

當 Java 碰見了 Html--Servlet 篇 - 後端 - 掘金
1、什麼是servlet servlet是在服務器上運行的小程序。一個servlet就是一個 java類，而且經過「請求-響應」編程模型來訪問的這個駐留在服務器內存裏的程序。 繼承關係： servlet(interface)->init(),servic...

50 本前端書籍整理，高清 PDF - 前端 - 掘金
發現了一個下載前端書籍的地方，分享給你們。...

前端實踐 - 1. 文本編輯器 Atom + 瀏覽器實時同步工具 BrowserSync - 前端 - 掘金

1. 簡介 Atom做爲Github開源的一款文本編...

教你如何搭建一個超完美的 React.js 服務端渲染開發環境 - 前端 - 掘金
Github地址: https://github.com/chikara-ch... 目錄 ...

深刻認識 Document - 前端 - 掘金
前端開發中或多或少都要對DOM進行一些操做，好比咱們經常使用的一些方法：document.getElementById("");document.querySelectorAll("");document.getElementsByClassName();docu...

JavaScript30 中文指南 - 03 JS 動態更新 CSS - 前端 - 掘金
做者：©緝熙Soyaine 簡介：JavaScript30 是 Wes Bos 推出的一個 30 天挑戰。項目免費提供了 30 個視頻教程、30 個挑戰的起始文檔和 30 個挑戰解決方案源代碼。目的是幫助人們用純 JavaScript 來寫東西，不借助框架和庫...

AlloyTouch 實戰 --60 行代碼搞定 QQ 看點資料卡 - 掘金
原文連接：https://github.com/AlloyTeam/... 先驗貨 訪問DEMO你也能夠點擊這裏 源代碼能夠點擊這裏 如你體驗所見，流程的滾動的同時還能支持頭部的動畫？不斷地加載新數據還能作到流暢的...

javascript 之 - 深刻事件機制 - 前端 - 掘金
1.1 事件綁定的方式 原生js的事件綁定方式有幾種？想必有不少朋友說3種！ 目前，在本人目前的研究中，只有兩種半！兩種半？還有半種的？且聽我道來。 估計你們所認爲的三種大概是以下三種： // 第一種：直接綁定在dom上 <div onc...

《JS 闖關記》之垃圾回收和內存管理 - 前端 - 掘金
題圖來源：Zoommy，受權基於：CC0協議。 JavaScript 具備自動垃圾收集機制（GC：Garbage Collecation），也就是說，執行環境會負責管理代碼執行過程當中使用的內存。而在 C 和 C++ 之類的語...

HTTP 圖解 - 前端 - 掘金
本節內容 俗話說好的開發，底層知識必須過硬，否則再創新的技術，你也理解不深刻，好比Python web開發工程師，想要學習任何一個框架，底層都是http和socket，底層抓牢了，學起來會很輕鬆，...

jsonp 是什麼 - 乾貨 - 前端 - 掘金
1、JSONP的誕生 首先，由於ajax沒法跨域，而後開發者就有所思考 ...

Javascript 正則一篇入門，不入魂 - 前端 - 掘金
這裏不會對正則的背景進行介紹，將直接對正則的使用進行講解。 注意：有一些文章和書本可能爲了讓正則表達式看起來不那麼密密麻麻，而在正則表達式里加了空格隔開，例如/(w+)s(w+)/,這個表達式能夠匹配Hello RegExp，但有的文章和書本里...

bttn.css - 前端 - 掘金
Awesome buttons for awesome projects!...

Chrome DevTools 官方文檔 – 鍵盤和 UI 快捷鍵參考 - 前端 - 掘金
原文已經修改，只剩鍵盤快捷鍵，譯文暫不修改。 Chrome DevTools有幾個內置的快捷鍵，能夠節省你的平常工做的時間。 本指南提供了Chrome DevTools中每一個快捷鍵的快速參考。雖然一些快捷方式在全局範圍內可用，但其餘的快捷方式用於特定的某些...

Web Storage--HTML5 本地存儲 - 前端 - 掘金
什麼是Web Storage Web Storage是HTML5裏面引入的一個相似於cookie的本地存儲功能，能夠用於客戶端的本地存儲，其相對於cookie來講有如下幾點優點： ...

手把手教你實現 Google 拓展插件 - 前端 - 掘金
平時常用 Google 瀏覽器拓展插件，本次實驗將帶你打造屬於本身的 Google 瀏覽器擴展，實現的功能爲列表清單。學習該實驗須要掌握基本的 Web 開發知識，以及可以看懂基本的 Angular 語法。 本項目的完整教程及在線練習地址：手把手教你...

正則表達式實踐篇 - 前端 - 掘金
實踐一下，才記得住雜七雜八的真知啊~...

原生 js 開發，無依賴、輕量級的現代瀏覽器圖片懶加載插件 - 前端 - 掘金
安裝 npm install lazy-load-img --save 優點 1.原生js開發，不依賴任何框架或庫 2.支持將各類寬高不一致的圖片，自動剪切成默認圖片的寬高 好比說你的默認圖片是一張正方形的圖片，則各類寬度高...

Vue 的 2016 年總結（中文版） - 前端 - 掘金
如今已是2016的尾聲了！在這過去的12個月裏，Vue的持續增加速度已經超過了個人預期--這個項目已經從一個相對較小的小框架成長起來，如今已經被用來和這個領域最出名的框架相比較。讓咱們看看都發生了什麼吧！ ...

個人 2016：從野路子到正規軍的前端養成記 - 前端 - 掘金
2016年終於進入尾聲啦，恰好也趁着@segmentfault社區舉辦的《回顧 2016，你都收穫了什麼？》活動，好好回顧一下個人2016年。 2016年發生的事情很是多，仍是以時間爲線索慢慢寫起吧 ...

【譯】2016 年 50 個最佳的輕量級 JavaScript 框架和庫 - 前端 - 掘金回顧今年已發佈的 JS 框架和庫，咱們針對地篩選了一些可以提供直接和具體功能的免費 JavaScript 插件和庫，與你們分享。它們可不是臃腫的一站式框架，而是一些輕量級，並可以幫助你更快、更容易地進行網頁設計與開發的實用型框架。 正如你指望的，文中的...