H5的新特性
1.语义化标签
  1. 有利于SEO,有助于爬虫抓取更多的有效信息,爬虫是依赖于标签来确定上下文和各个关键字的权重。
  2. 语义化的HTML在没有CSS的情况下也能呈现较好的内容结构与代码结构
  3. 方便其他设备的解析
  4. 便于团队开发和维护
2.表单新特性
3.多媒体视频(video)和音频(audio)
4.web存储
  1. sessionstorage:关闭浏览器清空数据,储存大小约5M。
  2. localstorage:永久生效,存储大小20M,多窗口下都可以使用
  3. 都只能储存字符串
 
C3的新特性
1.选择器:属性选择器E[attr],伪类选择器E:nth-child(n),空伪类E:empty ,排除伪类E:not(selector)
2.颜色:新增了RGBA、HSLA模式
3.文本:为文本设置阴影增强文本的表现能力,通过 text-shadow,可分别设置偏移量、模糊度、颜色(可设透明度)。
4.盒模型:box-sizing: border-box;
5.边框:圆角border-radius,阴影box-shadow
6.背景:
  1. 通过 background-size 设置背景图片的尺寸。
  2. 通过 background-origin 可以设置背景图片定位(background-position)的参照原点。
  3. 通过background-clip,可以设置对背景区域进行裁切,即改变背景区域的大小。
7.渐变:线性渐变 linear-gradient,径向渐变radial-gradient
8.字体图标
9.伸缩盒子:调整主轴对齐justify-content,调整侧轴对齐align-items,伸缩分配flex,正序方式排序order
10.2D转换:
  1. translate 设置元素的位置(x/y坐标)
  2. scale 设置元素的缩放比例(x/y两个方向)
  3. rotate 设置元素旋转(正值为顺时针,负值为逆时针)
  4. transform-origin 设置转换元素的原点
11.3D转换:
  1. 透视(perspective)值为1000px~1200px
  2. 将2D元素转换为3D立体(给父元素设置)transform-style: perserve-3d;
  3. 设置元素背面是否可见 backface-visibility: hidden;
12.动画:
  1. 定义关键帧 @keyframes
  2. 通过百分编写帧
  3. 在各帧中分别定义各属性
  4. 通过animation将动画应用于相应元素
 
ES6新特性
  1. 变量声明:let作用:声明变量,块级作用域,必须先声明后使用,在同一个块内不允许重复命名,没有变量提升。const作用:声明常量,声明的同时必须赋值,不能被重新赋值
  2. 解构赋值
  3. 模板字符串,支持换行
  4. 函数扩展,箭头函数

最新文章

  1. python中文编码问题
  2. 关于TableView上有一段留白的解决方法
  3. 行为型模式之Template Method模式
  4. SSH 端口转发+内网穿透
  5. DataTable/Array Linq查询,groupby
  6. html 和 html5(一)(表格 | 列表 | 提交按钮 | 单选 |复选 | 框架 | 脚本 | html字符实体 )
  7. 【Robot Framework】robot framework 学习以及selenium、appnium、requests实践(二)
  8. 菜鸟Android之路(上)
  9. nyoj 2
  10. Silverlight Visifire控件 后台设置颜色
  11. 第十九章——使用资源调控器管理资源(1)——使用SQLServer Management Studio 配置资源调控器
  12. hdu_4417_Super Mario(主席树)
  13. 一、什么是hadoop?
  14. 65、django之模型层(model)--添加、单表查询、修改基础
  15. C语言中数组使用负数值的标记
  16. jquery表单提交获取数据(带toast dialog)
  17. cent6.x配置主机名及静态网络
  18. TF(1): 基础理论
  19. MySQL 1130 - Host 127.0.0.1 is not allowed to connect to this MySQL server
  20. DNS主从复制及区域传送

热门文章

  1. 从壹开始 [vueAdmin后台] 之三 || 动态路由配置 & 项目快速开发
  2. [区块链|非对称加密] 对数字证书(CA认证)原理的回顾
  3. 如何使用vs将asp.net core项目添加容器支持并发布docker镜像到私有dockerhub和添加k8s/helm管理
  4. Python动态绑定属性slots的使用
  5. forEach循环对集合进行循环时,需判断是否为null;
  6. 学习 day4 html 盒子模型
  7. CSS Grid布局,实现响应式设计
  8. ArcGIS 网络分析[0] 介绍与博文目录【更新中】
  9. ArcGIS API for JavaScript 4.x 本地部署之跨域问题解决法:CORS
  10. RationalRose 安装过程中无法加载镜像的问题