搜索
首页web前端css教程溪流交叉混乱

溪流交叉混乱

我应该使用WordPress还是React钩子?
我应该使用D3还是CSS?
我应该使用Markdown还是JSON?
我可以在Gatsby中使用Flexbox吗?
我可以在Jekyll中使用自定义属性吗?
我应该使用HTML还是云?
如何在我的Vue网站上添加深色模式?

这些是嘲讽的,但是这里有一个要点。了解一项技术是一个挑战,也是了解技术如何合并在一起的另一个挑战。

虽然上面的技术组合似乎令人困惑,但您很幸运,您知道足以发现它们令人困惑。这意味着您足够了解这些技术,以至于您知道它们都不相关,或者他们做的或没有任何阻止它们共同努力的东西。

我经常在初学者中看到这种混乱,这确实没有什么可耻的。这都是过程的一部分。

我还看到了与此网站的读者的这种混乱,因为我们经常写有关漂亮的基础网络技术,而不会介绍它们如何适应不同的抽象,例如JavaScript Frameworks或CMS s。例如,查看有关构建滑块的这篇文章。它甚至没有触摸JavaScript;只是香草html和CSS。

也许经验丰富的前端开发人员会知道他们可以在任何地方使用此滑块代码,因为它不取决于其他任何东西。但是,也有一些开发人员会像在JSX中一样,所以我无法真正使用它。还是在NPM上?我永远让人们问我,他们在网站上找到的一些想法和技术是否可以在他们的WordPress网站上使用。

那么,如何在WordPress网站上使用此滑块代码?好吧,因为它只是HTML和CSS,您可以在任何模板中使用HTML,将CSS放入网站的样式表中,并且可以使用。但是,也许您想以某种方式管理WordPress本身中的幻灯片,而不是编辑模板文件。也许您有一种自定义的帖子类型的“幻灯片”,然后是一个自定义页面,该页面在滑块的divs中输出这些帖子的内容。更复杂,但基本上是相同的想法。如果您希望滑块在React中工作,则可能是将某些类属性更改为className并将CSS更改为React站点的造型。我们经常依靠CSS-Tricks上的基本技术,因为它使事情变得更加普遍,但是它仍然很有趣,并且是学习如何将概念移植到其他技术的另一种技能。

Lemme对上面的那些问题造成了破解。

我应该使用WordPress还是React钩子?

WordPress是您选择帮助您构建结构化内容并可能构建整个网站的CMS。您可以用React构建一个网站,这越来越受欢迎,但这并不常见。 React是一种用JavaScript构建的组件来构建站点前端的一种方式,以帮助模板和逻辑。 React钩子是在组件之间共享功能的一种方式。因此,这个问题不是一个/或 - 您可以同时做。

我应该使用D3还是CSS?

CSS在所有网站上都用于进行样式。 D3是用于进行数据可视化的JavaScript库。有一些交叉,因为例如,您可以使用仅HTML和CSS构建条形图,或者在D3中构建相同的条形图。但是总的来说,D3正在做CSS无法使用的非常精美的图纸,并且CSS正在在SVG(D3输出)无法使用的站点上进行布局。

我应该使用Markdown还是JSON?

Markdown是一种用于编写汇编为HTML的内容的语言。例如,您可能会在Markdown中写一篇博客文章,因为它可以清洁写作,看和劝阻您在不应该的地方与HTML一起使用HTML。 JSON是一种以许多编程语言(尤其是JavaScript)的格式存储数据的格式,可以轻松处理。 JSON具有相当直观的嵌套键/值对语法。如果以这种方式存储数据很有用,则可以将Markdown放在JSON中。有一些有趣的跨界车,因为有特殊的降价品种可以将元数据作为文件的一部分,称为前提。尽管有些不同的语法,但此前提数据的数据也以钥匙/值对格式。尽管如此,这些通常是完全不同的技术。 API通常会返回JSON,但不会返回Markdown,您通常会在Markdown中写博客,而不是JSON。

我可以在Gatsby中使用Flexbox吗?

