700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 快速拿捏常用的css选择器 智能感知的意义 – CSS – 前端 写给大家看的css书

快速拿捏常用的css选择器 智能感知的意义 – CSS – 前端 写给大家看的css书

时间:2022-03-02 20:58:19

相关推荐

快速拿捏常用的css选择器 智能感知的意义 – CSS – 前端 写给大家看的css书

(1)感知的核心是对生产异常或问题的感知

制造运行是一个系统性关联的运行,一般意义上来说,很难说制造系统运行能够按照大家预定的方式持续稳定的完成运行,其中必然会出现各种各样的突发事件或者生产扰动。所以偶感觉所谓的感知,很大程度上是对生产异常的感知。

(2)智能性主要体现在时间和关联两个维度

如果等到生产异常发生了,制造系统感知到这种异常,其实这是一种事后的。在这种情况下,大家一般按照一个既定的流程进行处理,其实就可以,这个其实称不上什么智能的。因此,从时间维度上面来说,智能感知的智能性应该体现在事先。

从制造运行各个环节所产生的这种状态。一般来说都是相对孤立的,或者说大家是一个一个上来的。但是由于制造系统的运行是属于关联性比较强的那种方式,因此这些独立环节之间的状态关联,综合起来对于制造系统运行可能会产生影响。因此,相对于单一环节单一状态的显式感知,这种多环节多状态关联的隐式感知是智能性的集中体现。

(3)智能感知需要系统性的思维

一般来说大家做事情都是希望这个事情在自己的一个严谨严密的体系下面,也就是说是希望能够预先知道要感知哪些东西。虽然现在有所谓的大数据分析,能够发现一些之前难以明显感知到的那种规律或者规则,但这个毕竟可操作性不强。偶认为这个方面的系统性思维主要体现为可靠性制造运行整体思维。

应该立足于形成制造系统运行的可靠性思维,建立业务运行的关联因素图谱,可以采用各种现成的分析工具,甚至可靠性工程中那种FMEA、故障分析树及其求解方法(例如求解最小割集等),都可以拿来用。

@ css设置鼠标点击样式应使用哪个选择器?

layout里有个簇布局,用好了你就牛 最好不用,自动布局布出来的根本不行…

@ input标签中type怎么用css选择?

可以用css3中新增的选择器“[attribute=value]”来同时选中指定的属性的标签。

1、新建html文档,添加5个input标签,其中第一个和最后一个“type”属性的属性值为“text”:

2、在head标签和body标签之间添加style标签,添加代码“input[type=text]”,“input”指的是标签名,“type”指的是属性名,“text”指的是属性值,这个就会把所有属性名为“type”、属性值为“text”的input标签选中:

3、为被选择的标签设置背景色为红色,这时属性值为“text”的第一个标签和最后一个标签背景色都变成了红色:

@ postcss和cssmodule是什么?

postcss是什么?

根据官网的解释,它是一种javascript编写的工具,用来转化css的。可以认为它是处理css的插件集合,需要配合诸如webpack、gulp等编译工具才能展现它强大的能力。

目前社区提供了非常多的插件,比较有名的如下:

autoprefixer 可以为css的属性配置兼容性的前缀,不需要手动添加postcss-preset-env 允许你使用更加现代的css特性stylelint 检查css语法错误cssnano css的压缩器等等postcss的原理

如果大家了解babel的原理,那就应该听说过AST即抽象语法树。编译器将字符串进行词法分析、语法分析,再做转换,最终达到预期的结果。postcss也是同样的原理,这个包已经为使用者提供了解析的方法parse,并且也提供了很多转化的API,利用这些就可以自己开发一款postcss插件了。

css Module是什么?

先前呢,大家使用css选择器,它是对整个页面是有效的,也就是全局的,当你每次迭代需求的时候,需要考虑每次添加新的css是否会影响到其他地方,所以大家有时选择为样式表添加命名空间。css Module为大家提供了另外一种开发方式,它可以使css具有局部作用域。

用法如下:

用法是如此的简单,基本一看就会,css-loader为大家提供了css Module的开关,只要为css-loader添加参数选项modules就可以开启。注意:它必须放在less或者sass的loader之前。

那它如何做到局部作用域的呢?

打开element面板可以发现,它把class变成了md5戳,对应每个组件,保持唯一。

vue的scoped

由此大家联想到vue的scoped,它也解决了css局部作用域的问题!

它在dom上生成了一个data属性,并且给class选择器添加了属性选择器,类似于之前的md5戳。不过由于添加了属性选择器,使得选择器的优先级变高了,想在组件外面覆盖css属性就变得不那么容易了!

喜欢偶的回答就关注偶吧,有问题可以发表评论,大家一起学习,共同成长!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。