首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端面试题-每日练习(3)

SVG 是 W3C('World Wide Web ConSortium' 即 ' 国际互联网标准组织 ') 在 2000 年 8 月制定的一种新的二维矢量图形格式,也是规范中的网络矢量图形标准。...canvas是HTML5中新增一个HTML5标签与操作canvas的javascript API,它可以实现在网页中完成动态的2D与3D图像技术。...canvas可以完成动画、游戏、图表、图像处理等原来需要Flash完成的一些功能。 8.表单的基本组成部分有哪些,表单的主要用途是什么?...当然,初始化样式会对SEO有一定的影响,但鱼和熊掌不可兼得,但力求影响最小的情况下初始化。 15.CSS样式表根据所在网页的位置,可分为哪几种样式表?...作用:利用rem可以实现简单的响应式布局,可以利用html元素中字体的大小与屏幕间的比值设置font-size的值实现当屏幕分辨率变化时让元素也变化,以前的天猫tmall就使用这种办法 em 文本相对长度单位

16520

Web-第二天 HTML表单&CSS【悟空教程】

Web-第二天 HTML表单&CSS【悟空教程】 HTML表单&CSS 今日内容介绍 使用html的表单标签编写“注册页面” 今日内容学习目标 能够使用等标签编写注册表单...,表单标签在浏览器上没有任何显示。...因此,可以使用空格键、Tab键、回车键等对样式代码进行排版,即所谓的格式化CSS代码,这样可以提高代码的可读性。...行内样式通过标签的属性来控制样式,这样并没有做到结构与表现(HTML展示结构、CSS显示效果)相分离,所以一般很少使用。学习阶段有时候为了快速编程,偶有使用。...链入式最大的好处是同一个CSS样式表可以被不同的HTML页面链接使用,同时一个HTML页面也可以通过多个标记链接多个CSS样式表。 优先级 ?

