zoukankan      html  css  js  c++  java
  • H5、C3、ES6的新特性

     

    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. 函数扩展,箭头函数

    本人网站:www.lovemysoul.vip

  • 相关阅读:
    各系统终端快速清屏方式
    mvc使用Chsword.Excel2Object导出和导入数据
    winfrom读写txt文件值(短信猫)
    WebDatagrid中添加打开新tab的超链接列
    WebDatagrid前台后台选中行
    WebDatagrid三种获取值得方法javascript
    WebDataMenu做工具栏程序代码
    WebDatagrid-checkbox行如何用js控制其是否可用
    WebDatagrid-左边的checkbox决定右边的文本是否进入编辑状态
    Cell Editing (WebDataGrid) 单元格编辑
  • 原文地址:https://www.cnblogs.com/10ve/p/10545098.html
Copyright © 2011-2022 走看看