当然。 Flexbox是CSS的东西,盖茨比是一个反应框架。盖茨比不在乎您在网站上使用的CSS。由于Gatsby是基于React的,因此可能还会使用CSS-IN-JS库的整个世界,因此,如果您遇到麻烦,那可能与之相关。例如,如果正在通过JavaScript对象格式设置样式,则可能必须使用诸如Flexgrow而不是Flex Grow等的内容。

我可以在Jekyll中使用自定义属性吗?

Jekyll是一个由红宝石驱动的静态站点生成器,主要用于从Markdown文件中生产博客。就像盖茨比不在乎您的CSS一样,Jekyll也不是。自定义属性是CSS的东西,因此您可以在CSS中自由使用它们,而CSS又是Jekyll网站的一部分。

我应该使用HTML还是云?

“云”具有含糊的含义,但通常是指互联网附加的服务器。不仅是一台服务器,而且还具有强大的扩展能力和具有冗余的能力的大型网络。 HTML是网站的基本语言。每个网站都从Web服务器的HTML请求开始。它们与基于云的服务器有关,可能会为HTML文件提供这些请求!但是它们不是一个或什么。您可以编写由不是特别“多云”的服务器提供的HTML,并且您可以将云服务器用于与HTML无关的东西(例如存储大数据文件)。

以上是溪流交叉混乱的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
每周平台新闻:Galaxy Store的Web应用程序,Tappable Stories,CSS Subgrid每周平台新闻:Galaxy Store的Web应用程序,Tappable Stories,CSS SubgridApr 14, 2025 am 11:20 AM

在本周的综述中:Firefox获得了类似锁匠的力量,三星的Galaxy Store开始支持Progressive Web Apps,CSS Subgrid正在Firefox发货

每周平台新闻:Internet Explorer模式,搜索控制台中的速度报告,限制通知提示每周平台新闻:Internet Explorer模式,搜索控制台中的速度报告,限制通知提示Apr 14, 2025 am 11:15 AM

在本周的综述中:Internet Explorer进入Edge,Google Search Console吹捧新的速度报告,Firefox提供了Facebook'

CSS自定义属性的范围的功率(和乐趣)CSS自定义属性的范围的功率(和乐趣)Apr 14, 2025 am 11:11 AM

您可能至少已经对CSS变量有点熟悉了。如果没有,这是两秒钟的概述:它们真的称为自定义属性

我们是程序员我们是程序员Apr 14, 2025 am 11:04 AM

构建网站正在编程。编写HTML和CSS正在编程。我是程序员,如果您在这里阅读CSS-Tricks,那么您很有可能是您

您如何从网站上删除未使用的CSS?您如何从网站上删除未使用的CSS?Apr 14, 2025 am 10:59 AM

在这里,我想预先知道的是:这是一个很难的问题。如果您降落在这里,因为您希望指向您可以运行的工具

图片中的图片网络API简介图片中的图片网络API简介Apr 14, 2025 am 10:57 AM

图片中的图片在2016年发行了Macos Sierra,在Safari浏览器中首次出现在网络上。这使用户可以弹出

使用Gatsby组织和准备图像以使图像模糊效果的方法使用Gatsby组织和准备图像以使图像模糊效果的方法Apr 14, 2025 am 10:56 AM

盖茨比(Gatsby)进行了出色的处理和处理图像。例如,它可以帮助您节省图像优化的时间,因为您不必手动

哦,嘿,填充百分比基于父元素的宽度哦,嘿,填充百分比基于父元素的宽度Apr 14, 2025 am 10:55 AM

今天,我学到了一些有关基于百分比的(%)填充的知识,我脑海中完全错了!我一直认为百分比填充是基于

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解锁Myrise中的所有内容
1 个月前By尊渡假赌尊渡假赌尊渡假赌

热工具

Atom编辑器mac版下载

Atom编辑器mac版下载

最流行的的开源编辑器

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

功能强大的PHP集成开发环境

安全考试浏览器

安全考试浏览器

Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。

EditPlus 中文破解版

EditPlus 中文破解版

体积小,语法高亮,不支持代码提示功能

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具