首页 > 其他分享 >为什么开发人员不喜欢 CSS?

为什么开发人员不喜欢 CSS?

时间:2022-09-24 10:33:16浏览次数:78  
标签:语言 编程语言 开发人员 应用程序 HTML 喜欢 CSS

为什么开发人员不喜欢 CSS?

Peter Griffin — American Dad

Peter Griffin — American Dad

对我来说,写我的第一篇关于这个流行短语的 Web 集成文章似乎很明显:

“我不喜欢 CSS”

谁以前没有听过或说过这句话?

老实说,每次听到它,我都想回答我们喜欢我们掌握的东西。

一种“真正的”语言?

我建议我们解构这个公认的想法:

“CSS 不是编程语言”

SPOILER:是的,CSS 是一种编程语言(HTML 也是如此)。

让我们退后一步,回到基础:
什么是编程?编程就是向计算机发出指令,告诉它们按照我们的意愿做什么。这些语言仅用于提供这些指令,它适用于计算机而不是人类。并且有充分的理由:如果不解释语言,我们的网站将只显示 HTML 标记序列和 CSS 行。

它也不是一种自然语言:它不是用于人与人之间的交流,而是用于程序。诚然,它需要一个浏览器来解释,但任何语言都需要它的支持才能运行。

“CSS 不是图灵完备的”

图灵完备性意味着能够执行与图灵机相同的动作。如果 CSS 确实不是 图灵完备 单独(就像 HTML 和 SQL 语言一样),结合 HTML 和人类交互,我们可以用它来编码著名的 规则 110 ,从而得到图灵完备集。

旨在与 HTML ( 特定领域 ),它向 Web 浏览器指示了许多行为(颜色、动画、过渡、定位、事件……)

然后是一种真正的语言,它提供的所有可能性使我们能够创建不仅美观,而且实用且易于访问的界面,这些界面是为人类设计的。

级联

使 CSS 与其他语言如此不同的是级联概念带来的优先级。

除了浏览器读取代码行的顺序之外,还有几个元素会影响规则的编写方式:与 HTML 标记的接近程度、选择元素(类、id、状态)的精度,甚至一些关键字如 !重要的 .

“CSS 很难”

这种语言是声明性的,因此不可能控制其显式执行顺序(既不是循环也不是条件)。它的规则由浏览器线性执行(逐行)并隐式执行。在没有预处理器的情况下使用 SASS 或者 较少的 ,它不包括对象类、命名空间,也不可能编写自己的函数……因此,与 Python 等通用的显式或动态语言相比,它会不会更难使用?

让我们添加一个事实,即与 JavaScript 之类的语言相比,它的发展并不频繁。因此,花最少的时间学习级联、优先级、选择器和定位的概念就足以让您对样式表感到满意。

在专业环境中,我很快注意到后端开发在许多人中引起了更多的声望。确实,在将设计时间花在架构和设计模式上或解决复杂的错误之后,偶然发现页面中元素的位置是令人沮丧的……但同样,优先考虑创建应用程序的步骤是一种耻辱。

UI 和 UX 的重要性已经确立,无论是出于可访问性、品牌形象还是在我们的应用程序上产生流量的原因。我们越掌握我们的工具,就越容易实现这些目标。

掌握原力

另一个可以解释 CSS 遇到困难的原因来自于我们专业的初始培训。

以我的经验,学习 CSS 是在教授代码的过程中以闪电般的方式完成的。在某种程度上,这是可以理解的:有很多重要而复杂的概念需要学习,但很遗憾错过了创建网站的关键步骤之一。知道使用这种语言的进展印象非常快且非常愉快:需要简单的刷新来检查我们的工作结果。

然后,并非所有项目都需要开发具有图形界面的应用程序。对于针对内部企业用户的项目,像 Bootstrap 这样的预制 UI 工具包通常就足够了。许多使用 WordPress 制作的公共网站都是基于社区提供的优秀主题。

取决于业务领域,定期面对 CSS 并因此取得进展并不容易。而且,当您必须编辑一些由不掌握该语言且不受其工具驱动的人编写的代码时,通常会令人沮丧并且匆忙完成。

