router.js的代码其实是router/index.js，里面的代码是express的路由的核心和入口。下面我们看一下重要的代码。...}; 1.从use和route函数的代码中我们知道，这两个函数存储路由数据的方式是不一样的。...虽然都是通过往router的stack里累加layer，但use是里的layer对应的回调是传进来的fn，而route里的layer对应的回调是route的dispatch，并且通过返回route对象，...2.handle函数是处理路由的入口，也是核心的代码，其中的逻辑比较多，我们主要关注一下next函数和里面的while逻辑，while的逻辑主要是在路由的二维数组中(见route分析那章)逐行查找匹配的路由...router传过去的next回到router的next函数逻辑中，然后基于idx位置继续查找匹配的路由，继续以上的过程，知道idx等于stack的长度。
，我们只关注 node xx.js 的运行模式 // if () { // ... } else { // 执行用户代码 // cluster 模块的...内置模块的 // lib/internal/bootstrap_node.js function NativeModule(id) { this.filename = `${id}.js...filename: NativeModule 对应源码文件 exports: 默认值是 {} loaded / loading: NativeModule 状态 _cache: 简单的模块缓存..._source: 模块源码资源 require(): 先查询缓存，缓存没有则新建 NativeModule 并编译，返回 exports wrap()/wrapper: wrapper 是对模块上下文的包裹...至此 启动-js部分 已经全部完成，后续模块加载部分，见 Node.js源码解析-require背后 End 启动只是 Node.js 源码的一小部分，除此之外还有大量的内置模块和 c / c++ 源码
在Google上搜索时，我发现了impress.js的存在，与我的设想不谋而合，于是乎……不再自己造轮子，又花了两天时间熟悉使用impress.js来设计幻灯片，效果完全超越了我的预期。 ...impress.js简单来说仅仅是实现了幻灯片的转场特效的框架，虽说将单页限制在框架之内，但所有单页还是需要自己用代码设计。...花了一天探索了下impress.js源码，其实并不复杂，个人感觉收获颇丰，以下阐述我的收获。.../impress.js"> impress().init(); 源码中的init()函数，分析写在注释中 var init = function(...源码简洁明了，并不复杂，作者的本意也是构建一个基础的框架，让使用者自由发挥，正合吾意！
本文照例会从Express的基本使用入手，然后自己手写一个Express来替代他，也就是源码解析。...手写源码 手写源码才是本文的重点，前面的不过是铺垫，本文手写的目标就是自己写一个express来替换前面用到的express api，其实就是源码解析。...本文所有手写代码全部参照官方源码写成，方法名和变量名尽量与官方保持一致，大家可以对照着看，写到具体的方法时我也会贴出官方源码的地址。...express.js对应的源码看这里：github.com/expressjs/e… app.listen 上面说了，express.js只是一个空壳，真正的app在application.js里面，所以...[method] 所以我们来看下Router这个类，下面的代码是从源码中简化出来的： // router/index.js var setPrototypeOf = require('setprototypeof
watch.js 源码解读 用麻雀虽小五脏俱全来描述Watch.js比较合适。“观察者”模式是我们在开发的时候经常需要用到的。...使用Watch.js那么我们就可以实现在“每当对象属性改变的时候，执行你的函数”。...虽然有很多其他的库可以实现相同的功能，但是Watch.js却可以不改变你平时书写代码的方式，并且实现属性改变的监听功能。.../17/) Watch.js还提供了其他有用的api：监控多个属性、监控整个对象或移除整一个watch。...这在一些情况下会导致严重的bug，而且难以调试。所以在真正使用的环境中需要注意！ 总结 抛开watch.js的bug不谈，它还是有很多可圈可点的地方。
第二篇文章是看了Express的基本用法，更主要的是看了下他的源码：手写Express.js源码 Express的源码还是比较复杂的，自带了路由处理和静态资源支持等等功能，功能比较全面。...从上面两个例子的代码来看，Koa跟Express有几个明显的区别： ctx替代了req和res 可以使用JS的新API了，比如async和await 手写源码 手写源码前我们看看用到了哪些API，这些就是我们手写的目标...lib/application.js这个文件就是我们经常用的Koa类，虽然我们经常叫他Koa类，但是在源码里面这个类叫做Application。...app.createContext对应的官方源码看这里：github.com/koajs/koa/b… context.js 上面的this.context其实就是来自context.js，所以我们先在...Express源码可以看我之前这篇文章：手写Express.js源码 Koa的思路看起来更清晰，Koa本身的库只是一个内核，只有中间件功能，来的请求会依次经过每一个中间件，然后再出来返回给请求者，这就是大家经常听说的
在看 jQuery 源码时，发现了这段注释： //源码5235行 /* * Helper functions for managing events -- not part of the public...addEvent.js (http://dean.edwards.name/weblog/2005/10/add-event/)库为 jQuery 的事件绑定提供了很多想法，我们就来看下 2005 年的...addEvent.js 。...（2）由 handleEvent 来统一执行 click 事件 二、handleEvent() 作用： 执行事件的处理程序 源码： //执行事件的处理程序 function handleEvent...最后： 完整代码请看https://github.com/AttackXiaoJinJin/jQueryExplain/blob/master/addEvent.js.html ----
现在讨论Docker安全性的话题颇多，主要集中在对使用容器方式的隔离性、攻击防护性等方面。 往往与虚拟机方式进行比较。 首先，从安全性上看，Docker容器的安全性比不上虚拟机，这点是毋庸置疑的。...容器内的应用可以直接访问到主机系统内核；而虚拟机中的应用首先要访问到虚拟机的操作系统，然后在经过hypervisor层才能访问到外部的系统。 而且，虚拟机方式在生产环境中经过诸多检验，更加成熟一些。...然而，从我的角度看，容器方式确实牺牲掉了部分的安全性，但却换来了高效性和灵活性。 且不说它的快速启动和关闭，以及对系统资源极少的需求。 光从内核机制上看，容器的安全性实际上完全依赖于内核。...这个时候容器的优势就体现出来了，因为容器完全可以在正常运行中的同时，本地主机就可以给内核打上补丁或更换新内核。 另外，Linux的内核在安全性方面已经是十分成熟。...下一步随着不必给容器分配root权限这方面的改进，Docker的安全问题将得到极大的缓解。
之前也有试过看代码，但项目中N多JS文件，每个JS文件上千行，一行一行的看下来，用不了几分钟就完全晕掉了。...完全不知道某一行里的判断，是在判断什么，那个变量是什么意思，顺着调用顺序看下来，会发现看到后面的时候，前面看的内容已经忘了。 于是，这一次，我决定换一个方式读JS源码。...这个项目中有N个JS文件，我把入口的JS文件拿出来先看，然后我把它里面所有的函数名，都用思维导图写出来，就像这样， ? 在这样做的时候，只是看看函数名在做什么，不去读函数内部的细节。...看小说一行行看就OK，但读源码的重点，不在于要读完并理解每一行JS代码，而在于通过图表和笔记，理解系统的结构和它们之间的关系。...推广来说，看项目源码，看前端各种构架的源码，它最大的好处就是可以培养自己的对于代码的“层次感”。
Vue.js 的源码都在 src 目录下，其目录结构如下： src ├── compiler # 编译相关 ├── core # 核心代码 ├── platforms...Vue.js 四、server Vue.js 2.0 支持了服务端渲染，所有服务端渲染相关的逻辑都在这个目录下 ?...注意：这部分代码是跑在服务端的 Node.js，不要和跑在浏览器端的 Vue.js 混为一谈 服务端渲染主要的工作是把组件渲染为服务器端的 HTML 字符串，将它们直接发送到浏览器，最后将静态标记"混合...这个目录下的代码逻辑会把 .vue 文件内容解析成一个 JavaScript 的对象 六、shared Vue.js 会定义一些工具方法，这里定义的工具方法都是会被浏览器端的 Vue.js 和服务端的...Vue.js 所共享的 ?
Hyperapp 是最近热度颇高的一款迷你 JS 框架，其源码不到 400 行，压缩 gzip 后只有 1kB，却具有相当高的完成度，拿来实现简单的 web 应用也不在话下。...源码解析 回到源码上来，由于 Hyperapp 所有的操作都在 app 函数中完成，下面就来探究一下 app 函数都做了什么。...该函数主流程相当简单，源码总计十来行，先贴在下面，后面慢慢分析： export function app(state, actions, view, container) { var map = [...顾名思义，该函数是调度渲染的意思。我们看一下源码： function scheduleRender() { if (!...在研究其源码前，我们先看一下 Hyperapp 对 actions 中的方法制定的规范，当 state 中无嵌套对象时，总结起来大致是以下几条： 必须是一元函数（只接受一个参数） 函数返回值必须是以下几种
一、前言 avalon.js的影响力愈发强劲，而作为子模块之一的mmDeferred必然成为异步调用模式学习之旅的又一站呢！...三、源码剖析 首先要了解的是mmDeferred中存在Deferred和Promise两个操作集合（两者操作同一个的数据结构实例），Promise...利用JS中变量声明自动提升(hoist)的特性，通过前置return语句将对外接口与具体实现的代码分离。 2....下面是源码 define("mmDeferred", ["avalon"], function(avalon) { var noop = function() { } function...} Deferred.nextTick = avalon.nextTick return Deferred }) 四、总结 源码中还提供了相关资料的链接
3.isArguments、isFunction、isString、isNumber、isDate、isRegExp、isError这些方法放到一起讲，因为这些方法的的源码实现都是放到了一个each函数中遍历每一个方法名然后实现的布尔值判定...源码： _.each(['Arguments', 'Function', 'String', 'Number', 'Date', 'RegExp', 'Error'], function(name) {...需要注意的是js数组和函数是对象，字符串和数字不是。...bb6dc3cabae6651b94f69bbd562ff370/page/2.html https://github.com/hanzichi/underscore-analysis/blob/master/underscore-1.8.3.js.../underscore-1.8.3-analysis.js http://www.css88.com/doc/underscore/#isEmpty http://www.css88.com/doc
如果需要每帧控制参数可以在update回调函数中完成 更多的使用细节请参看前一篇文章与github上的源码，今天分享的内容是ShaderHelper组件中的核心CustomMaterial源码分析。...Effect的实例化 ---- texture与color的初始化比较简，但Eeffect实例化需要三个参数，看下引擎源码： //--------------CustomMaterail.js----...techniques是一个数组，我们接下来看CustomMaterial源码中是怎么创建它的。 4....Technique的实例化 ---- Effect类的第一个参数需要Technique的数组，我们看Technique的创建： //--------------------CustomMaterial.js...》一文，才让我对材质系统有了初步的理解，至此才有幸能初步读懂CustomMaterial源码，在此感谢以上大佬们！
/）的新手引导后就会有种不好好学学就太可惜的感觉了，而只看API和使用指南是无法满足我对它的好奇心的，通过解读源码读透它的设计思想才是根本。 ...本文部分内容将和《JS魔法堂：剖析源码理解Promises/A》中的内容作对比来讲解。 ..._next; }; 《JS魔法堂：剖析源码理解Promises/A》中的官网实现示例是将事件处理函数绑定到当前的Promise实例，而不是新创的Promise实例。...1000); d.canceller = function () { clearTimeout(id) }; return d; }; 刚看到该函数时我确实有点小鸡冻，我们可以将《JS...魔法堂：剖析源码理解Promises/A》的第三节“从感性领悟”下的示例，写得于现实生活的思路更贴近了。
(function() { // Baseline setup // -------------- // Establish the root ...
由上图可知，JS 代码被略微混淆了，通过 JS 在线解密工具 来进行解密： 一眼就看到了 m 参数： _0x5d83a3['m'] = _0x57feae + '丨' + _0x2268f9 / ( -...='utf8') as f: js_code = f.read() context = execjs.compile(js_code).call('results') m = f'{context...后记 在本文中，我们深入探讨了混淆源码的逆向分析过程，通过一系列的步骤逐步破解了复杂的混淆技术。...从跳过断点到分析接口，再到 timestamp 和 cipher 的深入研究，我们不仅掌握了如何应对复杂的 JS 混淆技术，也提供了针对性的解决策略。...以上就是博文 JS 逆向实战：深入解析 JS 源码混淆案例 的所有内容了，希望本篇博文对大家有所帮助！欢迎大家持续关注我的博客，一起分享学习和成长的乐趣！
在上一篇手记「深入理解 React JS 中的 setState」中，我们简单地理解了 React 中 setState “诡异”表现的原因。...在这一篇文章中，我们从源码的角度再次理解下 setState 的更新机制，供深入研究学习之用。 源码的部分为了保证格式显示正常就截图了，查看源码点击对应的链接直接跳转至 GitHub 查看即可。.../reconciler/ReactUpdates.js#L199 2..../Transaction.js#L28 其实 Virtual DOM 的框架都会有这样的设计逻辑，理解了这样的底层设计才能很好地理解一些方法在前台的表现行为。...Vue.js 中也有类似的设计逻辑，后续如果有时间我们将继续进行相关讨论。 下一篇文章，我们继续来看 React 底层是如何进行 的设计以及更新状态的转换的。
由上图可知，JS 代码被略微混淆了，通过 JS 在线解密工具来进行解密：一眼就看到了 m 参数：_0x5d83a3['m'] = _0x57feae + '丨' + _0x2268f9 / ( - 1...') as f: js_code = f.read()context = execjs.compile(js_code).call('results')m = f'{context["cipher...后记在本文中，我们深入探讨了混淆源码的逆向分析过程，通过一系列的步骤逐步破解了复杂的混淆技术。...从跳过断点到分析接口，再到 timestamp 和 cipher 的深入研究，我们不仅掌握了如何应对复杂的 JS 混淆技术，也提供了针对性的解决策略。...以上就是博文 JS 逆向实战：深入解析 JS 源码混淆案例 的所有内容了，希望本篇博文对大家有所帮助！欢迎大家持续关注我的博客，一起分享学习和成长的乐趣！
nextTick vue版本 2.6.11 源码分析(nextTick) nextTick源码调用过程总结： init->timerFunc = (Promise/MutationObserver/setImmediate...flushCallbacks, 0); }; } $nextTick(fn)->callbacks.push(function(){fn.call(this)})->timerFunc() 使用nextTick的源码如下...$nextTick = function (fn) { return nextTick(fn, this) }; 源码分析(set过程) Vue对每个组件中的data都做了数据代理（截持）,...nexcTick 222 -> callbacks 6、setter调用, flushSchedulerQueue -> callbacks7、nexcTick 333 -> callbacks 在Vue源码...部分未提及源码 flushSchedulerQueue中watcher.before函数,对应beforeUpdate生命周期 new Watcher(vm, updateComponent, noop
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
云直播
对象存储
