首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

如何移除你项目中99%的JS代码

miško hevery 在演讲中,他介绍了一款全栈SSR框架 —— Qwik,这款框架号称「能帮你移除项目中99%的JS代码」。 他是如何办到的,本文我们来介绍下Qwik。 性能差?...当前web应用普遍采用「前端框架」开发,这意味着会引入大量JS代码(框架本身代码、第三方依赖包的代码......)...从HTML开始解析到最终页面渲染,中间还要经历: 下载框架JS代码 执行框架JS代码 由框架完成页面渲染 这就导致FCP指标的下降。...交互时再请求JS不会卡么? 有同学可能会问,如果在网络不好的情况下,交互时再请求JS代码不会让交互变得卡顿么?...对JS代码的极致拆分,只为达到一个目的 —— 在首屏渲染时,移除你项目中99%的JS代码。 你觉得这波操作怎么样?

8.8K60

一个只有99代码JS流程框架(二)

导语 前面写了一篇文章,叫《一个只有99代码JS流程框架》,虽然该框架基本已经能实现一个流程正常的逻辑流转,但是在分模块应用下还是缺少一定的能力,无法将一个页面中的不同模块很好的连接在一起,于是对之前的框架进行了升级...在这个升级后的框架里(当然代码已经不止99行了,不要在乎标题),每个步骤不但可以是一个function,还可以引用另一个流程,这个被引用的流程就叫子流程。...而子流程与父流程的交互,我们可以在代码中通过 this.parent 来实现。...在子流程的每一步中都可以获取 this.parent,得到的是当前子流程对应的步骤,这个步骤跟其他步骤一样也具有同样的API(详见上一篇文章《一个只有99代码JS流程框架》对步骤API的介绍)。...为了方便交流学习,上面例子完整代码可通过附件下载,最后同样贴上框架源码: 附件 flowJS(1).zip

1.6K100

一个只有99代码JS流程框架 (一)

最近一直在想一个问题,如何能让js代码写起来更语义化和更具有可读性。...想到这里一个js框架雏形在我大脑中慢慢形成,暂且命名为flowJS。 接着说说这个框架应该有哪些API?...可能有人会用Promise来跟flowJS对比,其实Promise更多的是为了解决JS异步回调的问题,而flowJS不仅也能解决异步回调问题,还能让代码看起来更加语义化和流程化,使得代码更具可读性。...flowJS不仅能用于页面JS开发,同样在nodeJS横行的时代,必须也是支持在服务端的nodeJS来使用的,无任何第三方依赖!...好了,安利了那么多,现在来看看这个只有99代码的框架的真面目 ↓ 我真的没有压缩代码,它真的只有99行! 最后提示: 框架源码和各demo在附件中可下载! 附件: flowJS.zip

10K103
领券