摘要：是目前唯一一個支持同步調用的跨平臺年度上最多的個項目前端掘金年接近尾聲，在最近的幾篇文章中，會整理總結一些年度開源項目。

JS 全棧教程 - 前端 - 掘金
本課程是基于阮一峰的 js 全棧教程的視頻版本，免費供大家觀看...

2016 年 10 個最佳的 CodePen 作品 - 前端 - 掘金
說到 CodePen，前端開發者們肯定不會陌生。如果說 Dribbble 是設計師們聚集的圣地，那么 CodePen 則是前端開發者們約“碼”的天堂。它不僅提供給你了一個 Showcase 的平臺，而且能夠開拓你的視野 —— 你能夠及時的了解最...

JavaScript 經典的難點與重點 - 前端 - 掘金
LazyMan 實現LazyMan（什么是LazyMan？請自行google） ...

canvas學習之API整理筆記（一） - 掘金
心心念念的Canvas系列文章經過長時間的整理和沉淀，終于決定動筆啦！我會從最簡單的API開始，逐步深入，再結合酷炫的實例，為大家帶來這一系列的文章，希望大家多提建議，多多鼓勵！^_^激動ing... 好，下面正文開始： 其實canvas本身很簡單，就是去學習...

ios 五分鐘集成 DSBridge - iOS - 掘金
DSBridge是目前地球上最好的IOS/Android javascript bridge. 通過它可以在web和native之間調用彼此方法。DSBridge是目前唯一一個支持同步調用的跨平臺Js bridge. ...

2016 年度 GitHub 上 Stars 最多的 10 個項目 - 前端 - 掘金
2016年接近尾聲，在最近的幾篇文章中，會整理總結一些2016年度開源項目。今天整理的是：2016年度GitHub最受歡迎的開源項目總榜。 在過去的2016年里面，GitHub最受歡迎、Stars最多的項目分別是哪些呢？趕緊來，看看文章跟著這些偉大的項...

(譯) 前端 2017 性能優化清單 - 前端 - 掘金
@(By Vitaly Friedman 譯 陳威特)[前端, 性能] 原文 你已經在使用漸進式啟動了嗎？那么React 和 Ang...

視頻 H5 の Video 標簽在微信里的坑和技巧 - 前端 - 掘金
隨著 4G 的普遍以及 WiFi 的廣泛使用，手機上的網速已經足夠穩定和高速，以視頻為主的 HTML5 也越來越普遍了，相比幀動畫，視頻的表現更加豐富，前段時間開發了一個以視頻為主的移動端 HTML5，在這里介紹一些實踐經驗。 統一播放效果 ...

DDFE 技術周刊（第十期）2017.1.9 - 掘金
小程序 小程序利器 - miniapps 工程化解決方案 [小編推薦] - 滴滴小程序開發過程中我們如何應用工程化思維去提升團隊開發效率 Vue DDFE - Vue.js 高仿餓了么外賣 App 課程源碼 DDFE - 插件開發入門 vue-ama...

面試 -- 網絡 HTTP - 掘金
現在面試門檻越來越高，很多開發者對于網絡知識這塊了解的不是很多，遇到這些面試題會手足無措。本篇文章知識主要集中在 HTTP 這塊。文中知識來自 《圖解 HTTP》與維基百科，若有錯誤請大家指出。文章會持續更新。 面試 -- 網絡 TCP/IP 了解 Web ...

JavaScript 日記 - 一個例子學會 Vue.js - 前端 - 掘金
大家都知道Vue.js是中國人創造出來的，簡單易用，所以必須要支持一下 Vue采用的MVVM設計模式 也就是說model和view綁定model改變，view的內容改變，反之亦然 ...

CSS3 動畫函數 - 前端 - 掘金
多時候我們可能經常寫動畫樣式的過渡效果，這里面的過渡樣式我們可能經常使用比較熟悉的 ease linear ease-in 等，其實它還有一個定義函數，CSS3 貝爾賽曲線 cubic-bezier。這個函數里面可以定義一些過渡效果。當然更多復雜的動畫可以借助...

css 盒模型和定位掃盲 - 前端 - 掘金
原文：原文鏈接 轉載請標明出處 css盒模型與定位 說到css的盒子模型和定位相信大家一定都聽說過，因為它們是css中的基礎，同時也是難點，這篇文章的作用在于基礎知...

HTML5 的 WebGL 實現的 3D 和 2D 拓撲樹 - 前端 - 掘金
在HT for Web中2D和3D應用都支持樹狀結構數據的展示，展現效果各異，2D上的樹狀結構在展現層級關系明顯，但是如果數據量大的話，看起來就沒那么直觀，找到指定的節點比較困難，而3D上的樹狀結構在展現上配合HT for Web的彈力布局組件會顯得比較直觀，...

html5 canvas 實現高并發視頻彈幕功能 - 前端 - 掘金
由于項目需要，分享自己開發的高并發彈幕功能 以下為源代碼，僅80行而已，可以根據canvas 的寬高自動適配： /! @作者： 趙玉 @郵箱： sailiy@126.com @公司： ...

