源码分析 - 收藏集 - 掘金
【译】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-zi-ji-shi-xian-yi-ge-mobx/ 前言 mobx 是一个非常优雅的状态管理库,具有相当大的自由度,并且使用非常简单,本文通过自己实现一个 mini 版的 mo...
实现一个前端表单验证插件 - 前端 - 掘金
前言2017 百度前端学院开课啦!里面有许多课题非常有意思,其中表单验证应该是前端同学接触最多的一个工作之一了。 表单验证不难,但是涉及到复杂交互,所以实现起来会比较繁琐。因此本文将会使用 es6、不依赖任何第三方库 实现一个简单的表单验证插件。 效果 <...
一个只有 99 行代码的 JS 流程框架 - 前端 - 掘金
作者 | 张镇圳编辑 | 京露 张镇圳,腾讯Web前端高级工程师,对内部系统前端建设有多年经验,喜欢钻研捣鼓各种前端组件和框架。 最近一直在想一个问题,如何能让js代码写起来更语义化和更具有可读性。 上周末的时候突发奇想,当代码在运行的时候,其实跟我们做事...
[专栏预告]Build Your Own React - 前端 - 掘金
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 本文能帮你做什么? 1、...
数据绑定之谜 - 前端 - 掘金
所谓的双向绑定,无非是从界面的操作能实时反映到数据,数据的变更能实时展现到界面。 数据绑定换种说法,如果我们有一个 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/re...
关于 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 - 掘金
总体设计类图 以下会分拆成两个部分进行说明: 1、总体机制部分 2、Sql操作细节部分 ...
Java Executors 框架源码解析一 - Android - 掘金
1、概要 在开发并发程序时,我们可能或多或少都要用到线程池来复用线程以达到较高的性能,但是我们自己写的线程池往往不能达到最大的利用率。考虑到并发的问题,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),而且其生命...