zepto.js 源码解析

http://www.runoob.com/w3cnote/zepto-js-source-analysis.html Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api. 如果你会用jquery,那么你也会用zepto. Zepto 中文手册:http://www.w3cschool.cc/manual/zeptojs.html /* Zepto v1.0-1-ga3cab6c - polyfill zepto detect event aj…

Zepto.js 源码解析（emoji版）

underscore.js源码解析（五）—— 完结篇

最近公司各种上线,所以回家略感疲惫就懒得写了,这次我准备把剩下的所有方法全部分析完,可能篇幅过长...那么废话不多说让我们进入正题. 没看过前几篇的可以猛戳这里: underscore.js源码解析(一) underscore.js源码解析(二) underscore.js源码解析(三) underscore.js源码解析(四) underscore.js源码GitHub地址: https://github.com/jashkenas/underscore/blob/master/undersc…

underscore.js源码解析（四）

没看过前几篇的可以猛戳这里: underscore.js源码解析(一) underscore.js源码解析(二) underscore.js源码解析(三) underscore.js源码GitHub地址: https://github.com/jashkenas/underscore/blob/master/underscore.js 本文解析的underscore.js版本是1.8.3 _.pluck _.pluck = function(obj, key) { return _.map(ob…

underscore.js源码解析（三）

最近工作比较忙,做不到每周两篇了,周末赶着写吧,上篇我针对一些方法进行了分析,今天继续. 没看过前两篇的可以猛戳这里: underscore.js源码解析(一) underscore.js源码解析(二) underscore.js源码GitHub地址: https://github.com/jashkenas/underscore/blob/master/underscore.js 本文解析的underscore.js版本是1.8.3 _.map/_.collect _.map = _.coll…

underscore.js源码解析（二）

前几天我对underscore.js的整体结构做了分析,今天我将针对underscore封装的方法进行具体的分析,代码的一些解释都写在了注释里,那么废话不多说进入今天的正文. 没看过上一篇的可以猛戳这里:underscore.js源码解析(一) underscore.js源码GitHub地址: https://github.com/jashkenas/underscore/blob/master/underscore.js 本文解析的underscore.js版本是1.8.3 _.each _.…

underscore.js源码解析（一）

一直想针对一个框架的源码好好的学习一下编程思想和技巧,提高一下自己的水平,但是看过一些框架的源码,都感觉看的莫名其妙,看不太懂,最后找到这个underscore.js由于这个比较简短,一千多行,而且读起来容易一些,所以就决定是它了,那废话不多说开始我们的源码学习. underscore.js源码GitHub地址: https://github.com/jashkenas/underscore/blob/master/underscore.js 本文解析的underscore.js版本是1.8…

Vue.js源码解析-从scripts脚本看vue构建

目录 1. scripts 脚本构建 1.1 dev 开发环境构建过程 1.1.1 配置文件代码 1.1.2 如何进行代码调试? 1.2 build 生产环境构建过程 1.2.1 scripts/build.js 配置文件解析 1.2.1 build.js配置文件断点调试实践 2. 浏览器 runtime 版本和 runtime-compiler 版本 2.1 runtime 版本 2.1.1 runtime 版本入口 2.1.2 分析 entry-runtime.js 2.1.3 分析 run…

Vue.js源码解析-Vue初始化流程

目录前言 1. 初始化流程概述图.代码流程图 1.1 初始化流程概述 1.2 初始化代码执行流程图 2. 初始化相关代码分析 2.1 initGlobalAPI(Vue) 初始化Vue的全局静态API 2.2 定义Vue构造函数.实例方法 2.3 new Vue(options) 2.4 执行 $mount 进行挂载 2.5 执行 _render 生成 vnode 2.5 执行update将vnode转化为真实DOM 3. 代码调试 demo示例 debug:找到断点入口 debug:添加实例…

zepto.js 源码注释备份

