![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
源码解读
vzhufeng
这个作者很懒,什么都没留下…
展开
-
preact管中窥豹
版本10.3.1本文不多描述已经说得很多了的一些东西,比如setState什么的,在preact里面很容易找到相关代码(在component.js里),实现也不是特别复杂,这里主要看看一个组件如何执行第一次渲染,以及preact的diff在其中扮演的角色先看例子import { h, render, Component } from "preact";class App extends ...原创 2020-04-20 22:27:57 · 1470 阅读 · 0 评论 -
koa源码部分解析(3)koa-body
版本4.1.1惯例,先来看看简单的使用const Koa = require('koa');const body = require('koa-body');const app = new Koa();// 可以给parsedMethods传想要koa-body解析的方法app.use(body({parsedMethods: ['POST', 'PUT', 'PATCH', 'G...原创 2020-02-24 16:24:47 · 1417 阅读 · 0 评论 -
koa源码部分解析(2)koa-router
版本7.4.0比较长,建议一边看一边打断点,光看一遍估计是不知道在说什么的,因为它的思路不是面向过程的那种一条线,而是互相穿插,绕来绕去的。koa-router的核心其实是path-to-regexp这个库,不过koa-router做了非常多的参数处理和封装,主要提供的功能有:基础的rest方法的注册、嵌套路由、路由中间层、参数处理等,我们一个一个来看。先来看看koa-router的基本使用...原创 2019-12-12 20:52:43 · 1028 阅读 · 0 评论 -
koa源码部分解析(1)本体
koa自身的代码比较少,但是有很多依赖的npm包,有不少是在jshttp这个project里(比如on-finished)。版本2.7.0先来看一个使用koa的例子const Koa = require('koa');const fs = require('fs');const app = new Koa();function render(page) { return new ...原创 2019-09-02 20:19:54 · 1211 阅读 · 0 评论 -
redux、react-redux执行流程简单解析
其实不想看react-redux、redux的源码,平时不太喜欢用,尤其是简单的页面,然而总是会遇到复杂点的页面的,所以还是要了解下,搜索了下,讲react-redux、redux的文章很多,但是,好像都不太能理解,可能是风格不太一样,没办法还是只能自己看,看了就记录下吧。只讲最简单的使用涉及的东西,目前没怎么用中间件什么的。react-redux版本6.0.1,redux版本4.0.1使用的...原创 2019-08-11 22:18:00 · 637 阅读 · 0 评论 -
1.整体结构
参考http://www.cnblogs.com/chaojidan/category/634197.html分析jquery源码的一搜还是很多的,但是还是自己写一写,一方面以后找起来方便,自己写的自己知道在哪,另一方面不懂的地方每个人是不一样的,也就是说每个人的侧重点不一样,所以我写的也基本是我看别人文章的时候发现自己不是很懂的地方。还有些是自己现阶段还不太懂的,就不写了,以后懂了再加。...原创 2018-03-26 20:46:37 · 229 阅读 · 0 评论 -
2.构造函数和扩展接口
参考http://www.cnblogs.com/aaronjs/p/3278578.html构造jQuery的构造函数是直接返回了jQuery.prototype.init()函数的实例,不是特别懂为什么要这么写,只是写一写和这种形式类似的几种方式的问题在哪这种是源码里的var jQuery = function(selector, context) { ret...原创 2018-04-02 15:23:59 · 145 阅读 · 0 评论 -
3.Callbacks
Callbacks还是很重要的,deferred对象是依赖callbacks的,而ajax的实现依赖deferred参考 http://www.cnblogs.com/chaojidan/p/4165818.html这篇文章里的注释很详细,但是自己的看的时候还是要集中注意力,而且自己要写写例子进行测试,记录一下自己觉得比较重要的地方Callbacks包含如下几个比较重要的变量:...原创 2018-05-07 22:56:56 · 117 阅读 · 0 评论 -
4.Deferred
首先,Deferred是Promise的一种实现,并且,Deferred对象可以通过Callbacks实现,两者的使用方式也很像。由于Promise有两种完成状态,一种resolve,一种reject,所以,对应的Callbacks就有两个,还有一个notify,似乎不是标准的Promise状态?Deferred用到了Callbacks里面的memory参数,是因为Promise达到完成...原创 2018-05-09 21:05:11 · 396 阅读 · 0 评论 -
5.ready
参考文章 https://segmentfault.com/a/1190000005762854ready其实自己看看基本能看明白,我写在这里只是为了记录一下,我还是和之前一样,看的是2.0.3的版本,我找了一下,发现以前的版本ready的检测内容更多些,比如参考文章里面是1.8.3版本,就多了doScroll的方式先看2.0.3,搜一下ready:可以发现两个,一个很简单,就两句话...原创 2018-05-10 15:34:26 · 96 阅读 · 0 评论 -
6.Data
参考文章 http://www.cnblogs.com/aaronjs/p/3370176.html数据缓存这个东西平时可能不太有感觉,尤其是做一些简单的页面的时候,只有用到data-xx这样的存储在标签里的数据的时候,才会接触到,但还可能意识不到这是在使用jq的缓存,我以前以为$(‘#dom’).data(‘data2’)就只是操作标签里的data-xx数据而已两种形式可以定义缓存, ...原创 2018-06-28 22:10:03 · 205 阅读 · 0 评论 -
wangEditor源码部分解读
最近在做富文本相关的探索,看了下wangEditor和draft.js,draft.js相对复杂一些吧,wangEditor的代码就比较直白,注释比较多,比较适合阅读,大体讨论一下wangEditor的结构。版本是v3.1.1,讲下大概原理,不会每个功能都讲。先看使用方式,var E = require('wangeditor');var editor = new E('#editor')...原创 2019-01-09 21:09:11 · 3536 阅读 · 0 评论 -
Pure-JavaScript-HTML5-Parser源码解读
有个需求要用到html标签解析,又碰巧之前有人写过,就直接用了之前用的东西https://github.com/blowsie/Pure-JavaScript-HTML5-Parser,git上星不多,不过感觉思路比较特别,和我最开始想的不太一样,稍微看了看原理,总结一下。因为没有release版本,只能写一个commit版本号,3e8b2b1153a40495f9a16506c778d00150...原创 2018-10-21 02:01:09 · 1599 阅读 · 0 评论 -
axios源码部分解读
最近事情多,很久没看jquery的源码了(唉),而且后面排的东西越来越多,暂时应该不会继续,下次找个机会再重新捡起来吧因为用到的工程里包装了axios,并且还踩了次坑,所以拿来看了看自己比较感兴趣的特性如下: 1. 请求和返回的拦截 2. 取消请求 3. 请求代理axios用到的包很少,只有url和follow-redirects,它的源码在lib文件夹下,lib下面又有adap...原创 2018-09-16 20:19:57 · 914 阅读 · 0 评论