小型网站或许正在消失[译]。

[译] 正在消失的小型网站

网站正在日益增大,JavaScript 也在飞速发展、升级,为了能跟上时代,你需要将你的代码从最新的版本转译成浏览器兼容的模式(尽管这非常复杂,但相信 babel 能搞定)。此外,你也可以使用其他语言编写网页,比如 typescript。而在 typescript 之前,已经有过很多相关尝试(1,2,3 等等),但一个重要的事实是,typescript 被建议要广泛应用于专门处理大型网站建设应用的场景。

单页面网站设计的应用(SPA)之路

在历史上,小型页面是由静态 HTML 和一些零散的 JavaScript 组成的。我敢打赌现在很多传统的服务端渲染应用(比如 Django 或者 Ruby on Rails)还是这样做的,但是这样的方式一点也不酷了,所以就算还有人使用它们,可能也仅仅是 API。这些页面(不管是静态页面或者服务端渲染页面)都有很多特设脚本,它们看上去都一团糟。维护和测试就更像是噩梦,这些代码要么就是非常长,要么就是以某种奇怪的方式连接起来。

而当这样的脚本转变成了单页应用,这绝对是一件好事 —— 现在,至少我们的应用是部分可维护的了,使用了合适的模块引入,以及许多允许开发者处理复杂接口,路由,多屏数据共享,跨应用甚至整个网站(例如开源组件)的 UI 元素复用的闪亮框架。但是,本篇文章并不是关于它们的 —— 我已经吐槽过现在人们已经将 SPA 作为所有项目的默认选项;这篇文章是关于小型网站的。

jQuery 的兴衰

在这之前,jQuery还是主宰,它有庞大的插件生态圈,提供滑动窗口,图片展示以及丰富的动态效果等等。同时,它的集成简单,通常只是用某些参数(甚至是默认值就可以)初始化一些插件,并提供元素 id。其他内容通常都在标记中指定(或需要特定的标记规则),HTML 作为一种声明式语言,完全可以辨认出指定的内容。事实上,jQuery 使用范围如此之广,很多人们都很奇怪为什么不把 jQuery 默认的加载到浏览器中。jQuery 也有很多很方便的功能(甚至可以称为 DOM 缺失的标准库),它让已经简单的交互变得极其简单。

事实上,我相信 jQuery 依旧在被广泛的使用着(我没有任何数据,只是我自己的直觉),但是有了很重要的改变。如今,jQuery 已经不那么让人满意,你也不会发现有很多教程,教你如何不用很了解 JavaScript 就快速写出一个页面小脚本。同时,大约五年前,库的标准就是:

  • 在一些 CDN 上存储最小化后的代码
  • 把它提供的功能绑定在全局变量上(比如 window.Backbone)

现在一些库依旧会打包构建全局模块定义(UMD),它其实就是一个加载库的全局变量版,但是很多库已经不这样做了。现在,出现了更多的新的框架,这些小插件都是专门服务于框架的了,而你不仅仅是需要它们(如果你需要 jQuery 插件,那么你也需要 jQuery 这个库),而是需要用这个框架来完成你所有的页面!

现代网站设计解决方案

当然,这个问题已经解决,解决方法就是在已有基础上提供启动方式或者特定框架,然后你就可以使用这些小插件并编译为一个静态网站。此外,它们会在后台使用上述工具加载模块或者编译代码,所以你可以使用 JavaScript 的最新版本,并将逻辑拆分为最佳可复用的单元。这种方式的一个很好的例子就是 GatsbyJS 和 Nuxt.js。启动方式通常是命令行,例如 create-react-app,它将繁琐的步骤都隐藏了起来,并且仅仅需要给应用一个指令 —— “只管运行”,然后你就可以开始编写组件了。

