zoukankan      html  css  js  c++  java
  • 《移动WEB前端高级开发实践》【1】

    HTTP服务器:

    http-server

     

     

     

     

     

     

    3.6.4 利用 Performance API 分析网站性能

    页面加载生命周期


    4. CSS3

    伪类、伪元素,

    https://www.runoob.com/css/css-pseudo-classes.html的列表即可明白,就是定义了一套用户常用的"选择器的特殊效果"

    优先级和权重:

    尽管物理分辨率不同,介理设备的独立像素是相同的

    Flexbox 容器属性主要有以下六个属性

    • flex-direction 设置flex容器的主轴方向
    • flex-wrap 设置一行或多行布局
    • flex-flow 是flex-direction属性和flex-wrap属性的简写形式
    • justify-content 子元素主轴方向对齐方式
    • align-items 子元素侧轴方向对齐方式
    • align-content 多行侧轴方向对齐方式

    媒体查询:

    多列

    4.4 动效

    转换(Transform):移动 Translate、缩放 Scale、旋转 Rotate、倾斜 Skew

    自定义:matrix /matrix3d/ perspective

    过渡(Transition):

    transition-property

    transition-duration

    transition-timing-function

    transition-delay

    动画(Animation):

     

    其它:

    开放字体设计:Woff @font-face

    背景:Padding

    颜色: CSS3 渐变gradient

    文字效果:

    边框:

    开发效率&站点性能


    将事件交给父元素或祖先元素处理的方式,叫 事件委托 event delegation。

    优点:1)提高性能;2)动态监听

    移动端事件:触摸事件、手势事件、传感器事件

  • 相关阅读:
    linux学习笔记28--监控命令vmstat,iostat, lsof
    linux学习笔记27--监控命令ps和top,free
    linux学习笔记26--命令wc
    linux学习笔记24---命令grep
    linux学习笔记23--时间命令date和cal
    linux学习笔记22---命令diff和diff3
    linux学习笔记22--命令ln
    Fiddler 抓取 ios 端数据包
    fiddler 清除证书+重新添加证书
    Fiddler 详尽教程与抓取移动端数据包
  • 原文地址:https://www.cnblogs.com/cx2016/p/12052270.html
Copyright © 2011-2022 走看看