简化网页的JavaScript框架

来源 :电脑报 | 被引量 : 0次 | 上传用户:jiba00
下载到本地 , 更方便阅读
声明 : 本文档内容版权归属内容提供方 , 如果您对本文有版权争议 , 可与客服联系进行内容授权或下架
论文部分内容阅读
  现在的网站容量太大了,根据长期跟踪其他网站的性能及其使用技术的HTTP Archive数据统计,单个网页大小平均约2MB。良好的移动4G连接可以在不到一秒钟的时间内下载2MB字节。但是,今天的网页对于连接速度慢或带宽较小的用户来说是个不小的问题。
  当今的网站容量如此之大原因很多,其中包括广告和跟踪脚本,它们占据了相当多的页面。另一个原因是网站不仅仅显示文本和图像,现在许多站点看起来像复杂而庞大的桌面应用程序。
  为了构建这些交互式站点,许多Web开发人员都转向使用处理常规任务的开源软件包。这些开源工具将程序员从繁重的重复工作中解放了出来,但是它们使网页更加繁琐。例如Facebook用于构建用户界面的开源React库的容量约100 KB,但加入其他一些图形和工具包,占用很快就要用MB计算了。

Svelte渐成Web框架主流工具


  由新闻工作者和软件开发人员里奇·哈里斯创建的新兴JavaScript框架Svelte旨在让编写更快速、更小型的交互式网站和应用程序变得更加容易。Web开发人员肖恩说,他通过从React切换到Svelte,将个人网站的大小从187 KB减少到9 KB:“我甚至没有试图优化尺寸,它的容量就已经下降了。”
  Web 框架层出不穷,作为主流 Web 框架之一的 Svelte,有着独特的优势。它不仅可以构建完整的 Web 应用程序,还可以创建自定义元素,并与其他框架制作的已有Web应用程序良好兼容。Svelte是一个有趣的客户端/服务器框架并且可以改变我们的开发方式,它可以在构建时预先呈现JavaScript。Svelte类似于Vue.js的JavaScript框架,传统的框架需要运行时用代码来定义和执行模块、保持状态,更新视图并且还要运行这些框架。而Svelte完全融入JavaScript中,就好像没有引用这个框架,这种方式有益于减小文件大小。
  使用框架会增加网站的容量,因为它们是应用程序代码和用户浏览器之间的中间层。这意味着开发人员除了开发自己的代码之外,还需要将整个框架与应用程序捆绑在一起,即使他们只使用了框架的少数功能。
  哈里斯是《纽约时报》的图形编辑,他在2016年为《卫报》工作時创建并发布了Svelte的第一版。他当时开发的多个项目都涉及交互式图形和动画,但他担心图形加载时间太长会破坏用户的数据限制。
  哈里斯采取了独特的解决方法:在开发人员将代码上传到Web服务器之前,Svelte执行其中间层工作。即在用户下载代码之前,就删除不必要的功能,从而缩小生成的应用程序。当用户运行应用程序时,它还减少了活动部件的数量,这可以使Svelte应用程序更快、更高效。虽然该框架创建起来更棘手,但拥护者表示,它使开发人员更容易构建高效的应用程序。

存在的争议


  一些程序员将Svelte用于网页,但仍然将React(起源于 Facebook 的内部项目,因为对市场上所有 JavaScript MVC 框架都不满意,Facebook就决定自己写一套用来架设Instagram 的网站。做出来以后,发现这套东西真的很好用,就在2013年5月开源了)用于较大的应用程序或专业工作。因为应用程序越大就越有可能使用到React的所有功能,这样浪费的容量可以忽略不计。
  某些情况下Svelte应用程序甚至比使用React或类似工具制作的应用程序更大。
  而且与Svelte开发人员相比,业界对React开发人员的需求更大,认可度更高。在JavaScript 2019年对两万名开发人员的调查中,使用Svelte的受访者中有88%表示对它感到满意,使其在调查中排名第二,仅次于React的89%满意度。但只有7.8%的受访者使用过Svelte,而24.7%的人从未听说过。相对的有80.3%的人使用过React。为什么开发人员会犹豫学习Svelte,因为JavaScript开发的世界发展迅速,程序员已经有了令人眼花缭乱的工具。React的优势在于得到了Facebook的支持,拥有强大的就业市场以及与之兼容的庞大第三方应用生态系统。
  Svelte最适合对性能和文件大小有特别限制的情况,例如在智能电视或低功耗设备上运行的应用程序。
  一些Svelte开发人员使用它来构建更大的应用程序,瑞安·阿特金森是Felt Social的创始人,该公司提供了用于构建高度可定制的社交网站的工具。他之所以选择Svelte,是因为它可以使应用程序响应速度更快,即使它们不一定总是最小的。他说:“Svelte的体系结构可以从根本上改变构建用户界面的游戏。”