因此,它是代码中技术质量低的地方,而我们需要可维护和可扩展的应用程序。正如文中所写 敏捷宣言 “持续关注卓越的技术和良好的设计可提高敏捷性。”和 软件工匠宣言 “不仅是工作软件,而且是精心制作的软件”。就这样。

高贵的艺术

一般来说,当我说我是一名开发人员和网络集成商时,并没有给人留下太多印象。充其量,它可能会给一些人带来解脱,因为我可以潜在地帮助团队的其他成员处理可怕的 UI 错误票。

Meme où le héro Captain America annonce faire du CSS et est violemment attrapé par les autres représentants de langages

Credits @Geoffrey Dieffenbach

另一方面,当我说我是“全栈”开发人员和 CSS 专家时,我注意到它激发了更多灵感。然而我已经听说了:

“整合、色彩、设计,这更像是女人的事”

这种关于理解颜色和创建“性感”界面的刻板印象并不新鲜,但仍然存在:在业务端开发应用程序比在 UI 端开发应用程序更有价值(和男性化),甚至集成其设计。

这一点值得单独写一篇文章,但我认为这是将开发的一部分的重要性和价值优先于其他部分的另一种尝试。

“我不想仅仅为了放置一个按钮而头疼”

在困难的印象和归因于语言的缺乏高贵之间存在一个悖论。它既太简单而不能被认为是一种编程语言,又太难于享受。

有些人犹豫甚至删除了他们简历中提到的 HTML 和 CSS。这是真实的:

Spiderman victime de moquerie d’un autre homme quand il répond développer en HTML et CSS

Exemple d’entretien technique

标签:语言,编程语言,开发人员,应用程序,HTML,喜欢,CSS
From: https://www.cnblogs.com/amboke/p/16725068.html

相关文章

  • CSS隐藏纵向滚动条滚动
    <divclass='out_list'><divclass='list></div></div>.out_list{    width:100%;    height:160px;    position:relative; ......
  • 从 CSS 开始
    从CSS开始了解如何让您的网页充满活力。**什么是CSS?**通过它的翻译,它是级联样式表;换句话说,您可以设置html标签的样式。例如,CSS允许您编辑关于标签的太多内容;更......
  • Vue2项目解决-js/css文件无法引用问题
    打包:    在vue.config.js文件中  const{defineConfig}=require('@vue/cli-service')module.exports=defineConfig({  transpileDependencies:t......
  • vscode - plug - scss转css
    vscode-plug-scss转css参考资料sass笔记(完结)安装,使用,vscode中设置easysass,嵌套,变量,混合,循环,分支vscode配置easysassEasySass在vscode扩展中分别搜索并安装:Sas......
  • 移动端布局准备:物理像素和CSS像素、布局视口、视觉视口、理想视口、二倍图、多倍图 的
    物理像素和CSS像素像素是计算机屏幕中显示特定颜色的最小区域。屏幕中的像素越多,同一范围内能看到的内容就越多。或者说,当设备尺寸相同时,像素越密集,画面就越精细。那么,当......
  • CSS渐变和阴影的一些案例
    渐变制作条纹进度条<html><head><style>.fade{height:1em;width:400px;background-image:repeating-linear-gradient(-45d......
  • 我作为 React 开发人员用来创建数据表的库
    我作为React开发人员用来创建数据表的库在本文中,我将讨论自2018年以来我用来在React应用程序中创建数据表的顶级React库。如今手动创建数据表并不是一种明智的方......
  • CSS 中的vh、vw单位
    vw:视窗宽度的百分比(1vw代表视窗的宽度为1%)vh:视窗高度的百分比(1vh代表视窗的高度为1%)vmin:当前vw和vh中较小的一个值vmax:当......
  • JavaScript HTML DOM - 改变CSS
    改变HTML样式:语法:document.getElementById(id).style.property=新样式 使用事件:HTMLDOM允许通过触发事件来执行代码:比如:元素被点击。页面加载完成。输入框被修......
  • HTML & CSS 设计原则
    设计原则DesignPrinciple响应式设计Responsive响应式设计的意思是网页能够根据其显示在的屏幕的大小自动伸缩。响应式设计使得对笔记本和手机用户更加友好。分辨率......