有價值的前端技術點

面試 -- 網絡 HTTP

如今面試門檻愈來愈高，不少開發者對於網絡知識這塊瞭解的不是不少，遇到這些面試題會手足無措。本篇文章知識主要集中在 HTTP 這塊。文中知識來自 《圖解 HTTP》與維基百科，如有錯誤請你們指出。文章會持續更新。 面試 -- 網絡 TCP/IP 瞭解 Web 及網絡基礎 對端傳輸…

直白的話告訴你在 javascript 中如何用 jsonp 實現跨域請求

我基於我本身對 jsonp 的理解，很直白的言語表達了 jsonp 的含義，若是你還在找尋理解 jsonp 相關的文檔，我但願它能幫助到你！

前端開發中像素的概念

相信不少剛涉及移動端設計與開發的同窗基本上會在前端開發中的像素問題上糾結好久，因此寫下這篇筆記，便於本身往後翻閱。若是有啥理解上的錯誤，歡迎你們指正~

vue 雙向數據綁定實現原理

vue.js 的底層思想

騰訊 2016 公司代碼報告前端開發總結

記錄了在開發騰訊 2016 公司代碼報告頁面時遇到的問題以及解決方案。

擁抱 Web 設計新趨勢：SVG Sprites 實踐應用

隨着移動互聯網的到來，各類高清屏幕移動設備的層出不窮，致使 H5 應用在移動設備 retina 屏幕下常常會遇到圖標不清晰的問題。

滴滴 webapp 5.0 Vue 2.0 重構經驗分享

做者：滴滴公共前端 黃軼 項目背景 滴滴的 webapp 是運行在微信、支付寶、手 Q 以及其它第三方渠道的打車軟件。藉着產品層面的功能和視覺升級，咱們用 Vue 2.0 對它進行了一次技術重構。 技術棧 MVVM框架： Vue 2.0源碼：es6代碼風格檢查：eslint構建…

gulp 和 webpack 的完美結合

gulp 負責 css 等，webpack 負責 js

如何使用 Vue2 作服務端渲染

解決了先後端代碼不能複用和單頁面 SEO 問題

詳解 CSS 七種三欄佈局技巧

在前端領域中，掌握三欄佈局是一個開發人員必備的技巧，本文將介紹七種三欄佈局的技巧，在實際開發中，你能夠選擇適合本身實際需求的方式。

活兒好又性感的在線 Mock 平臺 - Easy Mock

今天的數據，感謝你們的支持，有問題能夠加QQ羣反饋，實時答覆：595325417 什麼是 Easy Mock Easy Mock 是一個極其簡單、高效、可視化、而且能快速生成模擬數據的在線 mock 服務。以項目管理的方式組織 Mock List，能幫助咱們更好的管理 Moc…

深挖 data URI 性能瓶頸

來自騰訊 ISUX - 餘果 的分享，詳細剖析 base64 的使用場景和優缺點，很贊！

git 團隊合做， git 分支開發 、合併、衝突 實例

git 團隊合做開發過程當中，須要用 git 處理的合併分支時如何解決相關問題

精通 gulp 經常使用插件

主要展現的是 gulp 經常使用插件的使用方法和用途，經過對插件的熟練運用達到精通 gulp。

下一代 Web 應用模型 —— Progressive Web App

多是目前中文世界裏對 PWA 最全面詳細的長文了

深刻不淺出 zepto 的 Tap 擊穿問題

年前去阿里面試，過程當中說道了 fastclick 解決 iPhone 機器上 300ms 點擊延遲的問題，而後就被問到了 zepto 的 「點擊穿透」 的現象以及產生這個具體緣由，當時回答的不是很好，主要是沒有特別深刻的去研究這個緣由，只是知道有這個現象和問題，大概怎麼解決，面試完了以後有一天忽然想起來了，就決定仔細的研究下。

js 錯誤自動捕獲

js 運行時錯誤自動捕獲

前端優化不徹底指南

本文主要從工做效率、速度性能、穩定性、響應式、兼容性、搜索 SEO、信息無障礙等方面進行講解。
前端優化是一個讓人技術提高的 point，但願你也能從這裏學到一些東西。

淺析 js 實現網頁截圖的兩種方式

html2canvas.js vs rasterizeHTML.js

Vue 服務端渲染業務入門實踐

做者：威威（滬江前端開發工程師）

最近， 產品同窗一如往常笑嘻嘻的遞來需求文檔， 縱使心裏萬般拒絕， 身體卻是很誠實。 接過需求，好在需求不復雜， 簡單構思 後決定用 Vue， 駕輕就熟。 切好圖， 挽起袖子準備擼代碼的時候， SEO 同窗不知什麼時候已經站到了背後。

"據說你要用 Vue?"
"恩..."
"SEO 考慮了嗎? 整個 SPA 出來，網頁的 SEO 咋辦?"
"奧..."

換之前， 估計只能無奈的換個實現方式， 可是 Vue 2.0 時代的到來， 給你多了一種可能。 你能夠對 SEO 工程師說: 用 Vue 沒問題!

談一談 JavaScript 繼承

關於 JavaScript 繼承本質的剖析

『翻譯』你也許並不須要構建工具

Read the original 咱們最好了解 "原生" 的構建方式 譯者注：這篇文章旨在告訴你們，構建的過程是怎樣的。由於如今太多的腳手架工具了，你們確實很方便就搭建了環境，但內部的過程卻讓人迷糊。 前言 構建工具變得愈來愈豐富多彩了，可是你真的須要它們嗎？有沒有更簡單的方式去…

前端面試常見問題按知識點分類整理

前端面試常考問題整理，按模塊知識點分類，持續完善中... Front-end-Developer-Questions by Modules and knowledge

JS 中常見排序算法詳解

本文將詳細介紹在 JavaScript 中算法的用法，配合動圖生動形象的讓你以最快的方法學習算法的原理以及在需求場景中的用途。

JavaScript 模塊化簡析

關於模塊化，最直接的表現就是咱們寫的 require 和 import 關鍵字，若是查閱相關資料，就必定會遇到 CommonJS 、CMD AMD 這些名詞，以及 RequireJS、SeaJS 等陌生框架。好比 SeaJS 的官網 這樣描述本身: 「簡單友好的模塊定義規範，Sea.js 遵循 CMD 規範。天然直觀的代碼組織方式，依賴的自動加載……」

JavaScript 寫類的前世此生

JavaScript 從誕生至今已經走過了 20 年的歷程。它的前世 (1995~2015 年) 是一個長達 20 年沒有類的世界，它的此生隨着 2015 年 6 月 ES6 的發佈迎來了有類的時代。JavaScript 從無 「類」 到有「類」，經歷了從 ES1 到 ES6 的階段。

Medium 2016 年最流行的前端連接

咱們每週會給 70,000 多名前端 Web 開發者發送新聞郵件。

所以，咱們認爲值得回顧一下 2016 年咱們發送的全部期刊，並強調一下咱們分享的一些最流行的文章。

原文地址：https://medium.com/statuscode...

由阮一峯老師的一條微博引起的 TDZ 思考

阮老師貼了一段代碼，報錯了，而後冥思苦想以爲這是 V8 的錯，這微博一發下面引發了激烈的討論......
咱們一塊兒來看看報錯的緣由到底是什麼！

不按期更新 JavaScript 技巧

一些經常使用的技巧，不按期更新。
感受堅持更新個一年是否是就能夠出本書了，哈哈。

理解 Web 緩存

講解瀏覽器緩存的基本工做方式