前端 Ajax 跨域請求方案沙里淘金 - 前端 - 掘金

所謂跨域 跨域是一種瀏覽器同源安全策略，也即瀏覽器單方面限制腳本的跨域訪問。很多人可能誤認為資源跨域時無法請求，實質上請求是可以正常發起的（指通常情況下，部分瀏覽器存在部分特例），后端也可能正常進行了處理，...

JavaScript 原生實現《貪吃蛇》 - 前端 - 掘金
貪吃蛇大家都不陌生吧~簡單做一個。 貪吃蛇.jpg 因為沒有圖片素材，所以只能用簡單的樣式代替了，不要嫌棄呀~ ...

JavaScript30 中文指南 - 08 Canvas 實現漸變畫筆繪畫板 - 前端 - 掘金
作者：?緝熙Soyaine 簡介：JavaScript30 是 Wes Bos 推出的一個 30 天挑戰。項目免費提供了 30 個視頻教程、30 個挑戰的起始文檔和 30 個挑戰解決方案源代碼。目的是幫助人們用純 JavaScript 來寫東西，不借助框架和庫...

2016 年 50 個最佳的輕量級 JavaScript 框架和庫 - 前端 - 掘金
本帖最后由 斷天涯大蝦 于 2017-1-3 09:14 編輯 回顧今年已發布的 JS 框架和庫，我們針對地篩選了一些能夠提供直接和具體功能的免費 JavaScript 插件和庫，與...

一個基于自己封裝的 JQuery 實現的簡單彈幕 - 前端 - 掘金
一個簡易的彈幕視頻 線上地址 因為服務器只有1M帶寬，所以，視頻播放會卡頓 這個是由fcc上的彈幕練習改編來的。 因為之前看了一些j...

IndexedDB--HTML5 本地存儲 - 前端 - 掘金
什么是IndexedDB indexedDB是一種輕量級NOSQL數據庫，是由瀏覽器自帶。相比Web Sql更加高效，包括索引、事務處理和查詢功能。在HTML5本地存儲中，IndexedDB存儲的數據是最多的，不像web...

京東 2016 版首頁改版前端總結 - 前端 - 掘金
深圳的天氣總是多變，前一段時間還是涼意濃濃，似乎要步入冬天了，最近卻又變得炎熱起來，氣溫驟升，讓人措手不及。正如我們負責的業務一樣，一年下來有諸多變化。今年9月份我們接手了京東2016版首頁改版開發，歷經1個多月緊張地開發測試，終于在雙11前成功全量發布，回想...

JavaScript 內存管理 - 前端 - 掘金
作為一門高級語言，JS并不像低級語言C/C++那樣擁有對內存的完全掌控。JS中內存的分配和回收都是自動完成的，內存在不使用的時候會被垃圾回收器自動回收。 正因為垃圾回收器的存在，許多人認為JS不用太關心內存管理的問題，但如果不了...

最近遇到的前端面試題 (2017.02.23 更新版) - 前端 - 掘金
個人博客已上線，歡迎前去訪問評論！無媛無故 - wangchloe的個人博客 以下內容非本人原創，是整理后覺得更容易理解的版本，歡迎補充。 ...

Vue2 源碼分析 - 前端 - 掘金
源碼版本：v2.1.10 分析目標 通過閱讀源碼，對 Vue2 的基礎運行機制有所了解，主要是： Vue2 中數據綁定的實...

Vue 服務端渲染業務入門實踐 - 前端 - 掘金
作者：威威（滬江前端開發工程師） 本文原創，轉載請注明作者及出處。 背景 最近， 產品同學一如往常笑嘻嘻的遞來需求文檔， 縱使內心萬般拒絕， 身體倒是很誠實。 接過需求，好在需求不復雜， 簡單構思 后決定用Vue， 得心應手。 切好圖，...

談談編寫可讀性代碼 - 閱讀 - 掘金
剛畢業的時候讀過 Bob 大叔的《Clean Code》， 那時候只是被動接受，沒有進行更有效的思考，現在也忘記的差不多了。記得在進行公司培訓時一部分內容就是代碼規范和公司常用的推薦寫法，當時也不知道為什么這樣子做， 老大告訴我們，這就是團隊做出的決定，喜歡不...

適配器模式（新手推薦） - 閱讀 - 掘金
好久沒更新了，今天給大家更新一篇設計模式文章——適配器模式。如果你做過Android開發，那么你肯定對適配這個詞很熟悉。適配的作用就是讓我們的應用程序能適用于各大主流的Android手機平臺。 適配，通俗地講，就是將極具個性的人...

