Per.js对比其他框架有什么不同,他解决了什么问题
ccwgpt 2024-10-29 13:23 26 浏览 0 评论
有人一开始看到Per.js时,会觉得它就是一个普通的JavaScript响应式开发框架,和Vue比几乎完全一样,我并不需要使用它,也不想了解它。如果你也有这样的问题,那么这篇文章也许会让你重新思考这个问题。
接下来,我就来详细说明一下Per.js的优势与劣势:
Per和Vue有70%的相似度,那么我们就从他们对比。
首先,性能往往是决定一个框架好坏的最重要的一条,而Per.js的平均执行速度要比Vue快出7到8倍去。(至少在2.3版本之前是这样,之后可能会越来越慢,因为功能越加越多)这就表示当你从服务器里获取20000条数据并使用for属性输出时,使用Vue时的执行时间大约为200ms,而使用Per的执行时间仅有45ms。所以可以说Per.js在for属性上面的执行速度大约是Vue.js的5倍还要多。
仅凭一个for属性的执行速度可能还不足让你信服,那么现在就让我们看看组件的渲染速度。
使用Vue在100个元素中绘制组件大约需要67ms,而使用Per在100个元素中绘制相同组件则只需要1.5ms,这就说明Per.js在渲染组件方面,比Vue要快出大约45倍。
可能你会说,我根本就不用Vue渲染那么多组件,而且Vue虽然比Per.js慢,但是也够用了。
那么如果你这样认为的话,我们就继续来看看Vue和Per.js的数据模板渲染速度。
使用Vue在100个元素中渲染2个变量大约需要58ms,而使用Per执行同样操作则只需要16ms,这就说明Per.js在渲染组件方面,比Vue要快出大约3.5倍。
(以上代码的对比测试详细链接在这里:Per.js速度对比Vue的传送门)
你可以想象,当你的服务器带宽不足,网站访问极慢时,你可能会考虑以下几种方法:
- 增加带宽
- 重构网站
第一种方法浪费钱,第二种方法浪费时间,如果都不适合你,那么你可以选择替换框架。
假设你的用户访问你的网站需要6秒的时间,那么服务器带宽决定了4秒,前端操作浪费了2秒。更何况某些花里胡哨的网站,前端代码几十万行的那种,更需要一个快速的前端框架。
而我们的作用,就是要解决这个问题。
Per.js和Vue的操作几乎相同,但是源码100%不同,而且Per.js的部分操作方式和Vue的方式几乎完全一样。更何况它(Per.js)也是渐进式框架,你只需要小修小改即可完成替换。
有些人又会说,我懒得修改了怎么办呢?
那么你需要想一想,是浪费你每月大约200块钱好呢,还是重构网站浪费你大约10天时间好呢,还是替换个框架,修改几个api来得实在。
当然,一个框架的易用性和易上手度是决定这个框架好坏的第二标准,在这一点上,Per.js比Vue也要完美。
你去码云看看我们的wiki和Vue的官方教程即可知道,使用上手Vue的难度是Per.js难度的几乎3倍还要多,十分不适合某些刚进入前端的小白来使用。
那么你就可以选择Per.js!
我们的框架比Vue简单,而且方便,如果你已经学习了Vue也不要紧,我们的框架比Vue要简单几倍,你只需要花费10分钟阅读我们的文档,即可开始体验我们的超级框架!
那么还有人会问,你们的框架有Vue的全部功能吗?
首先你需要知道,我们创建这个框架,不是为了再造一个轮子,而是发展一个新的超级JavaScript响应式框架。这个超级框架,不是为了和Vue一样,主要作用在DOM视图上,而是为了各方面的需求。其中包括:DOM、前端操作、ajax等等。
我们的框架在DOM方面和Vue一样采用MVC架构;另外我们的框架是模块化的,可扩展的。
这就使得你可以在需要使用时再加载一个Per.js的模块,有效减少了加载时的性能消耗。
好了,那么最后,欢迎下载和使用Per.js!
相关推荐
- 滨州维修服务部“一区一策”强服务
-
今年以来,胜利油田地面工程维修中心滨州维修服务部探索实施“一区一策”服务模式,持续拓展新技术应用场景,以优质的服务、先进的技术,助力解决管理区各类维修难题。服务部坚持问题导向,常态化对服务范围内的13...
- 谷歌A2A协议和MCP协议有什么区别?A2A和MCP的差异是什么?
-
在人工智能的快速发展中,如何实现AI模型与外部系统的高效协作成为关键问题。谷歌主导的A2A协议(Agent-to-AgentProtocol)和Anthropic公司提出的MCP协议(ModelC...
- 谷歌大脑用架构搜索发现更好的特征金字塔结构,超越Mask-RCNN等
-
【新智元导读】谷歌大脑的研究人员发表最新成果,他们采用神经结构搜索发现了一种新的特征金字塔结构NAS-FPN,可实现比MaskR-CNN、FPN、SSD更快更好的目标检测。目前用于目标检测的最先...
- 一文彻底搞懂谷歌的Agent2Agent(A2A)协议
-
前段时间,相信大家都被谷歌发布的Agent2Agent开源协议刷屏了,简称A2A。谷歌官方也表示,A2A是在MCP之后的补充,也就是MCP可以强化大模型/Agent的能力,但每个大模型/Agent互为...
- 谷歌提出创新神经记忆架构,突破Transformer长上下文限制
-
让AI模型拥有人类的记忆能力一直是学界关注的重要课题。传统的深度学习模型虽然在许多任务上取得了显著成效,但在处理需要长期记忆的任务时往往力不从心。就像人类可以轻松记住数天前看过的文章重点,但目前的...
- 不懂设计?AI助力,人人都能成为UI设计师!
-
最近公司UI资源十分紧张,急需要通过AI来解决UI人员不足问题,我在网上发现了几款AI应用非常适合用来进行UI设计。以下是一些目前非常流行且功能强大的工具,它们能够提高UI设计效率,并帮助设计师创造出...
- 速来!手把手教你用AI完成UI界面设计
-
晨星技术说晨星技术小课堂第二季谭同学-联想晨星用户体验设计师-【晨星小课堂】讲师通过简单、清晰的语言描述就能够用几十秒自动生成一组可编辑的UI界面,AIGC对于UI设计师而言已经逐步发展成了帮助我们...
- 「分享」一端录制,多端使用的便捷 UI 自动化测试工具,开源
-
一、项目介绍Recorder是一款UI录制和回归测试工具,用于录制浏览器页面UI的操作。通过UIRecorder的录制功能,可以在自测的同时,完成测试过程的录制,生成JavaScr...
- APP自动化测试系列之Appium介绍及运行原理
-
在面试APP自动化时,有的面试官可能会问Appium的运行原理,以下介绍Appium运行原理。Appium介绍Appium概念Appium是一个开源测试自动化框架,可用于原生,混合和移动Web应用程序...
- 【推荐】一个基于 SpringBoot 框架开发的 OA 办公自动化系统
-
如果您对源码&技术感兴趣,请点赞+收藏+转发+关注,大家的支持是我分享最大的动力!!!项目介绍oasys是一个基于springboot框架开发的OA办公自动化系统,旨在提高组织的日常运作和管理...
- 自动化实践之:从UI到接口,Playwright给你全包了!
-
作者:京东保险宋阳1背景在车险系统中,对接保司的数量众多。每当系统有新功能迭代后,基本上各个保司的报价流程都需要进行回归测试。由于保司数量多,回归测试的场景也会变得重复而繁琐,给测试团队带来了巨大的...
- 销帮帮CRM移动端UI自动化测试实践:Playwright的落地与应用
-
实施背景销帮帮自2015年成立以来,移动端UI自动化测试的落地举步维艰,移动端的UI自动化测试一直以来都未取得良好的落地。然而移动互联网时代,怎样落地移动端的UI自动化测试以快速稳定进行移动端的端到端...
- 编写自动化框架不知道该如何记录日志吗?3个方法打包呈现给你。
-
目录结构1.loguru介绍1.1什么是日志?程序运行过程中,难免会遇到各种报错。如果这种报错是在本地发现的,你还可以进行debug。但是如果程序已经上线了,你就不能使用debug方式了...
- 聊聊Python自动化脚本部署服务器全流程(详细)
-
来源:AirPython作者:星安果1.前言大家好,我是安果!日常编写的Python自动化程序,如果在本地运行稳定后,就可以考虑将它部署到服务器,结合定时任务完全解放双手但是,由于自动化程序与平...
- 「干货分享」推荐5个可以让你事半功倍的Python自动化脚本
-
作者:俊欣来源:关于数据分析与可视化相信大家都听说自动化流水线、自动化办公等专业术语,在尽量少的人工干预的情况下,机器就可以根据固定的程序指令来完成任务,大大提高了工作效率。今天小编来为大家介绍几个P...
你 发表评论:
欢迎- 一周热门
- 最近发表
- 标签列表
-
- MVC框架 (46)
- spring框架 (46)
- 框架图 (58)
- flask框架 (53)
- quartz框架 (51)
- abp框架 (47)
- jpa框架 (47)
- springmvc框架 (49)
- 分布式事务框架 (65)
- scrapy框架 (56)
- shiro框架 (61)
- 定时任务框架 (56)
- java日志框架 (61)
- JAVA集合框架 (47)
- mfc框架 (52)
- abb框架断路器 (48)
- ui自动化框架 (47)
- grpc框架 (55)
- ppt框架 (48)
- 内联框架 (52)
- cad怎么画框架 (58)
- ps怎么画框架 (47)
- ssm框架实现登录注册 (49)
- oracle字符串长度 (48)
- oracle提交事务 (47)