其他文献
摘要:目的:分析肠杆菌科产超广谱β-内酰胺酶(ESBLs)细菌耐药性以探索临床用药的合理性。方法:我院2011年1月至2013年8月各科室送检标本分离出的肠杆菌科细菌共343株,其中大肠埃希菌142株(41.4%),肺炎克雷伯菌129(37.6%)株,奇异变形杆菌24株(7.0%),阴沟肠杆菌18株(5.2%),其它肠杆菌30株(8.8%)。参照CLSI/NCCLS规则检出产ESBLs细菌103株
期刊
在OPPO Ace2的发布会上,一起到来的还有一款无线闪充充电器AirVOOC,据官方数据显示,它的充电功率可以达到40W,相比不少友商的有线快充来说都毫不逊色。  一直在快充技术上引领业界的OPPO,直到现在才推出了自家的无线充电手机和设备,实际充电能否达到官方宣传的这么快?使用过程是否安全可靠?我们一起来看看。搭配OPPO Ace2才是完全体  要提前说明的是,要达到40W的充电功率,必须是使
期刊
Intel第十代酷睿处理器即将上市,主板厂商们也在第一时间发布了旗下的配套主板产品,全新的400系列主板将取代300系列主板成为未来市面上主流产品。在之前我们看过旗舰级的华硕ROG系列Z490主板之后,面向主流玩家的TUF GAMING电竞特工系列主板也来到了评测室,那么全新的华硕TUF GAMING Z490-PLUS (WI-FI)有哪些与众不同之处呢?下面我们就一起来看看。高规供电,高频支持
期刊
为了让PC流畅运行,需要经常对电脑中的各种文件进行有效的管理,从而让它们保持高效的运行状态。通常进行电脑文件的管理都是利用第三方软件来完成的,其实利用Win10系统自带的功能就可以很方便地完成相应的操作。启用存储感知来删除文件  Win10系统现在有一个“存储感知”的功能,通过该功能系统会自动对系统盘的空间进行检测。一旦发现系统盘的空间大小不够时,它就会自动运行,从而对相应的文件进行清理操作。不过
期刊
摘要:目的:探讨过期妊娠并发羊水过少的患者分娩结局和预防措施。方法:本次实验研究对象的选择来自于我院近期收治的过期妊娠并发羊水过少的孕妇120例设为观察组,另选择同期羊水正常的孕妇120例设为正常对照组,对比两组的分娩结局。观察指标包括分娩方式、新生儿情况、妊娠合并症。结果:两组患者比较,观察组剖宫产率高于对照组,产后出血例数多于对照组,围产儿和妊娠合并症同对照组比较有显著差异,上述指标两组比较统
期刊
摘要:目的:探究短期胰岛素泵强化治疗对不同病程2型糖尿病的疗效及安全性。方法:本次研究选择对象共60例,均为我院2012年5月-2014年5月收治的2型糖尿病患者,将60例患者按不同病程分为两组。其中A组30例,病程<3个月;B组30例,病程3个月-5年。两组患者均进行短期胰岛素泵强化治疗,治疗4周后观察两组患者的血糖、糖化血红蛋白(HblAc)、HOMA-IR(胰岛素抵抗指数)、HOMA-β(胰
期刊
本月早些时候,SK海力士在官网公布了最新的DDR5内存路线图,并已确认今年将开始批量生产下一代DRAM芯片。早在2018年11月,SK海力士就宣布开发了业界首个根据JEDEC(固态技术协会)标准构建的16Gb DDR5内存,现在SK海力士提供了更加详细的技术参数。1.高达8400MHz的速度,64Gb核心容量密度,今年开始量产  SK海力士称,DDR5内存提供了至少两倍于DDR4内存的宽带。从发布
期刊
随着很多软件版本的不断提升,它们的功能越来越多,体积也越来越大,占用的系统资源也越来越多。但是普通用户往往只会使用到其中的几个功能,为了避免过多地占用系统资源,很多用户开始选择使用一些功能单一的工具。不过随着云服务的发展,普通用户如果无法找到类似工具的话,也可以通过一些云服务来完成操作。快速清除图片的水印  现在很多商家为了推广自己的产品,往往会在宣传图片加上自己的水印信息,从而避免其他用户随意盗
期刊
以前一直用小米,可挡不住苹果的诱惑,所以就变节了。现在的问题是,怎么把小米上原来的数据迁移到苹果手机上来呢?  其实对于“叛逃者”,各个厂家都万分欢迎,准备好了各种工具,以备数据迁移之用。苹果也不例外,它提供了一款名为“转移到iOS”的应用,以解决这一问题。  其使用也比较简单,首先在安卓手机上下载并安装“Move to iOS”这个APP,在安装完毕后,其应用名会变更为“转移到iOS”。随后,在
期刊
摘要:目的:对PICC穿刺后采用增强型透明贴预防机械性静脉炎的效果进行探讨。方法:选取我院收治的80例实施PICC穿刺的肿瘤患者为研究对象,随机分组,对照组实施热毛巾或者热水袋热敷处理,实验组则应用增强型透明贴,对两组患者的临床疗效进行观察和比较。结果:实验组患者的机械性静脉炎发生率明显比对照组低,差异明显,有统计学意义(P<0.05);实验组的疼痛持续时间和治疗时间明显比对照组短,差异明显,有统
期刊