当前位置: 首页 > Web前端 > HTML

30秒系列访谈

时间:2023-04-02 23:14:46 HTML

easy图片标签img的alt属性有什么用?当图片加载失败无法查看时,页面会显示alt属性提供的信息。alt属性用来描述图片信息,除了那些装饰性的图片,这些图片的alt信息应该留空。Kindness:装饰图片的alt应该是''网络爬虫使用alt标签来识别图片内容,所以这些属性对于搜索引擎优化(SEO)很重要添加在alt标签之后。提高可访问性CSSBEM是什么BEM方法是CSS类名的命名约定。目的是为了让CSS更容易维护,通过定义命名空间来解决类(class)作用域问题。BEM代表BlockElementModifier-块元素修饰符。Block是一个独立的部分,可以在项目中重复使用,作为子元素(Element)的命名空间。当一个块或元素处于某种状态或结构风格时,Modifier可以作为一个标识符来区分这些状态或差异。/*块组件*/.block{}/*元素*/.block__element{}/*修饰符*/.block__element--modifier{}这是一个类名标签的例子:在上面的例子中,navbar是一个Block,navbar__link元素除了是一个navbar组件之外没有任何意义。navbar__link--active是修饰符,表示navbar的不同状态——链接元素。因为修饰符过于冗长,更多时候使用is-*标志这些必须和元素链接起来,不能单独使用,否则会出现作用域问题。.navbar__link.is-active{}Goodwill:作用域问题的另一种解决方案是CSS-in-JS作用域问题:CSS只有一个全局命名空间。在非平凡的应用程序中避免选择器冲突是不可能的。cachebusting的目的以及如何实现cachebusting——暂时不知道怎么翻译,大致解决缓存文件不刷新的问题。浏览器有缓存机制,可以在网站上临时存储文件,所以页面切换或者重新加载都是一样的,页面显示的时候不需要重新下载这些文件。服务器设置为发送标头,告诉浏览器在给定的时间内存储文件。这大大提高了站点的速度并保留了带宽。但是,当开发人员更改站点时,这可能会导致问题,因为用户的缓存仍然引用旧文件。如果缓存的CSS和JavaScript文件引用不再存在、已移动或已重命名的元素,这可能会导致它们保留其原始功能或破坏站点。缓存破坏是一种通过将文件命名为与旧文件不同的方式来强制浏览器下载新文件的方法。强制浏览器重新下载文件的常用方法是在文件名末尾添加索引字符串src="js/script.js"=>src="js/script.js?v=2"浏览器会将其视为不同的文件,不会重命名该文件。CSS预处理器有什么好处?CSS预处理器添加了原生CSS所没有的有用功能,通常通过启用DRY(不重复)原则使CSS更干净且更易于维护。它们用于嵌套选择器的简洁语法减少了重复代码。它们提供了用于一致主题的变量(然而,CSS变量已经在很大程度上取代了这个功能),并提供了额外的工具,例如颜色函数(变亮、变暗、透明等)、mixins和循环,这些工具使CSS更像一个真正的编程语言并赋予开发人员更多生成复杂CSS的能力。Goodwill:允许我们编写更容易维护和扩展的css代码使用CSS预处理器的一些缺点:安装、重新编译耗时等,类型和值必须相同。另一方面,(==)首先执行类型转换,使两个操作数具有相同的类型,然后应用严格比较。友善:尽可能使用===来测试相等性,因为松散的相等性==可能会给出不直观的结果。类型转换意味着将一个值转换为相同的类型。错误的价值观和这些价值观的比较。使用flex盒模型创建一个三列布局,每列占据容器的col-{n}/12的比例

设置.row的父元素显示:flex;使用flex的简写属性来设置一个列类与其flex-grow值对应的比例。row{display:flex;}.col-2{flex:2;}.??col-7{flex:7;}.col-3{flex:3;}一个网页可以包含多个
元素?<页脚>呢?两者都很好。W3文档指出,标记表示其最近的祖先“部分”的页眉(
)和页脚(