用于React开发的ReScript

简介 前端开发是一个热闹的地方,有很多新技术不断涌现。在过去的十年中,我们看到网页的开发方式发生了明显的变化。我们不再需要直接接触DOM API或玩弄笨拙的Angular依赖注入。目前,我们大量使用不同的构建工具来在代码中包含资产,处理CSS等等。 我们从几十个文件中构建FE应用程序,我们使用捆绑器来为我们生产生产代码。这使得我们在最终产品中编译我们的代码库,这与类型化语言的做法相当相似。但有一

- 阅读全文 -

探索CSS绘画API: 多边形边框

现在,使用clip-path创建复杂的形状是一件很容易的事,但给形状添加边框总是很麻烦。没有一个强大的CSS解决方案,我们总是需要为每个特定的情况制作特定的 "黑客 "代码。在这篇文章中,我将告诉你如何使用CSS Paint API来解决这个问题。 在我们进入第三个实验之前,这里有一个关于我们正在建造的东西的小概述。而且,请注意,我们在这里所做的一切只支持基于Chromium的浏览器,所以你会想

- 阅读全文 -

只用一个div来构建你的CSS Loading - The Dots

是的,又是一篇关于CSS Loading的文章,但这一次你将构建Loading在这篇文章中,我将与你分享一些我用来构建一些Loading的技巧。 好吧,又是一个无聊的教程,我们将有大量的代码,复杂的@keyframes和疯狂的动画延迟,对吗? 不全是。在本教程中,你将拥有。 ✔️ 一个div ✔️一个@keyframes ✔️没有延迟,没有复杂的时间计算 ✔️我们不会做一个动画,而是使用相同的代

- 阅读全文 -

Angular:不要再在模板内调用函数了

模板是一种HTML的形式,它告诉Angular如何渲染组件。每个组件都有它的模板,它定义了元素和它应该如何看起来。但最常见的错误使用技巧之一是在模板内调用一个函数。 import { Component } from '@angular/core'; @Component({ selector: 'app-performance-issue', template: ` <

- 阅读全文 -