源碼分析 - 收藏集 - 掘金

【譯】You Don't Need jQuery - 前端 - 掘金
You Don't Need jQuery ...

讀 zepto 源碼之工具函數 - 掘金
Zepto 提供了豐富的工具函數，下面來一一解讀。 源碼版本 本文閱讀的源碼爲 zepto1.2.0 $.extend $.extend 方法能夠用來擴展目標對象的屬性。目標對象的同名屬性會被源對象的屬性覆蓋。 $.extend 其實調用的是內部方法 exte...

如何本身實現一個 mobx - 原理解析 - 掘金
首發於大搜車技術博客：https://blog.souche.com/ru-he... 前言 mobx 是一個很是優雅的狀態管理庫，具備至關大的自由度，而且使用很是簡單，本文經過本身實現一個 mini 版的 mo...

實現一個前端表單驗證插件 - 前端 - 掘金
前言2017 百度前端學院開課啦！裏面有許多課題很是有意思，其中表單驗證應該是前端同窗接觸最多的一個工做之一了。 表單驗證不難，可是涉及到複雜交互，因此實現起來會比較繁瑣。所以本文將會使用 es六、不依賴任何第三方庫 實現一個簡單的表單驗證插件。 效果 &lt...

一個只有 99 行代碼的 JS 流程框架 - 前端 - 掘金
做者 | 張鎮圳編輯 | 京露 張鎮圳，騰訊Web前端高級工程師，對內部系統前端建設有多年經驗，喜歡鑽研搗鼓各類前端組件和框架。 最近一直在想一個問題，如何能讓js代碼寫起來更語義化和更具備可讀性。 上週末的時候突發奇想，當代碼在運行的時候，其實跟咱們作事...

