首页
学习
活动
专区
圈层
工具
发布

你的博客用不着什么JavaScript框架

我想提高网站的性能:静态 HTML 文件在 99% 的时候都比动态页面更快。...服务器将静态生成的 HTML 文档发送到用户的浏览器,然后浏览器开始渲染页面。...单页应用程序中的可访问性 单页应用程序这种网站放弃了传统的 Web 导航方法,即通过加载新的 HTML 文档来加载新内容;相反,它使用 AJAX 和 History API 之类的 JavaScript...JavaScript 是一种强大的语言,可以完成一些令人难以置信的事情,但是在开发中你很容易过早开始使用它,其实本来用 HTML 和 CSS 就够了。...我并不是推荐大家都删除自己网站上的所有 JavaScript 文件,但从现在开始,在构建网站时我会尝试将 JavaScript 视为可选的额外功能,而不是体验的基本组成部分。我鼓励你也这样做。

5.3K10

Web 应用开发进化论

现在,在创建博客文章后,如果博客文章的数据不是静态的,而是存储在数据库中的,服务器如何发送 HTML 文件呢?这就是服务器端渲染(不要误认为是服务端路由)发挥作用的地方。...带有面向消费者的网站(静态内容)的 Web 1.0 和带有面向生产者的网站(动态内容)的 Web 2.0 从服务器返回 HTML。用户导航到浏览器中的 URL 并为其请求 HTML。...简而言之:一个基本的单页应用程序使用客户端渲染/路由而不是服务端渲染/路由,同时仅从 Web 服务器请求整个应用程序一次。...静态站点生成 (SSG) 传统网站使用来自 Web 服务器的静态文件在浏览器上渲染。就像我们所了解的一样,没有应用程序服务器的参与,也没有服务端渲染的参与。...与服务端渲染 React 相比,静态文件不会在用户请求时动态创建,而只会在构建时创建一次。