vue2 + vuex 高度還原餓了么 App，與官方后臺真實數據交互，獲取商品信息，實現登陸、購物車、下單等功能 - 前端 - 掘金
前言 vue2的發布后自己也研究了一段時間，奈何公司的技術棧是以react為主，沒有機會好好利用vue2去做一個完整的項目。雖然寫了幾個demo，但和寫一個完整的項目還是有很大差別的。于是自己想著用空余的時間寫一個項目，選擇了餓了么也只是因為...

將持久數據從 Redis 中遷出 - 后端 - 掘金
前言 Redis是一個開源、支持網絡、基于內存、鍵值對存儲數據庫，使用ANSI C編寫。從2015年6月開始，Redis 的開發由Redis Labs贊助，在 2013年5月至2015年6月期間，其開發由Pivotal贊助。在2013年5月之前，其開發由VM...

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

頁面重繪和回流以及優化 - 前端 - 掘金
頁面重繪和回流以及優化 在討論頁面重繪、回流之前。需要對頁面的呈現流程有些了解，頁面是怎么把html結合css等顯示到瀏覽器上的，下面的流程圖顯示了瀏覽器對頁面的呈現的處理流程。可能不同的瀏覽器...

React + Node + Mongo +Webpack 寫一個簡單的 Blog 網站 - 前端 - 掘金
用到的技術：React Node Webpack material-ui mongo github地址：https://github.com/shenjiajun...喜歡請給個star！！！推薦兩個工具：https...

無循環 JavaScript - 掘金
作者：James Sinclair 編譯：胡子大哈 翻譯原文：http://huziketang.com/blog/po... 英文原文：JAVASCRIPT WITHOUT LO...

單點登錄系統 SSO 解析及開發小結 - 后端 - 掘金
在分布式系統架構下是每一個系統都是由一個團隊進行維護，每個系統都是多帶帶部署運行一個多帶帶的應用容器如Tomcat，所以，不能將用戶的登錄信息保存到session中。 多個tomcat的session一般是不能共享的，雖然我們可以利用tomcat自身的se...

也許，這樣理解 HTTPS 更容易 - 后端 - 掘金
摘要：本文嘗試一步步還原HTTPS的設計過程，以理解為什么HTTPS最終會是這副模樣。但是這并不代表HTTPS的真實設計過程。在閱讀本文時，你可以嘗試放下已有的對HTTPS的理解，這樣更利于“還原”過程。 我們先不了聊HTTP，HTTPS，我們先從一個聊天軟件...

44 個 JavaScript {{BANNED}}題解析 - 前端 - 掘金
原題來自: http://javascript-puzzlers.he... 讀者可以先去做一下感受感受. 當初筆者的成績是 21/44... 當初筆者做這套題的時候不僅懷疑智商, 連人生都...

Github + Webhooks 簡易的自動化部署流程 - 前端 - 掘金
機器可以做的事就應該交給機器去做。說一下Github項目和linux的自動化部署流程及實現。 簡單說，我們的項目分開發和生產兩種模式，最終是要run在生產環境的，產品在兩者之間切換時會有一些問題的產生，比如生產環境下的配置、賬密、構建編譯、打包、重載....

前端基礎進階（七）：函數與函數式編程 - 前端 - 掘金
函數：菜鳥收割者 縱觀JavaScript中所有必須需要掌握的重點知識中，函數是我們在初學的時候最容易忽視的一個知識點。在學習的過程中，可能會有很多人、很多文章告訴你面向對象很重要，原型很重要，可是卻很少有人告...

JavaScript 異步編程魔法 - 前端 - 掘金
在單線程執行的 Javascript 中，異步最著名的是 Ajax,但是你僅僅知道這些嗎？ 單線程執行 Two: 嘿，哥們兒，快點，我特么快憋不住了。 One: 我要三分鐘，你先等著，完了叫你~ Two: 好的，記得叫...

袖珍分布式系統（四） - 后端 - 掘金
本文是Distributed systems for fun and profit的第四部分，本文是閱讀該文后的一些記錄。 Replication Replication 問題是分布式系統中最主要的問題，本文討論...

JavaScript This 的六道坎 - 前端 - 掘金
"This is indeed a mystery," I remarked. "What do you imagine that it means?" ...

TCP/IP 詳解卷 1 - wireshark 抓包分析 - 后端 - 掘金
引言 在初學TCP/IP協議時，會覺得協議是一種很抽象的東西，通過wireshark抓包分析各種協議，可以讓抽象變得具體。 ...

JavaScript 模塊化簡述 - 掘金
前言 關于模塊化，最直接的表現就是我們寫的 require 和 import 關鍵字，如果查閱相關資料，就一定會遇到 CommonJS 、CMD AMD 這些名詞，以及 RequireJS、SeaJS 等陌生框架。比如 SeaJS 的官網 這樣描述自己: “簡...

給所有開發者的 React Native 詳細入門指南（第一階段） - Android - 掘金
本文已授權微信公眾號：：鴻洋（hongyangAndroid）原創首發 本文為Marno原創，任何未經本人許可的轉載都視為侵權 轉載地址：http://www.jianshu.com/p/fa08...