[[專欄預告]Build Your Own React - 前端 - 掘金](https://juejin.im/entry/58e5f...
Build Your Own React 的專欄預告，帶你重頭實現一個 React-like Framework...

文本動畫, 幾行代碼頁面效果瞬間就提高了 - 前端 - 掘金
animate-text 文字動畫和數字動畫 animate text 查看DEMO...

怎樣閱讀源碼？ - Android - 掘金
原題目：How To Read Source Code，原做者：Aria Stewart 中文翻譯： 在博客中查看 這篇文章基於我在Oneshot Nodeconf Christchurch的一個演講。 我原本沒有想要寫這篇文章。程序員不讀源代碼聽起來...

angular 過濾器解析 - 前端 - 掘金
1.1. angular中的過濾使用淺析 1.2. 本文章主要針對 angular內置對象的使用和自定義對象的使用進行解析 1.3. 過濾器( filter ) 1.- 在 ng 中過濾器是用在表達式中, 或代碼中將某一個數據進...

大前端 - 5 分鐘帶你讀懂 Hexo 源碼設計模式 - 前端 - 掘金
Hexo是什麼? 官方定義是快速、簡潔且高效的博客框架，實際不只僅於此，它是一個JS語言編寫的靜態網站生成器，主要做用是解析Markdown語法，並配合模板引擎，快速生成靜態網站。同時，還能夠自定義主題，引用第三方插件，除了搭建...

react-router@4.0 使用和源碼解析 - 前端 - 掘金
若是你已是一個正在開發中的react應用，想要引入更好的管理路由功能。那麼，react-router是你最好的選擇~react-router版本現今已經到4.0.0了，而上一個穩定版本仍是2.8.1。相信我，若是你的項目中已經在使用react-router之...

說說如何實現一個模板引擎 - 前端 - 掘金
前言 不知不覺就很長時間沒造過什麼輪子了，之前一直想本身實現一個模板引擎，只是沒付諸於行動，最近終於在業餘時間裏抽了點時間寫了一下。由於咱們的項目大部分用的是 swig 或者 nunjucks ，因而就想實現一個相似的模板引擎。 至於爲何要作這麼一個東西？基...

ReactRouter-V4 構建之道與源碼分析 - 前端 - 掘金
多年以後當我回想起初學客戶端路由的那個下午，滿腦子裏充斥着的只是對於單頁應用的驚歎與漿糊。彼時我仍是將應用代碼與路由代碼當作兩個獨立的部分進行處理，就好像同父異母的兄弟儘管不喜歡對方可是不得不在一塊兒。幸而這些年裏我可以和其餘優秀的開發者進行交流，瞭解他們對於客...

jQuery 源碼系列（七）Callbacks 函數 - 前端 - 掘金
講真，Sizzle 的源碼真的太壓抑了，以致於寫 Sizzle 文章的這段時間裏都很是的痛苦，剛開始以爲它還挺有意思的，越到後面越以爲代碼很難讀懂，煩。 寒假也過完了，在家裏待了兩週的時間，感受不錯，這期間學習的事情都拋...

jQuery 源碼系列（八）data 緩存機制 - 前端 - 掘金
不打算介紹 deferred，或者放到後面之後去介紹，由於我對於 js 的異步存在着恐懼，看了半天代碼，發現，用挺好用的，一看源碼，全傻眼了。若是你感興趣，這邊連接1，連接2。 ...

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

Vue 源碼詳解: compile，link，依賴，批處理... 一網打盡，全解析! - 前端 - 掘金
用了Vue好久了，最近決定系統性的看看Vue的源碼，相信看源碼的同窗不在少數，可是看的時候卻發現挺有難度，Vue雖然足夠精簡，可是怎麼說如今也有10k行的代碼量了，深刻進去逐行查看的時候感受內容龐雜而且搞不懂代碼的目的，同時網上的深刻去仔細闡述Vue的comp...

jQuery 源碼系列（一）整體架構 - 前端 - 掘金
歡迎來個人專欄查看系列文章。 決定你走多遠的是基礎，jQuery 源碼分析，向長者膜拜！ 我雖然接觸 jQuery 好久了，但也只是侷限於表面使用的層次，碰到一些問題，找到 jQ...

剖析 vue 實現原理，本身動手實現 mvvm - 前端 - 掘金
剖析Vue實現原理 - 如何實現雙向綁定mvvm 本文能幫你作什麼？ 一、...

數據綁定之謎 - 前端 - 掘金
所謂的雙向綁定，無非是從界面的操做能實時反映到數據，數據的變動能實時展示到界面。 數據綁定換種說法，若是咱們有一個 user 對象和一個 name 屬性，一旦咱們賦了一個新值給 user.name,在 UI 上就會顯示新的姓名了。 同...

AlloyFinger 手勢庫源碼分析 - 前端 - 掘金
前言 對於手勢庫總結性的分析，能夠看做者本身寫的這篇，超小Web手勢庫AlloyFinger原理 我所寫的，可能就更可能是實現的細節，怎麼實現一個具體的功能，而不是這總架構性的分析，能力的限制形成大局觀的限制吧。 Tag point-1: 手勢庫的總體...

認真看完這一篇，不懂 Retrofit？不存在的（源碼解析） - Android - 掘金
雖然一我的我並不孤獨在心中你陪我看每個日出 不要老是那麼不甘寂寞，由於一我的的你可讓本身心存不少念想，這些念想也必將成爲你奮鬥的目標與動力。（開篇推歌一首，猛戳《陪我看日出》^_^） ...

Glide-源碼詳解 - 掘金
前言: 以前的文章中,筆者介紹了不少Glide的使用方法,可是因爲Glide框架封裝得太好了,不少人在使用的時候,只是知其然不知其因此然,爲了避免要僅僅成爲"cv工程師",只會複製粘貼,因此這篇文章咱們就一塊兒來研究一下Glide的源碼,看看G...

安卓開發終極指南: 50 多個初高級開發資源（譯） - Android - 掘金
編輯推薦：稀土掘金，這是一個針對技術開發者的一個應用，你能夠在掘金上獲取最新最優質的技術乾貨，不只僅是Android知識、前端、後端以致於產品和設計都有涉獵，想成爲全棧工程師的朋友不要錯過！ .runtimead { text-al...

幾個不錯的 Android 開源音視頻播放器 - Android - 掘金
摘要：來自Github上的一點點整理，但願對你有用！ 整理了一下Github上幾個開源的音視頻播放器項目，有興趣的同窗能夠clone代碼去研究學習。 1.UniversalMusicPlayer https://...

Glide - 源碼詳解 - Android - 掘金
前言: 以前的文章中,筆者介紹了不少Glide的使用方法,可是因爲Glide框架封裝得太好了,不少人在使用的時候,只是知其然不知其因此然,爲了避免要僅僅成爲」cv工程師」,只會複製粘貼,因此這篇文章咱們就一...

從官方文檔看 ConstraintLayout - Android - 掘金
寫在前面 以前品讀了郭霖大神寫的《Android新特性介紹，ConstraintLayout徹底解析》，受其感染，寫了一篇《將來佈局之星——ConstraintLayout》，回過頭來看，感受這一篇文章太注重可視化操做，因而去翻...

主題顏色提取 — Palette - Android - 掘金
Palette 調色板 Palette 是 Android L SDK 中的新特性。可使用 Palette 從圖像中提取出突出的顏色（主色調），獲取到顏色以後咱們再將這個顏色值賦給 ActionBar、狀態欄等。從而達到界面色...

Android 熱修復 Tinker 源碼分析之 DexDiff / DexPatch - Android - 掘金
每日推薦 昨天不少使用JsPatch的應用開發者都收到了Apple的郵件，不少人擔憂RN也會遇到一樣的問題，能夠關注這個issue關注： https://github.com/facebook/r...

關於 Okhttp3（六）-CacheInterceptor - Android - 掘金
如今的app沒有幾個是不聯網的了，在流量費用很高、速度通常的今天給用戶合理節省流量，以及提升響應速度就顯得尤其重要了。因此一個優秀的app都會在發展到必定程度後就會開始引入緩存，什麼是緩存呢？ 百度百科： 緩存就是數據交換的緩衝區（稱做Cach...

Android 開發時，那些相見恨晚的工具或網站！ - Android - 掘金
本文來我在知乎話題Android開發時你遇到過什麼相見恨晚的工具或網站？下的回答！ 在實際Android開發過程確實會有不少相見恨晚的工具或網站出現，下面是我本身的一些分享。 1 源碼網站 ...

圖片加載框架Picasso － 源碼分析 - 掘金
簡書：圖片加載框架Picasso － 源碼分析 前一篇文章講了Picasso的詳細用法，Picasso 是一個強大的圖片加載緩存框架，一個很是優秀的開源庫，學習一個優秀的開源庫，,咱們不只僅是學習它的用法，停留在使用API層面，咱們也要試着去閱讀源碼，有兩...

Android 源碼中的觀察者模式 - Android - 掘金
        工做這麼久，看過這麼多別人的技術博客，尚未在本身的帳號上寫點什麼，實在慚愧。與其說要把本身的經驗寫出來給你們分享，不如說我想記錄一下此刻本身的所思所得，以便往後查看。 ...

高仿微信視頻錄製, 塗鴉水印添加, 基於 ffmpeg 視頻編輯 - Android - 掘金
功能主要包含5點: 1.基於ffmpeg的視頻拍攝及合成; 2.自定義拍攝按鈕, 長按放大而且顯示拍攝進度; 3.自定義view, 實現手繪塗鴉; 4.自定義可觸摸旋轉縮放位移的表情文字view; 5.基於ffmpeg的圖片和視頻合成處理. ...

Glide 核心設計二: 緩存管理 - 掘金
原文連接：Glide核心設計二:緩存管理 引言 Glide做爲一個優秀的圖片加載框架，緩存管理是必不可少的一部分，這篇文章主要經過各個角度、從總體設計到代碼實現，深刻的分析Glide的緩存管理模塊，力求在同類分析Glide緩存的分析文章中脫穎而出。關於Glid...

Android 性能優化典範 - Android - 掘金
摘要：新年伊始，Google發佈了包含16個短視頻的Android性能優化典範專題，詳解Android系統中有關性能問題的底層工做原理，並介紹瞭如何經過工具找出性能問題以及提高性能的建議。本文做者對這些問題和建議進行了總結梳理。2015年伊始，Google發佈...

GreenDao 系列之（2）設計及機制介紹 - Android - 掘金
整體設計類圖 如下會分拆成兩個部分進行說明： 一、整體機制部分 二、Sql操做細節部分 ...

Java Executors 框架源碼解析一 - Android - 掘金
一、概要 在開發併發程序時，咱們可能或多或少都要用到線程池來複用線程以達到較高的性能，可是咱們本身寫的線程池每每不能達到最大的利用率。考慮到併發的問題，JDK1.5以後引入Executors框架，...

初識 greenDAO - Android - 掘金
    入職新公司由於公司業務需求被和諧到前端開發了，零前端基礎的我也只能轉變心態擁抱變化了，可是我不會所以而停下深刻學習Android開發的步伐，我會繼續前行。最近利用晚上臨睡前的一兩個小時在寫一個記事本的小項目，其實...

一塊兒玩轉 CoordinatorLayout - Android - 掘金
做爲Material Design風格的重要組件,CoordinatorLayout協調多種組件的聯動，實現各類複雜的效果，在實際項目中扮演着愈來愈重要的角色。本篇博客將由淺到深，帶你一塊兒玩轉CoordinatorLayout。 ...

Retrofit 是如何工做的？ - Android - 掘金
注：本文基於 Retrofit2.0版本，並配合 RxJava 來分析。 com.squareup.retrofit2:retrofit:2.0.0 ...

Rxjava + Retrofit 從入門到跑路（Rxjava 介紹篇） - Android - 掘金
本文較長建議在電腦上閱讀(文中除 RxJava + Retrofit 結合運用部分，其他代碼示例來自 扔物線 博客) 2016年也差很少要結束了，做爲一個Android小白今年學到的東西回頭來看發現仍是太少了。給我印象最深的是 MVP設計模式...

Okhttp 源碼學習 (二)- 責任鏈模式獲取響應 - Android - 掘金
設計模式解析之責任鏈模式 模式介紹 模式的定義 一個請求沿着一條「鏈」傳遞，直到該「鏈」上的某個處理者處理它爲止。 模式的使用場景 一個請求能夠被多個處理者處理或處理者未明確指定時...

Okhttp 源碼學習 (一)- 同步和異步提交請求 - Android - 掘金
Okhttp是一個支持HTTP和HTTP/2的客戶端,能夠在android和java應用中使用 支持同步和異步請求,同步請求會阻塞當前線程,異步請求不會阻塞當前線程 支持HTTP/2協議,可讓客戶端中到同一服務器的所...

Glide 源碼分析 - Android - 掘金圖片加載框架，相對於UniversalImageLoader，Picasso，它還支持video，Gif，SVG格式，支持縮略圖請求，旨在打造更好的列表圖片滑動體驗。Glide有生命週期的概念（主要是對請求進行pause，resume，clear），並且其生命...