JavaScript 實現點選按鈕複製指定區域文字
html5 的 webAPI 介面可以很輕鬆的使用短短的幾行程式碼就實現點選按鈕複製區域文字的功能，不需要依賴 flash。
JavaScript深入之繼承的多種方式和優缺點
JavaScript深入系列第十五篇，講解JavaScript各種繼承方式和優缺點。 寫在前面 本文講解JavaScript各種繼承方式和優缺點。 但是注意： 這篇文章更像是筆記，哎，再讓我感嘆一句：《JavaScript高階程式設計》寫得真是太好了！ 1.原型鏈繼承 func…
瞭解真實的『REM』手機螢幕適配
rem 的官方定義『The font size of the root element.』，即以根節點的字型大小作為基準值進行長度計算。一般認為網頁中的根節點是 html 元素，所以採用的方式也是通過設定 html 元素的 font-size 來做螢幕適配，但實際情況真有這麼簡單嗎？
總有你要的程式設計書單（GitHub）
一些 GitHub 上不錯的文章或電子書列表與大家分享。不乏有不少經典，可以收起來慢慢閱覽。
Vuex 框架原理與原始碼分析
Vuex 是一個專為 Vue 服務，用於管理頁面資料狀態、提供統一資料操作的生態系統。
webpack 很不錯的中文文件
很不錯的，翻譯者辛苦了
原型繼承補充（prototype和__proto__詳解）
在上篇文章中，由於篇幅的原因只是針對建構函式的構造過程和原型鏈的存取進行深入的講解，有點偏原理性的講解，並沒有對___proto___、prototype和constructor這些屬性之間的互相關係以及實際上的應用分析清楚。所以本文的目的就是為了加深對原型繼承的理解，並能夠將…
【譯】You Don't Need jQuery
GitHub 上經典文章《You Don't Need jQuery》的翻譯版。在文章中，作者總結了大部分 jQuery API 替代的方法，提倡我們使用原生的 JavaScript . 前端 er，一起來看看。
前端 Web 開發資源整理
作者整理的一系列前端乾貨：1）想開發專案，哪裡找教程；2）關於前端的有趣網站；3）分享一些前端文章合集；
Vonic 正式版釋出！附中文文件
成功收尾，本月終於可以向 2.0 邁進了！O(∩_∩)O
原來你是這樣的 jsonp(原理與具體實現細節)
前言 原文地址 倉庫地址 jsonp(JSON with padding) 你一定不會陌生，前端向後端拿資料的方式之一，也是處理跨域請求的得利助手。 我們早已習慣，早已熟練了 jQ 或者 zepto 的 ajax 呼叫方式。但是有可能還不太它內部具體是如何實現一個 jsonp 的，從請求的發出…
26 個純 CSS 構建的 Web 專案
在本文中，我們將分享 26 個純 CSS 構建地開源 Web 專案。這些專案將向你證明，純 CSS3 就足以實現如此多炫酷的效果。一起來 Enjoy 吧！
從 event loop 規範探究 javaScript 非同步及瀏覽器更新渲染時機
詳細探究 javaScript 非同步及瀏覽器更新渲染時機
關於 js 中的回撥函式 callback
本文寫於 1 年前 曾經的學習文章如今拿出來分享 前言 其實我一直很困惑關於 js 中的 callback, 困惑的原因是，學習中這塊看的資料少，但是平時又經常見，偶爾複製一下前人程式碼，功能實現了也就不再去追其原由，這麼著，這個 callback 的概念就越來越混亂，因為你總感覺它是你 Ajax…
原來又到了校招季，一個前端新人的回憶
寫在最前 昨天和一個童鞋聊到很晚，才意識到現在又是新的一輪校招季了，他像當時的我一樣，自己出於喜歡學習了前端，但又不知自己處在了什麼水平，也由於知識、眼界的限制不知道路在哪裡（真的前端發展到現在知識面太廣）而擔驚受怕。在和他交談的同時也回想起當時的自己，像我一個普通的本科生從接…
原生 js 實現前端路由
最近一直在研究前後端分離，ajax 可以很好的解決前後端分離的問題，但是又存在著瀏覽器無法前進後退，這個問題比較尷尬。但是採用前端路由的方式可以很好的解決這個問題。這篇文章主要是介紹了前端路由的兩種實現手段，並用原生的 Js 對其分別進行了實現。
談談 CSS 前處理器
在寫 CSS 的時候我們會發現，為了相容瀏覽器等原因，我們往往需要寫很多冗餘的程式碼，CSS 前處理器就是為了解決 CSS 的這些問題，簡化 CSS 程式碼的編寫。
小科普：到底什麼是 BFC、IFC、GFC 和 FFC
FC 的全稱是：Formatting Contexts，是 W3C CSS2.1 規範中的一個概念。它是頁面中的一塊渲染區域，並且有一套渲染規則，它決定了其子元素將如何定位，以及和其他元素的關係和相互作用。
2016 年 CSS 庫、框架和工具新生榜 TOP 50
CSS 於 2016 年釋出的開源專案，其產量之大超出人們的預料，但縱觀 CSS 在過去幾年的巨大變化與快速發展，此結果的出現似乎又在情理之中。這些 CSS 庫、框架和工具的建立不僅給我們提供了學習的視角，更給我們的工作與生活帶來了便利。
原文地址 https://speckyboy.com/top-50-...
前端開發者指南（2017）
作者：科迪·林黎（Cody Lindley），由「前端大師（Frontend Masters）」傾情贊助。 這是一本可供任何人使用的指南，用於學習前端開發實踐。該指南大體上勾勒出了前端工程的輪廓，同時也討論了前端工程的實踐：2017 年，如何學習前端工程，用什麼工具來實踐？ 筆…
JavaScript深入系列15篇正式完結！
寫在前面 JavaScript 深入系列共計 15 篇已經正式完結，這是一個旨在幫助大家，其實也是幫助自己捋順 JavaScript 底層知識的系列。重點講解了如原型、作用域、執行上下文、變數物件、this、閉包、按值傳遞、call、apply、bind、new、繼承等 JS …
Sublime Text 2 常用快捷鍵網頁版
十分直觀的 Sublime Text 2 常用快捷鍵網頁版，包含 Windows 版和 Mac 版。Sublime 黨們，可以收了。當然，把它用做桌面也是美美的。
JavaScript 事件委託詳解 | 掘金技術徵文
基本概念 事件委託，通俗地來講，就是把一個元素響應事件（click、keydown......）的函式委託到另一個元素； 一般來講，會把一個或者一組元素的事件委託到它的父層或者更外層元素上，真正繫結事件的是外層元素，當事件響應到需要繫結的元素上時，會通過事件冒泡機制從而觸發它的…
Vue 原始碼閱讀筆記 第一篇
今天又是一個讀書的好天氣，我開啟電腦，總想做些什麼，過了一會兒，卻又意興闌珊, 突然想起 Vue，就想著來學習一下。
我去翻了一番，裡面的設計思想著實讓我的視野開闊了不少，然後趕緊動手把這些東西記下來，就形成了這一篇文章。
Vue 一共九千多行程式碼，這只是 Vue 原始碼開頭的一個很小的部分。
我打算專門學習一下 Vue，畢竟這個東西對於我們這種小白來說，很陌生，我也很想要知道它的實現流程是什麼，所以需要不斷地做筆記。
如果你也想要和我一起學習，共同進步，請關注我吧！我只要有時間，就會去寫讀 Vue 原始碼時的筆記的。
WebSocket 教程 | 阮一峰
WebSocket 教程 | 阮一峰
Nodejs 進階：Express 常用中介軟體 body-parser 實現解析
本文摘錄自《Nodejs 學習筆記》，更多章節及更新，請訪問 github 主頁地址。歡迎加群交流，群號 197339705。 寫在前面 body-parser 是非常常用的一個 express 中介軟體，作用是對 post 請求的請求體進行解析。使用非常簡單，以下兩行程式碼已經覆蓋了大部分的使…
Web 前端面試總結_2017.05
面試告一段落, 把自己的面試體驗整理一下, 給各位提供一下備戰的思路.
gulp入門
在Javascript的開發過程中，經常會遇到一些重複性的任務，比如合併檔案、壓縮程式碼、檢查語法錯誤、將Sass程式碼轉成CSS程式碼等等。通常，我們需要使用不同的工具，來完成不同的任務，既重複勞動又非常耗時。grunt，gulp都是為了解決這個問題而發明的工具，可以幫助我們自動管…
實現圖片懶載入(Lazyload)
本文標題:實現圖片懶載入(lazyload)文章作者:Jake釋出時間:2016-11-26, 18:46:34最後更新:2016-11-28, 17:12:59原始連結:http://i.jakeyu.top/2016/11/2...: "署名-非商用-…
移動端適配方法合集
移動端自適應的一些方法
一勞永逸的搞定 flex 佈局
尋根溯源話佈局 一切都始於這樣一個問題：怎樣通過 CSS 簡單而優雅的實現水平、垂直同時居中。記得剛開始學習 CSS 的時候，看到 float 屬性不由得感覺眼前一亮，順理成章的聯想到 Word 文件排版中用到的的左對齊、右對齊和居中對齊，然而很快就失望的發現 CSS 中並不存…