整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

21html模版里的if判断语句

21html模版里的if判断语句

家好,html模板的判断语句和Python里的写法是一样的,只不过每一行需要包裹在花括号和百分号里。

·从视图函数里传递一个名称为user的数据,user变量的值输入小铁,在html文件里判断。如果user返回了数据显示欢迎你小铁,否则如果没有显示数据显示请登录。

·最后用and if来闭合判断语句,运行Web服务,在浏览器里查看效果。因为user这个变量是有数据的,所以前端显示的欢迎您小铁。将user变量的值改成无,回到浏览器查看效果,这个时候浏览器显示的是请登录。

这就是html模板文件里if判断语句的使用方法。

SS 的条件判断语句 if()

上周,在西班牙拉科鲁尼亚举行的CSS WG面对面会议中,让人特别激动的一个决议是大家一致同意向 CSS 中添加内联 if() 语法。

实际上,一个功能在被接受之前经常会遭到几次拒绝,例如CSS嵌套、:has()、容器查询等都是在多次被拒后的最终迭代版本。if()在 2018 年曾被拒绝,其语法与我提出的非常相似。不同的是,现在我们已经有了样式查询功能,可以简单地使用相同的条件语法(结合Tab@when提案中提出的media()supports())。

if() 的作用?会取代样式查询吗?

相反地,if()提供了样式查询无法涵盖的功能。如果您能够使用样式查询来解决问题,那绝对应该优先选择样式查询——它们通常是更优的解决方案。但是,有些情况下,样式查询无法满足需求。

举个例子,考虑一个名为--variant的自定义属性:

它可能包括设置背景颜色、边框颜色、文本颜色、图标等。然而,实际上它的确切值可能从未直接在任何地方被逐字使用,而是作为影响其他属性值的设置参数。

样式查询让我们成功了一半:

但是,样式查询仅适用于后代。我们不能这样做:

通常,我们在元素上需要设置的声明非常少,有时仅仅一个。但是,即使只有一个声明,对于许多(或许是大部分)更高级的自定义属性用例而言,仍显得过多,使得使用自定义属性显得不太实用。因此,组件库常常转而使用表示性属性,如pill、outline、size等。

虽然这些表示性属性初看之下似乎很合适,甚至在开发体验(DX)方面似乎更优(使用的字符更少——至少比为每个元素设置单独的变量要少),但它们存在一些可用性问题:

灵活性降低

它们不能基于选择器、媒体查询等有条件地应用。更改它们需要更多 JS。如果它们在另一个组件中使用,那么您就是 SOL,而对于(可继承的)自定义属性,您可以在父组件上设置属性,并且它将向下继承。

冗长

它们必须应用于单个实例,并且不能被继承。即使人们使用某种形式的模板化或组件化来减少重复,他们在使用开发工具进行调试时仍然必须仔细研究这些属性。

缺乏一致性

由于几乎每个成熟的组件都支持自定义属性,因此用户必须记住哪些样式是通过属性完成的,哪些样式是通过自定义属性完成的。这种区别通常是任意的,因为它不是由用例驱动的,而是由实施便利性驱动的。

使用if(),上面的示例成为可能:

虽然这是主要用例,但事实证明,制作媒体查询并支持 if() 条件语法的条件部分也非常容易。由于它是一个函数,因此它的参数(包括条件!)可以存储在其他自定义属性中。这意味着您可以执行以下操作:

然后定义如下值:


就像 JS 中的三元组一样,对于只有一小部分值变化的情况,它也可能更符合人体工程学:

浏览器支持了吗?

不,它还没有出现在浏览器中,而且一段时间内也不会出现。最乐观的估计是 2 年左右,前提是该过程不会在任何时候停止(通常会发生这种情况)。

语法辩论通常会花费很长时间,因为对于语法每个人都意见不一。

所以需要一段时间去完成这些工作

希望系统性学习一门编程语言的朋友请关注我,本专栏后续会持续分享优质文章。

介绍

本篇为第五篇介绍Python知识的文章,本篇也开始接触到该门语言的逻辑语法部分,这一部分在编程语言中使用很广泛,小到一段语句,大到一个模块里面都有很多逻辑判断语句,所以很有必要细致的去理解它,并将他的一些常用格式熟记于心,好了开始我们下面的文章。

重要事项

本节主要编写的为Python语句中if语句的编写要求:

  • 语句格式 - if语句编写格式要求
  • 语句逻辑 - if语句的主要逻辑结构

演示过程

  1. 依然要调出我们系统的CMD命令
  2. 进入Python环境的交互界面
  3. 编写一段if语句程序,来体验逻辑语句的功能
>>>
>>> if 1 > 2:
...           print('a')
...      else:
...           print('b')
...
b
>>>

本段程序为一个简单的 if...else 语句,这个语句主要是进行二个数做大小的判断,得出的结果为一个bool值,if语句在bool值为True时执行打印字符a,为False时执行打印字符b,通过这样一段代码我们就可以大概的看到if语句的执行条件,执行过程等情况。

重点详解

针对 if 结构语言本专栏做了以下细致的总结,大家可以细致的体会其语法作用。

  • 语句格式

if语句的基本语法如下所示:

if condition:
      # 如果条件为True,则执行这里的代码块
      # 可以有多行代码
else:
      # 如果条件为False,则执行这里的代码块
      # 可以有多行代码

if语句中,condition是一个表达式,可以是返回TrueFalse任何东西

常见的比较运算符包括:

    • >:大于
    • <:小于
    • >=:大于等于
    • <=:小于等于
    • ==:等于
    • !=:不等于

多个条件:

你也可以使用逻辑运算符组合多个条件:

    • and:与,两个条件都为True时结果为True
    • or:或,两个条件中有一个为True时结果为True
    • not:非,将True变为False,将False变为True
  • 语句结构

单向分支结构:

if <条件表达式>:
     执行语句
     ...

双向分支结构:

if <条件表达式>:
     执行语句
     ...
else:
     执行语句
     ...

多分支结构:

if <条件表达式>:
     执行语句
     ...
elif <条件表达式>:
     执行语句
     ...
else:
     执行语句
     ...

存在多个elif语句时,Python会按照顺序逐个检查每个条件,执行第一个满足条件的代码块,然后跳过其他条件的检查。如果前面的elif条件满足了,那么后面的elif语句就不会再被执行。

嵌套分支结构:

if <条件表达式>:
     if <条件表达式>:
         执行语句
         ...
     else:
         执行语句
         ...
else:
      if <条件表达式>:
         执行语句
         ...
      else:
         执行语句
         ...

注意:每一层的缩进格式要统一,否则可能会导致意想不到的情况。

参考

  • Python官方手册 - https://docs.python.org/zh-cn/3/reference/compound_stmts.html#the-if-statement

让优质的技术更自由、开放的传播,我是「技术小剑客」欢迎你的关注和留言。