/* Zepto v1.0-1-ga3cab6c - polyfill zepto detect event ajax form fx - zeptojs.com/license */ ;(function(undefined) { if (String.prototype.trim === undefined) // fix for iOS 3.2 String.prototype.trim = function() { return this.replace(/^\s+|\s+$/g, ''…

zepto js 源码解读

egg.js源码解析之render()

作为阿里的开源node.js框架,我觉得egg.js是很有前途的,故而学之,github上down了一个项目下来(https://github.com/easy-team/egg-vue-webpack-boilerplate),这是个基于 Egg + Vue + Webpack 多页面和单页面服务端渲染同构工程骨架项目,稍作学习大致有了了解,但是会用并不是目的!!! egg.js采用了传统的MVC架构,那么今天我们就来结合demo来看看egg.js是如何实现视图渲染的. 如你所见,上图就是应用…

underscore.js源码解析【'_'对象定义及内部函数】

(function() { // Baseline setup // -------------- // Establish the root object, `window` (`self`) in the browser, `global` // on the server, or `this` in some virtual machines. We use `self` // instead of `window` for `WebWorker` support. /* 判断root是w…

Vue.js源码解析-Vue初始化流程之动态创建DOM

目录前言一._update 如何判断是初始化还是更新操作? 二.patch 2.1 patch 定义 2.2 初始化的 patch 三.createElm 动态创建DOM 3.1 创建组件节点 3.2 创建标签元素节点 3.3 创建注释节点 3.3 创建文本节点四.销毁旧节点五.总结前言各位道友大家好,我是LSF,在上一篇博文中,分析了Vue初始化的整体流程,最后到了 update 动态创建 DOM 阶段.接下来这篇博文,会对这个流程进行分析,重点需要掌握 createElm 函数…

underscore.js源码解析【对象】

// Object Functions // ---------------- // Keys in IE < 9 that won't be iterated by `for key in ...` and thus missed. /* ie9以下版本中,对象中的key是不能被遍历的 */ var hasEnumBug = !{toString: null}.propertyIsEnumerable('toString'); var nonEnumerableProps = ['valueO…

underscore.js源码解析【函数】

// Function (ahem) Functions // ------------------ // Determines whether to execute a function as a constructor // or a normal function with the provided arguments. /* 判断一个函数是按照构造函数还是普通函数执行?????????????????????????????????????????????????????????? */…

underscore.js源码解析【数组】

// Array Functions // --------------- // Get the first element of an array. Passing **n** will return the first N // values in the array. Aliased as `head` and `take`. The **guard** check // allows it to work with `_.map`. /* 返回array(数组)的第一个元素.传递 n参数…

underscore.js源码解析【集合】

// Collection Functions // -------------------- // The cornerstone, an `each` implementation, aka `forEach`. // Handles raw objects in addition to array-likes. Treats all // sparse array-likes as if they were dense. /* params: 数组.对象或类数组对象,函数,函数执行环境 *…

Redux系列x：源码解析

写在前面 redux的源码很简洁,除了applyMiddleware比较绕难以理解外,大部分还是这里假设读者对redux有一定了解,就不科普redux的概念和API啥的啦,这部分建议直接看官方文档. 此外,源码解析的中文批注版已上传至github,可点击查看.本文相关示例代码,可点击查看. 源码解析概览将redux下载下来,然后看下他的目录结构. npm install redux 这里我们需要关心的主要是src目录,源码解析需要关心的文件都在这里面了 index.js:redux主文件,主…

PureMVC(JS版）源码解析：总结

PureMVC源码中设计到的11个类已经全部解析完了,回首想想,花了一周的时间做的这点事情还是挺值得的,自己的文字组织表达能力和对pureMVC的理解也在写博客的过程中得到了些提升.我也是第一次写系列博客,有很多疏漏之处,希望各位批准指正,也希望大家多相互交流. 为了大家方便索引,对PureMVC系列文章按照理解先后顺序做了个索引: 1.认识PureMVC:http://www.cnblogs.com/iRavior/p/3347956.html 2.PureMVC(JS版)源码解析(一):观察…

PureMVC(JS版）源码解析

PureMVC(JS版)源码解析:总结 PureMVC源码中设计到的11个类已经全部解析完了,回首想想,花了一周的时间做的这点事情还是挺值得的,自己的文字组织表达能力和对pureMVC的理解也在写博客的过程中得到了些提升.我也是第一次写系列博客,有很多疏漏之处,希望各位批准指正,也希望大家多相互交流. 为了大家方便索引,对PureMVC系列文章按照理解先后顺序做了个索引: 1.认识PureMVC:http://www.cnblogs.com/iRavior/p/3347956.html 2.…

VueJs 源码解析（四） initRender.Js

vueJs 源码解析 (四) initRender.Js 在之前的文章中提到了 vuejs 源码中的架构部分,以及谈论到了 vue 源码三要素 vm.compiler.watcher 这三要素,那么今天我们就从这三要素逐步了解清楚.这部分主要是来解读 render.js. 一.initRender 初始化 render 函数核心代码一: vm._c = (a, b, c, d) => createElement(vm, a, b, c, d, false); // normalizatio…

vue系列---Mustache.js模板引擎介绍及源码解析(十)

mustache.js(3.0.0版本) 是一个javascript前端模板引擎.官方文档(https://github.com/janl/mustache.js) 根据官方介绍:Mustache可以被用于html文件.配置文件.源代码等很多场景.它的运行得益于扩展一些标签在模板文件中,然后使用一个hash字典或对象对其进行替换渲染操作. 基本语法如下: 1. {{ keyName }}: 读取属性值, 如果有html标签的话,会被转义. 2. {{{ keyName }}}: 读取属性值且原样…

jQuery2.x源码解析(缓存篇)

jQuery2.x源码解析(构建篇) jQuery2.x源码解析(设计篇) jQuery2.x源码解析(回调篇) jQuery2.x源码解析(缓存篇) 缓存是jQuery中的又一核心设计,jQuery自身的很多东西都依赖于缓存,比如事件.一些中间变量.动画等.同时他还为用户提供接口了使用缓存的接口,方便用户在元素节点上保存自己的数据,并且帮助用户解决直接把数据保存到DOM元素是可能引起的内存泄漏.命名冲突等问题. 同时,html5提出了一种通过属性缓存元素数据的功能,就是data-*属性,他可以…

jQuery2.x源码解析(构建篇)

jQuery2.x源码解析(构建篇) jQuery2.x源码解析(设计篇) jQuery2.x源码解析(回调篇) jQuery2.x源码解析(缓存篇) 笔者阅读了园友艾伦 Aaron的系列博客<jQuery源码分析系列>,跑艾伦的部分代码后,感觉仍然不够解渴,对jQuery依旧一知半解,产生了很多问题.阅读源码博客已经无法解决这些问题,所以笔者决定亲自查看jQuery源码,解除心中的疑问.阅读的形式属于自问自答,笔者会提出疑问,然后亲自解答(吐槽:感觉有点像一休哥和将军大人>_<)…

jQuery2.x源码解析(设计篇)

jQuery2.x源码解析(构建篇) jQuery2.x源码解析(设计篇) jQuery2.x源码解析(回调篇) jQuery2.x源码解析(缓存篇) 这一篇笔者主要以设计的角度探索jQuery的源代码,很多人说jQuery设计过于个人主义话,其实这样说是有一定偏见的,因为好的设计是可通用的.共通的,jQuery这么好用,我们怎么能说他的设计是个人主义呢?记得以前有人吐槽mvvm设计剑走偏锋,导致代码难以维护,不过前几年从mvvm火爆程度来看,另类绝不是不好.好了,开始正题. 提问:jQuery…

jQuery2.x源码解析(回调篇)

jQuery2.x源码解析(构建篇) jQuery2.x源码解析(设计篇) jQuery2.x源码解析(回调篇) jQuery2.x源码解析(缓存篇) 通过艾伦的博客,我们能看出,jQuery的promise和其他回调都是通过jQuery.Callbacks实现的.所以我们一起简单看看jQuery.Deferred和jQuery.Callbacks.来看看关于他们的一些提问. 提问:jQuery.Callbacks的配置为什么是用字符串参数? jQuery.Callbacks有四种配置,分别是o…