笔试题知识点整理

Html:

一些特性:

  • HTML5 中的属性名对大小写敏感

  • <!DOCTYPE>声明有助于浏览器中正确显示网页,网络上有很多不同的文件,如果能够正确声明HTML的版本,浏览器就能正确显示网页内容。
    <!DOCTYPE html> 告诉浏览器当前页面使用h5版本解析

  • 符合规范的 HTML 代码:
    1、块级元素可以包含内联元素或某些块级元素,但内联元素不能包含块级元素,它只能包含其它内联元素。
    2、有几个特殊的块级元素只能包含内联元素,不能包含块级元素。如h1,h2,h3,h4,h5,h6,p,dt
    4、li内可以包含div
    5、a标签可以包括任何元素,除了自身

form 元素的enctype属性

1.enctype属性在get请求中会被忽略,在post请求中才有效
2.application/x-www-form-urlencoded在发送前编码所有字符(默认)
3.text/plain 以文本的形式进行编码,空格转换为 “+” 加号,不会对特殊字符进行编码
4.multipart/form-data不对字符编码,在使用包含文件上传控件的表单时,必须使用该值

HTML5新增标签

  • h5常用结构标签:
    <header></header>
    <nav></nav>
    <section></section>
    <aside></aside>
    <footer></footer>
    <article></article>
    更多见 HTML5新元素

HTML5新增表单控件

电子邮件<input type="email">
表单提交时,会验证数据是否符号email的规范(有@,并且@后面有内容)
搜索类型<input type="search">
提供了快速清除的功能
url类型<input type="url">
提交时,验证数据是否符合url的规范(http://****)
电话号码类型<input type="tel">
在移动设备中,显示拨号键盘
数字类型<input type="number">
属性:value 默认显示的值,max 能接收到的最大值,min 能接收到的最小值,step 每次调整数字时,步数大小
范围类型<input type="range">
提供一个滑块组件,允许用户选取指定范围的值
属性:value 默认显示的值,max 最大值min 最小值,step 步长
颜色类型<input type="color">
提供一个颜色拾取器
日期类型<input type="date">
月份类型<input type="month">
周类型<input type="week">

Css:

浏览器前缀

浏览器 对应前缀
火狐 -moz-
谷歌、苹果、360 -webkit-
欧朋 -o-
ie -ms-

文字一行显示

  • 让一个元素内的文字永远在一行内显示(文字很长时也不会换行)
/*不换行也不省略 : */
word-break : keep-all;
white-space : nowrap;  

/*不换行,超出用省略号代替 : */
word-break : keep-all;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;

一些名词

  • PostCSS:转换CSS的工具
    BEM:命名规范block-name__element-name–modifier-name,也就是模块名 + 元素名 + 修饰器名,以保证命名不会冲突
    LESS、SASS都是CSS预处理器

一些属性

  • padding不可以为负值,可以为负值的是margin
  • display:none 对应的元素不会在文档流中占据空间
    visibility:hidden 虽然元素隐藏,但是对应的元素的会在文档流中占据空间
    opacity以透明度隐藏,仍然可以监听

一些语法

  • div p : 后代选择器
    div > p : 子元素选择器
    div + p : 选择紧接在 div 元素之后的所有 p 元素,相邻
    div ~ p : div后面所有的p标签选中

  • 把鼠标移到按钮并点击时,会产生一串什么样的事件?
    hover -> focus -> active 悬停 -> 聚焦 -> 响应

伪类与伪元素的特性及其区别:

1.伪类本质上是为了弥补常规CSS选择器的不足,以便获取到更多信息;伪元素本质上是创建了一个有内容的虚拟容器;
2.CSS3中伪类和伪元素的语法不同;伪类 :link :hover; 伪元素 ::before ::after
3.因为伪类是类似于添加类所以可以是多个,而伪元素在一个选择器中只能出现一次,并且只能出现在末尾 。
4.其中伪类和伪元素的根本区别在于:它们是否创造了新的元素,这个新创造的元素就叫 “伪元素” 。

(1)伪元素/伪对象:不存在在DOM文档中,是虚拟的元素,是创建新元素。 这个新元素(伪元素) 是某个元素的子元素,这个子元素虽然在逻辑上存在,但却并不实际存在于文档树中.

(2)伪类:存在DOM文档中,(无标签,找不到, 只有符合触发条件时才能看到 ), 逻辑上存在但在文档树中却无须标识的“幽灵”分类。

包含块

当我们对一个元素指定百分比的数值时,这些值的计算值,就是通过元素的包含块计算得来。
(1)如果 position 属性为 static 、 relative 或 sticky,包含块就是该元素最近的祖先块级元素的 content 决定
(2)如果 position 属性为 absolute、fixed,包含块还要额外算上 padding,即 content + padding。

错误:

  • 行内元素与浮动元素发生重叠,其边框,背景和内容都会显示在浮动元素之下

Js:

  • 常用判断方法
    ① typeof:判断所有变量的类型,返回值有number,boolean,string,function,object,undefined。【typeof对于丰富的对象实例,只能返回"Object"字符串。】
    ② instanceof :返回布尔值,用来判断对象

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值