首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

迷你 JS 框架 Hyperapp 源码解析

Hyperapp 是最近热度颇高的一款迷你 JS 框架,其源码不到 400 行,压缩 gzip 后只有 1kB,却具有相当高的完成度,拿来实现简单的 web 应用也不在话下。...源码解析 回到源码上来,由于 Hyperapp 所有的操作都在 app 函数中完成,下面就来探究一下 app 函数都做了什么。...当然,这只是一个相当粗略的生命周期示意,但我们也能从中了解到 Hyperapp 本身相对简单的结构(对一个迷你框架来说,内部也不会复杂到哪去)。简单解释一下上图中几个函数的实现。...我们看一下源码: function scheduleRender() { if (!...可以说,diff 更新是决定类 React 框架性能最重要的部分。我们来看 Hyperapp 是如何做的。新旧节点的 diff 和更新都由 patch 函数完成。

2K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    鸿蒙OS中的 JS开发框架源码

    源码托管在国内知名开源平台码云上,https://gitee.com/openharmony 我也第一时间下载了源码,研究了一个晚上,顺带写了一个 hello world 程序,还顺手给鸿蒙文档提了 2...当然我最感兴趣的就是鸿蒙的 JS 框架 ace_lite_jsfwk,从名字中可以看出来这是一个非常轻量级的框架,官方介绍说是“轻量级 JS 核心开发框架”。 当我看完源码后发现它确实轻。...\subject.js runtime-core\src\observer\utils.js runtime-core\src\profiler\index.js 从名字可以看出来,这些代码实现了一个观察者模式...在 src\core\base\framework_min_js.h 文件中,这段编译好的 js 被编译到了 runtime 里面。编译完的 js 文件不到 3K,确实够轻量。...这也是为什么在文档中说鸿蒙 JS 框架支持 ECMAScript 5.1 的原因。 从整体看这个 js 框架大概使用了 96% 的 C/C++ 代码,1.8% 的 JS 代码。

    1.6K42

    JS 后端框架盘点

    Express 是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架,为 Web 和移动应用程序提供一组强大的功能,目前 Express 一家独大,是基于 Node.js平台,快速、开放...Next.js中文站Github https://github.com/raoenhui/next-site-cn Next.js 是一个轻量级的 React 服务端渲染应用框架,Next.js 想学的人比较多...3:Koa 基于 Node.js 平台的下一代 web 开发框架 :https://koa.bootcss.com/ Koa 是一个新的 web 框架,由 Express 幕后的原班人马打造, 通过利用...Express是 Node.js 社区广泛使用的框架,简单且扩展性强,非常适合做个人项目。...是一款面向未来开发的 Node.js 框架,整合了大量的项目最佳实践,让企业级开发变得如此简单、高效。

    5.6K30

    Volley框架源码解析

    ( ps :本文篇幅过长,可能会引起不适,请在家长的陪同下观看) 0010B Volley 使用方法 在长篇大论地解析 Volley 框架源码之前,我们先来看看平时是怎样使用 Volley 的。...0011B 在这先把 Volley 框架中几个重要的类的作用讲一下,以便看源码时能够更加明白: RequestQueue :这个大家一看都明白,用来缓存 request 的请求队列,根据优先级高低排列;...基本上在整个 Volley 框架中至关重要的类都讲到了。当然,还有一些 NetworkImageView 、ImageLoader 等源码还没解析。...在这还给出了一张整个 Volley 框架大致的网络通信流程图,对上面源码没看懂的童鞋可以参考这张图再看一遍: Volley框架大致流程图 最后,只剩下总结了。...0101B References Volley 源码解析 volley 框架剖析(四) 之HTTPCache设计 Android Volley完全解析(四),带你从源码的角度理解Volley Etag与

    2K30

    OSCache 框架源码解析

    OSCache 是一个受到争议的开源缓存框架,OpenSymphony 网站已经关闭(OpenSymphony 可是诞生过 Quartz、WebWork、SiteMesh 和 OGNL 等数个非常有名的框架的...在 JavaEE 的缓存框架领域,似乎已经是 EhCache 等其它支持分布式的缓存框架的天下了,OSCache 垂垂老矣?...但是 OSCache 的源代码依然值得一读,一度作为最常用的缓存框架,代码量却不大,绝大部分类一天的时间就可以详详细细地阅读完。...它们之间的关系如下: 值得说明的是,这张图虽然简单,却很有借鉴意义,再复杂的缓存框架,它往往都逃脱不出这样的最基本的设计。...oscache:cache> 到此,不妨来基于 OSCache 做一个小小的思考,OSCache 于我来说,可以说出这样一些内容: 可以缓存任意对象,但是缺少对存储对象类型的约束力(我见过一个缓存框架

    38620

    2017年JS 框架回顾:后端框架

    ,主要介绍 JavaScript 的后端框架情况。...第一篇:《2017 前端框架的现状》 第二篇:《2017 年 JS 框架回顾:React 生态系统》 从上图中可以看到,Express 作为用 JavaScript 编写的后端服务的主流解决方案,占据了后端框架使用率的绝大部分...接下来我们查看其它的后端框架。 其他后端框架 下面是除 Express 之外的四个最大的后端框架,分别为: Koa Hapi Sails Next koa 蓝色代表的是 koa 的相对使用率情况。...Next.js Next.js 是一个基于 React 的通用 JavaScript 框架,同时也是一个较新的框架。 Zeit 的开发团队在 React 的基础上创建了 Next.js。...Next.js 提供了一种很方便的方式来创建新的 Web 应用。当前 Next.js 的使用率尽管还很低,但是却一直保持着上升的趋势,值得关注。

    3.6K90

    手写Express.js源码

    上一篇文章我们讲了怎么用Node.js原生API来写一个web服务器,虽然代码比较丑,但是基本功能还是有的。但是一般我们不会直接用原生API来写,而是借助框架来做,比如本文要讲的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

    5.4K30

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券