• 动画


    一、动画:

      (1)CSS样式提供了运动。

        过渡的属性:transition 从一种情况到另一种情况叫过渡。

          transition:attr    time   linear   delay.

            attr是变化的属性;

              time是花费的时间;

              linear是变化的速度;

            delay是延迟。

       (2)JS提供的运动:

        元素的client/offset/scroll三个系列

          clientWidth/clientHeight/clientTop/clientLeft

          offsetWidth/offsetHeight/offsetTop/offsetLeft/offsetParent

          scrollWidth/scrollHeight/scrollTop/scrollLeft

    这十三个属性,前面是只读属性,scrollTop和scrollLeft是既可读也可写。

    获取浏览器的body属性是有兼容的

      var dd=document.body||document.documentElement.

        scrollTop和scrollLeft的最小值是0

    获取body的整个的文档的高:

      document.body.scrollHeight||document.documentElement.scrollHeight

    获取浏览器一屏幕的高(浏览器的可视区):

      document.body.clientHeight||document.documentElement.clientHeight

    window下的两个事件:

      onscroll:当滚动条滚动的时候触发;

      onresize:当窗口发生改变时触发。

    二、BOM浏览器对象模型

       1.window.open(url,ways)

       url是打开的网页地址;

       ways是打开的方式。_self

        2.window.close()

        3.浏览器用户信息

         window.navigator

     4.浏览器地址信息:

      window.locaation

        5.window.history 记录浏览器的访问历史记录

        window.history.forward() 前进,最新的访问记录。

        window.history.back() 返回


    函数的解析:

      函数 如果我们把它当做函数看,就只能起到函数的意思,可以封装。

      如果我们把函数当作函数对象看,就可以实现一些继承了

      可以在控制台dir(fn) 

     可以发现在原型链上函数对象天生带call(),apply(),bind()三个方法。

    这三个方法可以改变函数内的this指向。

    A.Call(B,c,d) B取代了A中的this,然后把B给调用了

    jian取代了add中的this,然后把add调用了。

    Call和apply的区别:

    案例分析:

    Math.max(34,45,6,12) 找出这些数字中的最大项,但是参数必须是数字。

    现在我们有个arr[24,45,56,5] 想通过math找到里面的最大项。

    Var s=Math.max.apply(null,arr)

  • 相关阅读:
    vue用户登录状态判断
    Android webView包装WebAPP
    浮动粒子制作404动画页面
    使用 typescript 和 canvas 重构snow效果
    毕达哥拉斯树(pythagorasTree)原理解析及canvas动画实现
    canvas入门之时钟的实现
    canvas动画之动态绘出六边形
    分享一篇vue项目规范
    css3 ajax加载进度线
    react 体验 react与vue的比较
  • 原文地址:https://www.cnblogs.com/yuanjingjing/p/10039145.html
Copyright © 2020-2023  润新知