前端复盘(1)

单纯的知识点整理,如果要示例的话还是得看笔记。

一、行标签与块标签
(1)块标签
特点:①独占一行;②能设置宽高;③可以自动换行。
常见的块标签:div、p、h、ul、li、dl(定义列表,跟ul…li类似)、dt(定义列表中的项目)、dd(描述项目的内容,与dt搭配)
(2)行标签
特点:①能与其他元素在同一行出现;②不能设置宽高;③不能自动换行。
常见的行标签:a、span、strong、u(underline)、em、i(斜体)、sub(下标)/sup(上标)。
(3)行内块级标签
特点:①能与其他元素在同一行出现;②能设置宽高
常见标签:textarea、input、img、button
(4)行标签和块标签之间可以相互转换吗?
可以,通过css中的display属性,它的属性值有inline(行标签)、block(块标签)、inline-block(元素以行内块级标签进行展示)

二、CSS的优先级
(1)先聊一聊CSS有哪七种基础选择器:
ID 选择器, 如 #id{}
类选择器, 如 .class{}
属性选择器, 如 a[href=“segmentfault.com”]{}
伪类选择器, 如 :hover{}
伪元素选择器, 如 ::before{}
标签选择器, 如 span{}
通配选择器, 如 *{}
(2)CSS 优先规则
优先级关系:内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器>通配选择器

三、HTML5的新特性

  1. 语义化标签
    header,article,footer标签等
  2. 增强型表单
    新的input输入类型:color,url,date等
    新的表单属性:Placeholder(输入前的提示),min和max,required(不为空等
  3. video和audio标签
  4. canvas画布
  5. svg画布
  6. 地理定位
  7. 拖放api
  8. web worker。web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。
  9. web storage(localStorage和sessionStorage)
  10. websocket。WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。

四、CSS3的新特性
边框圆角(border-radius)、盒子阴影(box-shadow)、背景渐变(background:linear-gradient)、背景绘制区域(background-clip)、边框图片(border-image)

五、闭包
(1)闭包的特征
①函数嵌套函数;②内部的函数可以引用外部函数的参数和变量;③参数和变量不会被垃圾回收机制所收回
(2)闭包的优点
①允许一个变量长期驻扎在内存中;②避免全局变量的污染;③私用成员的存在

六、事件冒泡
(1)什么是事件冒泡
当一个元素接收到事件的时候 会把他接收到的事件传给自己的父级,一直到window 。(注意这里传递的仅仅是事件 并不传递所绑定的事件函数。所以如果父级没有绑定事件函数,就算传递了事件 也不会有什么表现 但事件确实传递了。)
(2)如何避免事件冒泡
①标准的W3C 方式:**e.stopPropagation();**这里的stopPropagation是标准的事件对象的一个方法,调用即可(e是标准的事件对象)
②非标准的IE方式:ev.cancelBubble=true; 这里的cancelBubble是 IE事件对象的属性,设为true就可以了(e是ie的事件对象)
(3)利用事件冒泡的优点
①:事件委托
事件委托:也称事件代理 就是利用冒泡的原理 把加事件加到父级上,触发执行效果。
②:新添加的元素还会有之前的事件

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值