首页
学习
活动
专区
工具
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.5K42

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.5K30

OSCache 框架源码解析

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

33920

Volley框架源码解析

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

1.9K30

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

JS模块加载框架 SeaJS

SeaJS是一个遵循CMD规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制,兼容所有主流浏览器 SeaJS的主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载...,让开发可以专注于代码本身的逻辑 上手示例 html中加载初始化模块init.js,init 中调用 module1 模块,同时 module1 模块调用 module2 模块 ?..., factory) id : 模块标识(选填),不填时,id会被默认赋值为此js文件的绝对路径 deps : 是模块依赖(选填) factory : 模块定义方法(必填) 例如 define...module.id 模块的ID、module.dependencies 此模块依赖的所有模块的ID列表、module.exports 与exports指向同一个对象) 模块的寻址 (1)绝对地址——给出js...文件的绝对路径 require("http://example/js/a"); (2)相对地址——用载入函数所在js文件的相对地址寻找模块 例如有 js/a.jsjs/m/b.js 在b.js

6K50
领券