4.3K40
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    HTML5和CSS3提高

    一.HTML5的新特性 HTML5 的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性等。...这些新特性都有兼容性问题,基本是 IE9+ 以上版本的浏览器才支持,如果不考虑兼容性问题,可以大量使用这 些新特性。 1.HTML5 新增的语义化标签 以前布局,我们基本用 div 来做。... 常见属性: 3.HTML5新增的input类型 4.HTML5新增的表单属性 二.CSS3的新特性 新增选择器: 1.属性选择器 属性选择器可以根据元素特定属性的来选择元素。...先去匹配E ,然后再根据E 找第n个孩子 4.伪元素选择器(重点) 伪元素选择器可以帮助我们利用CSS创建新标签元素,而不需要HTML标签,从而简化HTML结构。...属性 :想要变化的 css 属性, 宽度高度 背景颜色 内外边距都可以 。如果想要所有的属性都 变化过渡, 写一个all 就可以。

    98040

    Web 框架的替代方案

    如果你打算推出自己的框架,那么需要考虑的是,本文没有涉及一系列的成本。 2 普通的选择 Web 平台已经提供了一个开箱即用的声明性编程机制:HTML 和 CSS。...这是故意的。CHACHA 被构建成一个通道,有两个端口来发送消息,这使得它可以在 EventSource、HTML MessageChannel、服务工作者或任何其他协议中工作。...包括以下内容: 我们有一个 main 表单,其中有所有的全局输入和按钮,还有一个新的表单用于创建一个新任务。...它包括应用程序所需的所有元素,以合理的层次结构排列。多亏了隐藏的输入元素,你已经可以很好地感觉到以后文档中可能会有什么变化。 这个 HTML 不知道它将如何被样式化,也不知道它到底与什么数据绑定。...'' : 's'} left`; } 在上面的代码中,当完成的或活动的项目数量发生变化时,我们设置适当的输入来触发 CSS 反应,并格式化显示计数的输出。

    2.6K10

    框架究竟解决了啥问题?我们可以脱离它们吗?

    另外你还要考虑是不是在没有修改代码的情况下,升级了一个框架的版本就引入一些新的 bug。 确实,这样的问题也存在于浏览器中,但是浏览器一旦有问题,每个人都跑不了。...包括下面的内容: 我们有一个 main 表单,其中包含所有全局输入和按钮,还有一个用于创建新任务的新表单。...当添加任务时,可以通过克隆模板的内容来重复渲染这个表单。 隐藏的 Input 表示没有直接显示的数据,它们可能用于样式和选择。 这个 DOM 是非常简洁的,它的元素中没有分散的类。...这个 HTML 不知道它将被设置什么样的样式,也不知道它将绑定到什么数据。让 CSS 和 JavaScript 为 HTML 工作,而不是让 HTML 为特定的样式机制工作。...'' : 's'} left`; } 在上面的代码中,当完成或未完成事项的数量发生变化时,我们设置适当的输入来触发 CSS 的响应,并格式化显示计数的输出。

    8K30

    HTML入门

    transitional.dtd"> 然而现在没有人再这样写,需要保证每一个东西都正常工作已成为历史。...注意:一个块级元素不会被嵌套进内联元素中,但可以嵌套在其它块级元素中。 2)div和span 是一个通用的内容容器,并没有任何特殊语义。...它可以被用来对其它元素进行分组,一般用于样式化相关的需求。它是一个块级元素。 是短语内容的通用行内容器,并没有任何特殊语义。它可以被用来编组元素以达到某种样式。...使用class的值,格式: .class值{ 属性名:属性值; } 提示: class是自定义的值 所以,使用class属性值,可以帮助我们区分...,找老婆需要拼芝麻分,如今似乎也要成为现实,那么你们的芝麻分有多少了呢?

    2.3K30

    前端 50 道面试题与答案邀你轻松拿到Offer

    安全问题 Ajax 暴露了与服务器交互的细节 3. 对搜索引擎的支持比较弱 4. 破坏了程序的异常机制 5. 不容易调试 十四、CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算?...Node是一个相对新的开源项目,所以不太稳定,它总是一直在变。 2. 缺少足够多的第三方库支持。 二十四、CSS3有哪些新特性? 1....BFC,块级格式化上下文,一个创建了新的BFC的盒子是独立布局的,盒子里面的子元素的样式不会影响到外面的元素。...作用:利用rem可以实现简单的响应式布局,可以利用html元素中字体的大小与屏幕间的比值设置font-size的值实现当屏幕分辨率变化时让元素也变化。...在普通流中的 Box(框) 属于一种 formatting context(格式化上下文) ,类型可以是 block ,或者是 inline ,但不能同时属于这两者。

    1.6K20

    2020 年你应该知道的 React 库

    如何开始 React 如果你是一个完全不熟悉 React 的初学者想创建一个 React 项目,加入 React 的世界。有许多工具包项目可以选择,每个项目都试图满足不同的需求。...如果您只是想了解这些初学者工具包是如何工作的,那么可以尝试从头开始设置 React 项目。你将从一个基本的 HTML 和 JavaScript 项目开始,然后自己添加 React 和它的支持工具。...建议: React Router React 中的样式库 虽然关于 React 样式处理有很多解决方法,但是作为一个 React 初学者,刚开始使用内联样式和基本 CSS 是很好的。...{title} 虽然内联样式可以用 JavaScript 在 React 中动态地添加样式,但是一个外部的 CSS 文件可以拥有 React 应用程序的所有剩余样式。...它是一个灵活的框架,您可以自己决定选择哪些库。您可以从小型开始,只添加库来解决特定的问题。当应用程序增长时,您可以沿途扩展构建块。否则你可以通过使用普通的 React 来保持轻量级。

    14.5K40

    浏览器工作原理

    HTML5 也没有定义浏览器必须具有的用户界面元素,但列出了一些通用的元素,例如地址栏、状态栏和工具栏等。当然,各浏览器也可以有自己独特的功能,比如 Firefox 的下载管理器。...理论上来说,应用样式表不会更改 DOM 树,因此似乎没有必要等待样式表并停止文档解析。但这涉及到一个问题,就是脚本在文档解析阶段会请求样式信息。...如果由于宽度不够,文本无法在一行中显示而分为多行,那么新的行也会作为新的呈现器而添加。  另一个关于多呈现器的例子是格式无效的 HTML。...有两种标记:“dirty”和“children are dirty”。“children are dirty”表示尽管呈现器自身没有变化,但它至少有一个子代需要布局。...您可以在这里找到默认样式表示例:www.w3.org/TR/CSS2/sample.html 9.3 定位方案   有三种定位方案:  普通:根据对象在文档中的位置进行定位,也就是说对象在渲染树中的位置和它在

    3.3K41

    如何学习 CSS

    大多数人都熟悉使用 class,或在 直接使用HTML元素设置样式,比如 body,但是还有很多更高级的选择器可以根据文档中的位置选择元素,直接选择位于元素之后的元素,或选择表格中的奇数行。...image.png 继承和层叠 层叠是指当元素应用了多个样式规则,哪个规则优先应用。 如果你曾经遇到过无法理解为什么某些CSS似乎没有应用的情况,那可能是层叠没有运用好。...层叠与继承紧密相关,继承定义了子元素可以继承父元素的样式属性。 它还与特异性有关,不同的选择器具有不同的特异性,当有几个选择器可以应用于一个元素时,继承可以决定应用哪个规则。...标准流 如果你的文档内容用一些HTML标记,你的文档将具有可读性。标题和段落会另起新的一行,单词组成句子时,它们之间有一个空格。标记是用来格式化的,像 em 不会破坏句子的流。...响应式设计 通常,新的Grid和Flexbox布局方法意味着我们可以使用比旧方法更少的媒体查询,因为它们非常灵活,可以响应视口或组件大小的变化,而无需我们更改元素的宽度。

    1.8K10

    前端遗留技术与现代功能的对抗,邮件开发注定是件苦差事

    说说结论,我认为邮件系统的开发可以说是能在笔记本电脑上完成的、最恶心的工作,没有之一。我们做的一切似乎都没有意义,只能像疯子一样反复测试一切,那种感觉跟清理浴室地板上莫名其妙的顽固污渍倒有几分相似。...我们做的一切似乎都没有意义,只能像疯子一样反复测试一切,那种感觉跟清理浴室地板上莫名其妙的顽固污渍倒有几分相似。...有朋友可能会想,“不会吧,Word 里可没有多少布局和样式工具……”说得没错!但它有 table,而且只有 table。所以任何想要正确实现可视化的内容都必须是 table。...而之所以能这么规整,是因为邮件的 HTML 中包含 75 个和 122 个。看看 HTML 格式,就知道内容有多乱了。 为什么要使用内联样式?...跟常规 HTML 文档一样,电子邮件也可以具有 CSS 样式。如果各位朋友足够理智,肯定会想到把它们放在文档的标记当中。

    23730

    清除过的浮动

    fieldset 元素在www.w3.org里目前没有任何有关这个触发行为的信息,直到HTML5标准里才出现。...CSS 2.1没有定义哪种属性适用于表单控件,也没有定义如何使用CSS来给它们添加样式。...并且说道“Firefox等浏览器并没有haslayout的概念”,那么现代浏览器是有BFC的,从表现上来说,hasLayout 可以等同于 BFC。...精益求精方案一: 相对于空标签闭合浮动的方法代码似乎还是有些冗余,通过查询发现Unicode字符里有一个“零宽度空格”,也就是U+200B ,这个字符本身是不可见的,所以我们完全可以省略掉 visibility...方案3、4通过overflow闭合浮动,实际上已经创建了新的 块级格式化上下文,这将导致其布局和相对于浮动的行为等发生一系列的变化,闭合浮动只不过是一系列变化中的一个作用而已。

    87120

    CSS伪类与伪元素「建议收藏」

    css引入伪类和伪元素概念是为了格式化文档树以外的信息。...伪类:用于当已有元素处于的某个状态时,为其添加对应的样式,这个状态是根据用户行为而动态变化的。比如说,当用户悬停在指定的元素时,我们可以通过:hover来描述这个元素的状态。...虽然它和普通的css类相似,可以为已有的元素添加样式,但是它只有处于dom树无法描述的状态下才能为元素添加样式,所以将其称为伪类。 伪元素:用于创建一些不在文档树中的元素,并为其添加样式。...only-child 选择的元素是它的父元素的唯一一个子元素; :only-of-type 选择一个元素是它的上级元素的唯一一个相同类型的子元素; :empty 选择的元素里面没有任何内容。...:disabled匹配禁用的表单元素。 :enabled匹配没有设置disabled属性的表单元素。 :valid匹配条件验证正确的表单元素。

    1.6K21

    HTML入门与进阶以及HTML5

    div和span没有任何语义,正是因为没有语义,这两个标签一般都是配合CSS来定义元素 样式的。...(2 ) div常用于页面中较大块的结构划分,然后配合CSS来操作;span 一般用来包含文字等, 它没有结构的意义,纯粹是应用样式。当其他行内元素都不适合的时候,可以用span来配合CSS 操作。...一般情况下,我们都是根据实际需要来使用这3个标签的。 (五)表单语义化 表单跟表格,这是两个完全不一样的概念,不过还是有不少初学者傻傻分不清。对于表单语义化,我们从2个方面来探究一下。...一般情况下,我们都是去掉strong和em的默认样式,然后使用CSS重新定义新的样式, 但这并不影响这两个标签的语义。也就是说,样式只会改变标签的外观,但不会改变标签的语 义。...因此了解哪些标签已经 被舍弃是非常有必要的。 对于这些被舍弃的标签,总体可以分为两大类。 (1)仅仅为了定义样式,没有任何语义,因此被舍弃。 (2)很少使用或者已经被新标签代替,因此被舍弃。

    3.1K30

    HTML入门与进阶以及HTML5_html 菜鸟教程

    div和span没有任何语义,正是因为没有语义,这两个标签一般都是配合CSS来定义元素 样式的。...(2 ) div常用于页面中较大块的结构划分,然后配合CSS来操作;span 一般用来包含文字等, 它没有结构的意义,纯粹是应用样式。当其他行内元素都不适合的时候,可以用span来配合CSS 操作。...一般情况下,我们都是根据实际需要来使用这3个标签的。 (五)表单语义化 表单跟表格,这是两个完全不一样的概念,不过还是有不少初学者傻傻分不清。对于表单语义化,我们从2个方面来探究一下。...一般情况下,我们都是去掉strong和em的默认样式,然后使用CSS重新定义新的样式, 但这并不影响这两个标签的语义。也就是说,样式只会改变标签的外观,但不会改变标签的语 义。...因此了解哪些标签已经 被舍弃是非常有必要的。 对于这些被舍弃的标签,总体可以分为两大类。 (1)仅仅为了定义样式,没有任何语义,因此被舍弃。 (2)很少使用或者已经被新标签代替,因此被舍弃。

    4.2K20

    HTML入门与进阶以及HTML5

    div和span没有任何语义,正是因为没有语义,这两个标签一般都是配合CSS来定义元素 样式的。...(2 ) div常用于页面中较大块的结构划分,然后配合CSS来操作;span 一般用来包含文字等, 它没有结构的意义,纯粹是应用样式。当其他行内元素都不适合的时候,可以用span来配合CSS 操作。...一般情况下,我们都是根据实际需要来使用这3个标签的。 (五)表单语义化 表单跟表格,这是两个完全不一样的概念,不过还是有不少初学者傻傻分不清。对于表单语义化,我们从2个方面来探究一下。...一般情况下,我们都是去掉strong和em的默认样式,然后使用CSS重新定义新的样式, 但这并不影响这两个标签的语义。也就是说,样式只会改变标签的外观,但不会改变标签的语 义。...因此了解哪些标签已经 被舍弃是非常有必要的。 对于这些被舍弃的标签,总体可以分为两大类。 (1)仅仅为了定义样式,没有任何语义,因此被舍弃。 (2)很少使用或者已经被新标签代替,因此被舍弃。

    4.8K30

    翻译 | 我在 React-Native app开发中曾经犯过的11个错误

    正如你看到的,所有的样式都放在独立的模块中-好的.没有代码复制(目前为止). 但是我们到底多长时间才在表单中使用一个字段?...但是要确保并不要深度定制一个小组件,这样会让组件的规模过大,这样一来很难去读懂代码.确确实实是这样.在需要添加一个新属性的时候,似乎是解决问题的最简单的办法,在未来这个小举动可能会在读代码的时候把你搞晕...,像这样: 当你刚开始这么写的时候,你会想:”好了”,等我在模拟器里检查了布局以后,如果演示可以,我就会把样式转移到独立的模块中.或许这是个好的愿景,但是不幸的是,这件事不会发生.没有人这么做,除非有人提醒...一定要把样式分到独立的模块中.这会让你远离行内样式. 8.使用redux来验证表单 这是我的项目中的错误.希望能对你有帮助....过度的依赖zIndex 很多人从web开发转移到RN开发.在web开发中,有一个css 属性是z-index.它帮助我们展示我们需要的内容,在web中,这么做很酷.

    75220

    CSS伪类与伪元素

    伪类 伪类用于当已有元素处于的某个状态时,为其添加对应的样式,这个状态是根据用户行为而动态变化的。比如说,当用户悬停在指定的元素时,我们可以通过:hover来描述这个元素的状态。...虽然它和普通的css类相似,可以为已有的元素添加样式,但是它只有处于dom树无法描述的状态下才能为元素添加样式,所以将其称为伪类。 状态性伪类 是基于元素当前状态进行选择的。...元素 :empty 选择的元素里面没有任何内容 :checked 匹配被选中的input元素,这个input元素包括radio和checkbox :default 匹配默认选中的元素,例如:提交按钮总是表单的默认按钮...:disabled 匹配禁用的表单元素 :enabled 匹配没有设置disabled属性的表单元素 :valid 匹配条件验证正确的表单元素 伪元素 用于创建一些不在文档树中的元素,并为其添加样式。...比如说,我们可以通过::before来在一个元素前增加一些文本,并为这些文本添加样式。 CSS3规范中要求使用单冒号:用于CSS3伪类,双冒号::用于 CSS3伪元素,目的是区分伪类和伪元素。

    2K20

    02-Vue入门之数据绑定

    有了Vue这种双向绑定,让开发人员只需要关心json数据的变化即可,Vue自动映射到HTML上,而且HTML的变化也会映射回js对象上,开发方式直接变革成了前端由数据驱动的 开发时代,远远抛弃了Dom开发主导的时代了...样式绑定 对于普通的属性的绑定,只能用上面的讲的绑定属性的方式。而Vue专门加强了class和style的属性的绑定。可以有复杂的对象绑定、数组绑定样式和类。 2.7.1....混合普通的HTML标签样式类及绑定样式对象 v-bind:class 指令可以与普通的 class 属性共存。...绑定data中的样式对象 直接在html属性中的双引号内写对象,还是很不爽,也没有智能提示,很容易写错。...Vue对象提供的computed属性,可以让我们开发者在里面可以放置一些方法,协助我们绑定数据操作,这些方法可以跟data中的属性一样用,注意这些方法用的时候不要加()。 例子来了: <!

    1.6K60
    领券