摘要：是目前唯一一個(gè)支持同步調(diào)用的跨平臺(tái)年度上最多的個(gè)項(xiàng)目前端掘金年接近尾聲，在最近的幾篇文章中，會(huì)整理總結(jié)一些年度開源項(xiàng)目。

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

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

JavaScript 經(jīng)典的難點(diǎn)與重點(diǎn) - 前端 - 掘金
LazyMan 實(shí)現(xiàn)LazyMan（什么是LazyMan？請(qǐng)自行g(shù)oogle） ...

canvas學(xué)習(xí)之API整理筆記（一） - 掘金
心心念念的Canvas系列文章經(jīng)過長時(shí)間的整理和沉淀，終于決定動(dòng)筆啦！我會(huì)從最簡單的API開始，逐步深入，再結(jié)合酷炫的實(shí)例，為大家?guī)磉@一系列的文章，希望大家多提建議，多多鼓勵(lì)！^_^激動(dòng)ing... 好，下面正文開始： 其實(shí)canvas本身很簡單，就是去學(xué)習(xí)...

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

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

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

視頻 H5 の Video 標(biāo)簽在微信里的坑和技巧 - 前端 - 掘金
隨著 4G 的普遍以及 WiFi 的廣泛使用，手機(jī)上的網(wǎng)速已經(jīng)足夠穩(wěn)定和高速，以視頻為主的 HTML5 也越來越普遍了，相比幀動(dòng)畫，視頻的表現(xiàn)更加豐富，前段時(shí)間開發(fā)了一個(gè)以視頻為主的移動(dòng)端 HTML5，在這里介紹一些實(shí)踐經(jīng)驗(yàn)。 統(tǒng)一播放效果 ...

DDFE 技術(shù)周刊（第十期）2017.1.9 - 掘金
小程序 小程序利器 - miniapps 工程化解決方案 [小編推薦] - 滴滴小程序開發(fā)過程中我們?nèi)绾螒?yīng)用工程化思維去提升團(tuán)隊(duì)開發(fā)效率 Vue DDFE - Vue.js 高仿餓了么外賣 App 課程源碼 DDFE - 插件開發(fā)入門 vue-ama...

面試 -- 網(wǎng)絡(luò) HTTP - 掘金
現(xiàn)在面試門檻越來越高，很多開發(fā)者對(duì)于網(wǎng)絡(luò)知識(shí)這塊了解的不是很多，遇到這些面試題會(huì)手足無措。本篇文章知識(shí)主要集中在 HTTP 這塊。文中知識(shí)來自 《圖解 HTTP》與維基百科，若有錯(cuò)誤請(qǐng)大家指出。文章會(huì)持續(xù)更新。 面試 -- 網(wǎng)絡(luò) TCP/IP 了解 Web ...

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

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

css 盒模型和定位掃盲 - 前端 - 掘金
原文：原文鏈接 轉(zhuǎn)載請(qǐng)標(biāo)明出處 css盒模型與定位 說到css的盒子模型和定位相信大家一定都聽說過，因?yàn)樗鼈兪莄ss中的基礎(chǔ)，同時(shí)也是難點(diǎn)，這篇文章的作用在于基礎(chǔ)知...

HTML5 的 WebGL 實(shí)現(xiàn)的 3D 和 2D 拓?fù)錁?- 前端 - 掘金
在HT for Web中2D和3D應(yīng)用都支持樹狀結(jié)構(gòu)數(shù)據(jù)的展示，展現(xiàn)效果各異，2D上的樹狀結(jié)構(gòu)在展現(xiàn)層級(jí)關(guān)系明顯，但是如果數(shù)據(jù)量大的話，看起來就沒那么直觀，找到指定的節(jié)點(diǎn)比較困難，而3D上的樹狀結(jié)構(gòu)在展現(xiàn)上配合HT for Web的彈力布局組件會(huì)顯得比較直觀，...

html5 canvas 實(shí)現(xiàn)高并發(fā)視頻彈幕功能 - 前端 - 掘金
由于項(xiàng)目需要，分享自己開發(fā)的高并發(fā)彈幕功能 以下為源代碼，僅80行而已，可以根據(jù)canvas 的寬高自動(dòng)適配： /! @作者： 趙玉 @郵箱： [email protected] @公司： ...

前端 Ajax 跨域請(qǐng)求方案沙里淘金 - 前端 - 掘金

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

JavaScript 原生實(shí)現(xiàn)《貪吃蛇》 - 前端 - 掘金
貪吃蛇大家都不陌生吧~簡單做一個(gè)。 貪吃蛇.jpg 因?yàn)闆]有圖片素材，所以只能用簡單的樣式代替了，不要嫌棄呀~ ...

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

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

一個(gè)基于自己封裝的 JQuery 實(shí)現(xiàn)的簡單彈幕 - 前端 - 掘金
一個(gè)簡易的彈幕視頻 線上地址 因?yàn)榉?wù)器只有1M帶寬，所以，視頻播放會(huì)卡頓 這個(gè)是由fcc上的彈幕練習(xí)改編來的。 因?yàn)橹翱戳艘恍﹋...

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

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

