大前端 - 收藏集 - 掘金

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 跨域請求方案沙裏淘金 - 前端 - 掘金

1. 所謂跨域 跨域是一種瀏覽器同源安全策略，也即瀏覽器單方面限制腳本的跨域訪問。不少人可能誤認爲資源跨域時沒法請求，實質上請求是能夠正常發起的（指一般狀況下，部分瀏覽器存在部分特例），後端也可能正常進行了處理，...

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 變態題解析 - 前端 - 掘金
原題來自: 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...