h5,cs3和es6新增

本文概述了H5的语义化标签、音视频元素新特性,表单的增强,Canvas画布的应用,以及CSS3的选择器、颜色模式、动画等。同时深入讲解了ES6的let/const、模板字符串等新特性。适合开发者了解前沿技术动态。
摘要由CSDN通过智能技术生成

H5:

 		1. 语义化标签,(如header main aside section footer 等)
 		2. 音视频标签:
 			-  video属性:poster,controls,muted,autoplay,loop
 			- audio属性:controls,muted,autoplay,loop
 		3. 表单新增
 			- type类型:email,number,url,color,time,range
 			- 属性:required,placeholder,autofocus,multiple,pattern
 		4. 画布:canvas
 		5. 自定义属性:data-id
 		6. 拖拽释放(Drap and drop)	

Css3

		1. 选择器:
				- 属性选择器
				- 伪类选择器
				- 层级选择器
		2. 颜色:新增RGBA,HSLA模式
		3. 文字阴影(text-shadow)
		4. 边框:圆角(border-radius)  边框阴影:box-shadow
		5. 盒子模型:box-sizing
		6. 背景:background-size background-orgin background-clip
		7. 渐变:linear-gradient, radial-gradient
		8. 过渡:transition 可实现动画
		9. 自定义动画 animate @keyfrom
		10.媒体查询 多栏布局 @media screen and (width:800px){...} 
		10. border-image
		12.2D转换:transform:translate(x,y) rotate(x,y) skew(x,y) scale(x,y)
		13. 3D转换
		14. 字体图标 font-face
		15. 弹性布局 flex  

Es6

	 1. let和const
	 2.模板字符串
	 3.函数默认参数   
	 2. 箭头函数
	 3. 对象扩展
	 	 - 属性简写:var baz = {foo}; //等同于 var baz = {foo: foo}
	 	 -  object.keys() : 获取对象的所有属性名或方法名(不包括原形的内容),返回一个数组。
	 	 -  object.assign() : assign 方法将多个原对象的属性和方法都合并到了目标对象上面
	 4. for...of 和for...in
	 5.promise对象 
	 5. import和export
	 6. 解构赋值
	 7. set数据结构
	 9.类关键字class
	 10.展开运算符... : 展开运算符可以将数组或对象里面的值展开;还可以将多个值收集为一个变量
	 11. async, await
	 12.装饰器@decorator:用来修改类甚至于是方法的行为。修饰器本质就是编译时执行的函数   
	 13.Symbol基本数据类型                                                                                                                                                                                                                                                                                                                                                 
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值