5.8K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    HTML5崛起之时,Java桌面时代就已经终结了

    总之,这款桌面软件运行在 Windows 2000 系统上,肯定不是 Web 应用程序。它其实挺复杂,里面包含不少菜单和表单;不过一旦上手,整个使用体验相当棒——速度快、反应灵敏,几乎没有任何延迟。...Google Maps 以令人震惊的效果为富 Web 应用程序树立了标杆,而人家用的是 HTML5。...大多数 Web 开发者只能使用文本编辑器来编写.js 文件。简单的验证脚本和交互设计倒是没问题,但这种粗糙的方法肯定不能扩展并支持大型企业应用程序项目。...在找不到答案时,我偶尔会写一篇问题分析博文。而在两年后再次遇到类似问题时,我在 Google 上找到的就是自己两年前那篇博文……说真的,现在还有喘气的 Swing 开发者吗?感觉真的说不好。...这倒不是说“客户端”应用程序跟“桌面”应用程序间就毫无交集——当然有,这两者都涉及 GUI,而且不少现代桌面应用程序也都需要接入服务器。

    1.2K30

    JavaScript 框架太多了?相反,是太少了

    我还专门为此创建了个愚蠢的网站:should-i-write-a-new-javascript-framework.lol(有必要开发新的 JS 框架吗?),而我自己当时的观点是没必要。...也许你要开发的是一个静态站点,也就是那种被打包起来、用来承载内容分发网络所提供的 HTML 文件和资产的网站。这类站点上的内容不会经常变更,所以构建难度较低。...或者,大家也可以选择多页面应用程序(简称 MPA),其中每个路由都对应自己的 HTML 文件。文件从服务器发出,所以初始内容的加载并不依赖于客户端 JavaScript。...但这些都属于变通手段,而且这些框架的静态构建其实无法使用服务器端渲染功能(至少截至撰稿时还不行),所以并不符合我的要求。...Astro 的核心维护者 Ben Holmes 对缓存和服务器端渲染进行了一系列实验,并发现服务器端渲染在速度上已经能跟静态站点并驾齐驱。

    2.9K30

    决胜未来,2019年前端开发十大战略性技术布局

    2010年的你,如果能学会Android开发,现在的你,薪资不会低于年薪50万…… 2015年的你,如果能熟练使用react,现在的你,薪资不会低于月薪30K…… 看到这两个数据,也许有人会反驳:技术刚出来...但我指的不是这些,而是web 组件,江湖人称web components. html+css+js结构表现行为分离确实是一个挺好的想法,但是也带来了一定的问题,比如状态管理和数据同步。...这就好比现在公司实行项目制,有清晰的流程,而不是js部门或者html部门说的算,不管哪个部门来人,都得按照流程走。...2019年,第四个需要布局的技术:PWA 渐进式网络应用程序(简称PWA)是一种带有一些额外功能的Web应用程序,是一种编写Web应用程序的新方式。...2、一个单片服务器运行的Web应用程序,它依赖于Ruby,Node或其他后端语言。 3、单页应用程序,使用同构呈现在运行时在服务器上构建视图。 除了上面这三种情况下不用,其它情况下随便造。

    66660

    jbpm5.1介绍(12)

    /war 静态资源可以公开服务,如图像文件,样式表和HTML主机网页。 /war/WEB-INF Java Web应用程序文件。  /war/WEB-INF/lib Java Web应用程序库。...但是,当您执行StockWatcher应用程序时,你会使用静态和动态元素的混合。您将创建一个HTML元素作为占位符使用动态生成的页面部分。...如果你,而不是要呈现在“标准模式”的应用程序,还有一些其他文档类型,您可以使用武力的浏览器这个渲染模式。...标签 按钮构件的对比,“标签”widget不元素的HTML,HTML表单中使用的地图。相反,它映射到一个元素,其中包含任意的文本, 而不是解释为HTML。...虽然你没有编译StockWatcher,你可以在这里测试在Web模式下:运行StockWatcher 一个Bug 为了本教程中,我们引入的代码错误。你能发现它吗? 看变化的百分比。

    8.2K40

    使用 Flask 和 Vue.js 来构建全栈单页应用

    /dist'), 因此,带有 html/css/js 包的 /dist 文件夹将与 /frontend 具有相同的级别。现在您可以运行 $ npm run build 来创建一个包。 ?...我们得到 [cors]错误,这意味着我们的 flask 服务器 API 默认关闭到其他 Web 服务器(在我们的情况下,它是运行 vue.js 应用程序的 node.js 服务器)。...如果您使用 npm run build 创建一个 bundle 并打开 localhost:5000(就是 flask 服务器),您将看到正在工作的应用程序。...如果应用程序处于调试模式,它将只代理我们的前端服务器。 否则(在生产模式)提供静态文件。...现在,您拥有一个使用自己喜欢的技术构建的全栈应用程序啦。 ? ? 后记 最后,我想就如何改进此解决方案说几句话。 首先,只有在您想要让 API 可供外部服务器访问时才使用 CORS 扩展。

    3.9K10

    看懂 Serverless SSR,这一篇就够了!

    这意味着所有用户界面(HTML)都是在用户浏览器内部生成的,而不是在某种后端(服务器,容器,函数等等… _(ツ)_ /¯)上生成的。...Easy to serve SPA易于维护,尤其是在无服务器环境中。创建应用的生产版本后,基本上唯一要做的就是将其上传到您选择的静态文件存储中,例如Amazon S3。...如果您有一个简单的静态网站,那么带有预渲染的CSR绝对是一个不错的选择。...Web crawlers 在这种情况下,HTTP请求再次通过CloudFront和API网关到达Web服务器Lambda,但是我们不是从S3提取文件,而是调用Prerender Lambda,它内部使用了上述...我叫Adrian,是Webiny的全职开发人员。在业余时间,我想写一些关于我/我们在一些现代前端和后端(无服务器)Web开发工具的经验,希望它可以对其他开发人员的日常工作有所帮助。

    7.8K41

    Angular SSR 探究

    而 Angular Universal 是在 服务端 进行渲染(Server-Side Rendering,SSR),生成静态的应用程序网页,然后在客户端展示,好处是可以更快地进行渲染,在提供完整的交互之前就可以为用户提供内容展示...使用 SSR 的好处对 SEO 更加友好虽然现在包括 Google 在内的某些搜索引擎和社交媒体声称已经能支持对由 JavaScript(JS)驱动的 SPA(Single-Page Application...静态 HTML 网站的 SEO 表现还是要好于动态网站,这也是 Angular 官网所持有的观点(Angular 可是 Google 的!)。...这是因为 Angular 使用了动态路由,比如 /product/:id 这种路由,而页面的渲染结果要经过 JS 的执行才能知道,因此,Angular 使用了 Express 作为 Web 服务器,能在服务端运行时根据用户请求...而 prerender(npm run prerender)会在构建时生成静态 HTML 文件。

    11.4K51

    Spring Boot 面试题精华

    - 使用 Spring Data REST 公布简单的 REST 服务 问题六: Spring 是如何快速创建产品就绪应用程序的?...文件 - 导入 - 现有的 Maven 项目 问题七:Spring Initializr 是创建 Spring Boot Projects 的唯一方法吗? 不是的。...第一步: 安装 Java 第二部: 安装 Web 或者是应用程序的服务器(Tomat/Wbesphere/Weblogic 等等) 第三部: 部署应用程序 war 包 如果我们想简化这些步骤,应该如何做呢...在源文件夹下,创建一个名为 static 的文件夹。然后,你可以把你的静态的内容放在这里面。...Spring Boot 将会根据特定环境中设置的活动配置文件来选择应用程序的配置。 ## 问题三十四 如何使用配置文件通过 Spring Boot 配置特定环境的配置? 配置文件不是设别环境的关键。

    16.9K40

    三分钟让你了解什么是Web开发?

    这在服务器上作为HTML文件保存,可以使用web浏览器查看。浏览器从服务器请求文件,服务器端起它并关闭连接。 HTML是一种用于创建web页面的标准标记语言。...web应用程序包含许多页面,无论是动态的还是静态的。如果我们使用HTML标签来设计信息,我们必须在每个页面中重复这些信息。假设我们想要改变背景颜色——我们必须为网站的每一个页面编辑HTML。...通过认证用户创建新的博客 为此,我们需要一个带有两个输入字段(标题、内容)的HTML表单,用户可以通过该表单创建一个博客帖子。...Ajax这个术语已经代表了一组广泛的web技术,它们可以在与服务器在后台进行通信的应用程序中实现,而不会影响页面的当前状态。...得到:http://google.com 谷歌web服务器将处理其主/索引文件,并将响应发送回客户机。它通常会发送HTML内容和CSS文件,以及其他任何媒体文件。

    8.9K30

    HTML注入综合指南

    这些文件不过是带有**“** **.html** **”**扩展名的简单纯文本文件,它们是通过Web浏览器保存并执行的。...储存的HTML 一个**“保存HTML”**也被称为**“** **持久性”**,因为通过这个漏洞注入恶意脚本获取Web应用程序服务器中永久保存,当他参观注入网页应用服务器进一步降低它返回给用户。...使用GET方法,我们从特定来源**请求数据**,而POST方法用于**将数据发送到服务器**以创建/更新资源。...让我们尝试再次破坏此网页的外观,但这一次我们将添加图片而不是静态文本作为 1<img src= "https://www.ignitetechnologies.in/img/logo-blue-white.png...[图片] 进入HTML部分,他只是使用**$ url**变量设置了**echo**,而没有任何特定的验证,以便显示带有URL的消息。

    6.3K52

    2020前端性能优化清单(四)

    带有 (Re)Hydration 的服务端渲染(SSR + CSR) 带有 (Re)Hydration 的服务端渲染时,从服务器返回的 HTML 页面还包含一个脚本,该脚本可加载完整的客户端应用程序。...在React中,我们可以使用 renderToNodeStream[23] 而不是 renderToString 来通过管道返回响应并将 HTML 分块发送。...客户端预渲染 与服务器端预渲染相似,但不是在服务器上动态渲染页面,而是在构建时将应用程序渲染为静态 HTML。...Gatsby[39] 是使用 React 的开源静态站点生成器,在构建过程中使用 renderToStaticMarkup 方法而不是 renderToString 方法构建生成一个简单的不需要 DOM...你也可以记录或阻止不成功或不满足特定条件的第三方请求。如果可以,请从你自己的服务器[52]而不是供应商的服务器中加载第三方资源并延迟加载它们。

    3.9K20

    2019-Web开发技术指南和趋势

    我将从我的经验和参考中给出建议 首选我们会介绍通用的知识, 最后介绍2019年的Web的一些趋势 1....学会如何部署一个静态网站到服务器 注册一个域名(NameCheap, Google Domains) 管理共享主机或虚拟机(Inmotion, Hostgator, Bluehost) FTP, SFTP...构建静态站点 构建UI布局(拿到设计图能够使用HTML/CSS还原) 添加一些交互功能 部署和维护网站 现在能找到最低水平的Web开发工作, 但是这是远远不够的.... 2....HTML/CSS框架目前没有以前那么有意义, 但是我还是介意你选择一个学习(这里作者想隐射的应该是, 在jquery时代, HTML/CSS框架的学习是必须的)....无需创建和管理自己的服务器 使用第三服务执行“无服务器功能” 例如 AWS, Netify & Firebase 在Gatsby静态站点生成器很流行 无服务框架 4.6 AI和机器学习 ?

    4.3K20

    「前端架构」React和Vue -CTO的选择正确框架的指南

    或者在那些年里,我将被一个几乎无法维护的遗留应用程序所束缚? 框架支持服务器端呈现吗? 框架适合轻量级还是重量级应用程序? 这些框架的顶级实用程序是什么?什么时候使用它们是正确的选择?...为了给您一个初步的概述,我想强调一下,基于标准HTML模板和组件的框架通常易于结构和代码重用。然而,新开发人员更有可能发现难以处理JSX。...在这种环境中编写组件的最首选方法是单文件组件,即带有模板、脚本和样式标记的文件。 我过去与几家公司合作过,当被问及选择Vue的原因时,他们给出的理由只是他们的开发人员觉得Vue更容易学习。...您所需要做的就是使用renderToStaticMarkup呈现组件,并将呈现的有效负载发送给客户机。 此外,选择React开发小而简单的应用程序可能并不过分,因为它是为大型web项目创建的。。...如果有机会构建基于企业的电子商务web应用程序(有未来迭代的可能性),您会选择哪种框架(或语言)?有什么特殊的原因吗? 如果我有足够的时间去学习的话,我仍然更喜欢使用合情合理的语言和合情合理的框架。

    5.4K20

    每个程序员都应该知道的50个Web开发术语

    在这里中,我将以简洁的方式定义行业中最广泛使用的50个术语。 祝您阅读愉快。 后端 后端是网站的一部分,它已经不存在并且仅在Web服务器上运行。...前端 该前端本质上是运行在浏览器中的网站的一部分。这包括静态资产和文件。这里的Javascript在Web浏览器环境中完全运行。之后,绘制DOM并呈现页面。...Web服务器 一个Web服务器负责内容服务的动态数据/到Web浏览器(或客户)的特殊服务器 静态网站 一个静态的网站是不是从Web服务器动态生成的网站。...它们都是代码块(或程序包),您可以使用它们来更快地创建网站,而不是使用本机语言(即原始JavaScript) 全栈开发者 全栈开发人员是能够处理数据库,后端框架和流程以及设计前端和用户界面的程序员。...本质上,这样的开发人员知道制作整个Web应用程序所需要的一切。 云 在云计算只是指一些远程计算机(不是本地计算机)上运行的软件和服务,包括它的整个基础设施。

    2.2K20

    想做web开发,就学JavaScript

    出身低微 我记得数年前投入web开发,学习了HTML、用Perl开发CGI脚本。...(注意:JavaScript不是万能工具。比如,像数据分析之类的耗费资源的应用程序,最好使用另一种语言。)...你仍然需要学习HTML和一些CSS,通过JavaScript来开发强壮的web应用程序。 热门技术:语言是建立了,但是行业本身找到了带有JavaScript知识和技能的语言。...对于很多语言,可能都是这样,但是web的JavaScript饱和程度意味着,初学的开发者可以从其它网站快速拷贝经过检验的代码,做些必要修改就可以使用,而不需要完全理解代码。...如今JavaScript是web的中坚力量,因此那些想成为web开发者的人们,应该集中精力于它,以作为学习的第一门语言。 你同意吗?

    42820

    十大Java编程工具

    我更进一步,除了使用 Eclipse,我喜欢使用 Netbeans 编写测试程序、测试和调试 Java Web 开发的新事物。...发现 Netbeans 更适合用于 Web 开发,因为它带有捆绑的 tomcat 或任何其他应用程序服务器,并且可以创建项目、运行和调试它们。...为了有效地使用谷歌,你需要一个快速流畅的浏览器,互联网浏览器不再是一种选择。 Google Chrome 和 Firefox 是我最喜欢的网络浏览器,用于访问 Google 并查找我需要的东西。...它们还带有内置的 Web 工具,例如检查和可视化,以便您可以检查HTML、进行更改、检查 CSS、进行更改、查看解析这些 HTML 时出现的错误、已加载哪个 JavaScript 文件等。...6.Eclipse 插件 我在 Eclipse 中使用了很多不同用途的插件,例如用于反编译 Java 类文件的 JadEclipse、用于创建 UML 图的 eUML、用于在 Eclipse 中创建和运行基于

    2.5K10
    领券