JavaScript 內(nèi)存管理 - 前端 - 掘金
作為一門高級(jí)語言，JS并不像低級(jí)語言C/C++那樣擁有對(duì)內(nèi)存的完全掌控。JS中內(nèi)存的分配和回收都是自動(dòng)完成的，內(nèi)存在不使用的時(shí)候會(huì)被垃圾回收器自動(dòng)回收。 正因?yàn)槔厥掌鞯拇嬖冢S多人認(rèn)為JS不用太關(guān)心內(nèi)存管理的問題，但如果不了...

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

Vue2 源碼分析 - 前端 - 掘金
源碼版本：v2.1.10 分析目標(biāo) 通過閱讀源碼，對(duì) Vue2 的基礎(chǔ)運(yùn)行機(jī)制有所了解，主要是： Vue2 中數(shù)據(jù)綁定的實(shí)...

Vue 服務(wù)端渲染業(yè)務(wù)入門實(shí)踐 - 前端 - 掘金
作者：威威（滬江前端開發(fā)工程師） 本文原創(chuàng)，轉(zhuǎn)載請(qǐng)注明作者及出處。 背景 最近， 產(chǎn)品同學(xué)一如往常笑嘻嘻的遞來需求文檔， 縱使內(nèi)心萬般拒絕， 身體倒是很誠實(shí)。 接過需求，好在需求不復(fù)雜， 簡單構(gòu)思 后決定用Vue， 得心應(yīng)手。 切好圖，...

談?wù)劸帉懣勺x性代碼 - 閱讀 - 掘金
剛畢業(yè)的時(shí)候讀過 Bob 大叔的《Clean Code》， 那時(shí)候只是被動(dòng)接受，沒有進(jìn)行更有效的思考，現(xiàn)在也忘記的差不多了。記得在進(jìn)行公司培訓(xùn)時(shí)一部分內(nèi)容就是代碼規(guī)范和公司常用的推薦寫法，當(dāng)時(shí)也不知道為什么這樣子做， 老大告訴我們，這就是團(tuán)隊(duì)做出的決定，喜歡不...

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

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

將持久數(shù)據(jù)從 Redis 中遷出 - 后端 - 掘金
前言 Redis是一個(gè)開源、支持網(wǎng)絡(luò)、基于內(nèi)存、鍵值對(duì)存儲(chǔ)數(shù)據(jù)庫，使用ANSI C編寫。從2015年6月開始，Redis 的開發(fā)由Redis Labs贊助，在 2013年5月至2015年6月期間，其開發(fā)由Pivotal贊助。在2013年5月之前，其開發(fā)由VM...

也許是史上最全的前端資源大匯總 - 前端 - 掘金
1.前言 最近有很多朋友問我有沒有相關(guān)的書籍推薦，希望能夠自學(xué)一下前端。 正好最近在查閱文章的時(shí)候，發(fā)現(xiàn)有朋友已經(jīng)進(jìn)行過總結(jié)。 經(jīng)過溝通和“行賄”?，終于取得轉(zhuǎn)載權(quán)利，在此感謝晚晴幽草的大力幫助。 作者將原素材文章進(jìn)行了新內(nèi)容的添加和重新排列，但是因?yàn)槲恼?..

頁面重繪和回流以及優(yōu)化 - 前端 - 掘金
頁面重繪和回流以及優(yōu)化 在討論頁面重繪、回流之前。需要對(duì)頁面的呈現(xiàn)流程有些了解，頁面是怎么把html結(jié)合css等顯示到瀏覽器上的，下面的流程圖顯示了瀏覽器對(duì)頁面的呈現(xiàn)的處理流程?？赡懿煌臑g覽器...

React + Node + Mongo +Webpack 寫一個(gè)簡單的 Blog 網(wǎng)站 - 前端 - 掘金
用到的技術(shù)：React Node Webpack material-ui mongo github地址：https://github.com/shenjiajun...喜歡請(qǐng)給個(gè)star?。?！推薦兩個(gè)工具：https...

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

單點(diǎn)登錄系統(tǒng) SSO 解析及開發(fā)小結(jié) - 后端 - 掘金
在分布式系統(tǒng)架構(gòu)下是每一個(gè)系統(tǒng)都是由一個(gè)團(tuán)隊(duì)進(jìn)行維護(hù)，每個(gè)系統(tǒng)都是多帶帶部署運(yùn)行一個(gè)多帶帶的應(yīng)用容器如Tomcat，所以，不能將用戶的登錄信息保存到session中。 多個(gè)tomcat的session一般是不能共享的，雖然我們可以利用tomcat自身的se...

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

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

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

前端基礎(chǔ)進(jìn)階（七）：函數(shù)與函數(shù)式編程 - 前端 - 掘金
函數(shù)：菜鳥收割者 縱觀JavaScript中所有必須需要掌握的重點(diǎn)知識(shí)中，函數(shù)是我們?cè)诔鯇W(xué)的時(shí)候最容易忽視的一個(gè)知識(shí)點(diǎn)。在學(xué)習(xí)的過程中，可能會(huì)有很多人、很多文章告訴你面向?qū)ο蠛苤匾?，原型很重要，可是卻很少有人告...

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

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

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

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

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

給所有開發(fā)者的 React Native 詳細(xì)入門指南（第一階段） - Android - 掘金
本文已授權(quán)微信公眾號(hào)：：鴻洋（hongyangAndroid）原創(chuàng)首發(fā) 本文為Marno原創(chuàng)，任何未經(jīng)本人許可的轉(zhuǎn)載都視為侵權(quán) 轉(zhuǎn)載地址：http://www.jianshu.com/p/fa08...