尽管如此,这种变化带来了哪些问题呢?代码的维护性更高了(这都多亏了模块),你可以使用最新版的 JavaScript,还能保证所有不支持的功能都有可以替代的补丁,这在之前是很容易出现问题的地方。但是其实,问题有很多,在我看来:

  • 现在你必须非常了解 JavaScript(需要比之前更深的理解)
  • 不仅是 JavaScript,你可能还需要知道 webpack(为了处理静态资源加载 —— 想象一下你忽然发现代码中在引用图像)
  • 现在,你的工作包括了使用大约 200MB 的文件构建应用(而不是编写文档)。
  • 让你的小应用膨胀起来是像滑下坡那么容易的事情。

我认为最后一部分是最值得关注的。很多教程都会建议你添加一些高级数据管理库,用某些特定的,“更声明式”的方法重构你的代码(想想那些人经常试图说服你重构 HTML 结构),然后很多人就会按照教程建议的做了!这些建议是好的,但是可能只适用于大型网站,而不是那种小型的,用 5 个 .html 文件就能完成的。是的,你不能复用这个菜单,但是你可以直接复制它们(同时 CSS 类让它在某种形式上能复用了)。

总结

作者:玉儿Qi

链接:https://juejin.im/post/5c81de696fb9a049e702e6ac

本文来自投稿,不代表科技代码立场,如若转载,请注明出处https://www.cwhello.com/48290.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
上一篇 2022年7月4日 01:11
下一篇 2022年7月4日 01:11

相关推荐

  • 企业网站专题页进行SEO优化设置的技巧。

    在互联网繁荣的今天,企业网站也呈现出新的内容,单页登陆页逐渐流行起来。其策划吸引页面的简洁主题在吸引流量方面表现突出。根据企业自身事务的特点和产品策划的单页,单页之后,能打动用户的心。显然要做好规...

    2022年9月10日
    064
  • 英文网站建设时需要注意哪些细节。

    随着电商行业的发展越来越快,很多老板们为了能够开拓更多的业务,也在尝试做英文类网站来获得更多的效益。那么对于英文类网站建设都需要注意哪些细节呢?下面就带大家一起来了解一下。 1、英文网站的风格 对于英...

    2022年10月19日
    027
  • 为啥熊掌号站点内容页排名高。

    自从百度将张雄作为其战略发展的支撑,越来越多的流量来自加入张雄的网站。然而,细心的人发现,网站的大部分流量来自内容页面,而来自栏目页面的流量非常有限。其实这和页面的排名有关。熊掌号更注重内容的价值...

    2022年9月10日
    061
  • 浅谈网站不被收录的原因。

    对于一个网站来说,只有被搜索引擎收录,页面的报告才可能出现。如果它不在搜索引擎中,当用户搜索时,您的页面将不会显示。在网站运营过程中,我们经常会遇到没有被搜索引擎收录的网站、页面、文章。为什么?网...

    2022年9月10日
    051
  • 企业打造高端营销型网站的三大要点。

    随着互联网建站技术的不断更新迭代,市场竞争的不断加强,普通网站已经远远不能满足企业的发展需求。目前,企业在建设营销网站时往往倾向于个性化的高端网站,这样才能拥有更强的竞争力和更好的用户体验,才能取...

    2022年9月10日
    056
  • 为什么说seo白帽技术更利于关键词排名稳定。

    新闻提交是SEO人员经常使用的策略。长期以来,它一直发挥着重要的作用。对于SEO运营者来说,他们总是试图用提交来提升网站的相应指标,比如: (1)增加百度的目标URL。 (2)提高相应关键词的排名。 (3)提高品牌词的...

    2022年9月10日
    061
  • 打造丰富的网站首页是网站建设的重点。

    创建丰富的主页是网站建设的重点。 网站首页的布局要丰富但不凌乱。色彩方面,要和谐统一,不同色彩之间的过渡要自然。而且,一个网页最好不要超过三种主色。网站的建设是否给每个栏目页面留有通道,会直接而深刻...

    2022年9月10日
    053
  • 网站建设的重要因素主要有哪些。

    遵守搜索引擎收录规则,用搜索引擎优化技巧优化网站。从网站建设方面来说,主要是从三个方面进行优化,包括网站布局,网站内容,然后是非常重要的网站凝聚力,这是非常重要的。获得高质量的外部凝聚力,可以快速...

    2022年9月10日
    065

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息