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)动态监听

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

  • 相关阅读:
    【SQL查询】查询列中使用条件逻辑_case when then end
    【SQL查询】查询的列起别名_AS
    【SQL查询】查询的值为空时,给出默认值_NVL函数
    工薪阶层理财建议
    软件文档编写_软件开发过程中的文档
    等价边界值测试_日期
    【登录】测试用例
    来纪中的第一天
    普及C组第二题(8.1)
    普及C组第一题(8.1)
  • 原文地址:https://www.cnblogs.com/cx2016/p/12052270.html
Copyright © 2011-2022 走看看