资讯专栏INFORMATION COLUMN

实习笔记整理 js 篇

陈伟 / 2771人阅读

摘要:总结主要是前端的基础不准吐槽我把总结写在前面特别感谢超级好用的编辑器碰到的所有坑都放在前面。

总结: 主要是前端 JS 的基础 (╯‵□′)╯︵┻━┻不准吐槽我把总结写在前面

特别感谢超级好用的MarkDown编辑器(づ ̄ 3 ̄)づStackEdit

1. 碰到的所有坑都放在前面 (。・・)ノ

JS的函数定义时有3个参数, 使用时传入5个实参, 则前3个实参由定义的3个参数获得, 剩下的参数可以通过arguments获取, arguments是一个伪数组, 在这个例子里, 共有5个元素.

2. 小tips

== != === !==的区别: 关于JS的 undefined null 还有 === 和 ==


6.2.2 前端页面文件结构示例

6.2.3 js文件的backbone封装
./js/hello.js
define(function(){
    var moving = function() {
        $("#btn").addClass("btn-move-class");
    };

    return {
        moving: moving
    }
});
6.2.4 js文件的requireJS引用
./hello.html



    
    
    
    
    
    
    
    
    
    


    
Click
6.2.5 css动画
./css/hello.css
@charset "utf-8";
.container {font-family:"Microsoft YaHei","Hiragino Sans GB",Arial,"Lucida Grande",Verdana;}

div {
    height: 60px;
    width: 90%;
    margin: auto;
    font-size: 50px;
    color: #fff;
    font-weight: bolder;
    text-align: center;
    border-radius: 9999px;
    background: #338559;
}

.btn-move-class {
    -webkit-animation:moving 5s linear infinite;
            animation:moving 5s linear infinite;
}

@keyframes moving{
    0%,100% {height:60px;}
    50% {height:200px;}
}

@-moz-keyframes moving /* Firefox */{
    0%,100% {height:0px;}
    50% {height:200px;}
}

@-webkit-keyframes moving /* Safari 和 Chrome */{
    0%,100% {height:0px;}
    50% {height:200px;}
}

@-o-keyframes moving /* Opera */{
    0%,100% {height:0px;}
    50% {height:200px;}
}

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/85919.html

相关文章

  • 实习笔记整理 html+css

    摘要:总结主要是前端的基础不准吐槽我把总结写在前面特别感谢超级好用的编辑器碰到的所有坑都放在前面。 总结: 主要是前端HTML+CSS的基础 (╯‵□′)╯︵┻━┻不准吐槽我把总结写在前面 特别感谢超级好用的MarkDown编辑器(づ ̄ 3 ̄)づStackEdit 1. 碰到的所有坑都放在前面 (。・・)ノ firefox太坑了!css不能实时更新!(╯‵□′)╯︵┻━┻ 用bef...

    mingzhong 评论0 收藏0
  • 大厂难进?(来自双非 非科班 应届生的自述信)

    摘要:关于自己届毕业生一本双非学校,非科班可能和很多人一样,因为小时候喜欢打游戏,所以大学一直想学编程,但因为种种原因,自己来到了一个硬件相关专业,但由于现实和兴趣,自己又从事了软件相关的工作。找实习实习对于之后的秋招来说,是非常非常重要的。 ...

    jerryloveemily 评论0 收藏1
  • 最初,唯有时光记得

    摘要:前言最初,唯有时光记得。起初,按照自己的学习习惯来,一直秉承着好记性不如烂笔头的学习理念,开始做纸质的笔记,累计了好多本之后,发现有很多的不便利,例如图片随时要改动注明来源等。微信公众号微博。 回顾 Retrospect to the past and look into the future 最近在积极地学习webview,原本打算整理一下写成一篇文章。无奈时间有限,暂时没有把握把w...

    I_Am 评论0 收藏0
  • 最初,唯有时光记得

    摘要:前言最初,唯有时光记得。起初,按照自己的学习习惯来,一直秉承着好记性不如烂笔头的学习理念,开始做纸质的笔记,累计了好多本之后,发现有很多的不便利,例如图片随时要改动注明来源等。微信公众号微博。 回顾 Retrospect to the past and look into the future 最近在积极地学习webview,原本打算整理一下写成一篇文章。无奈时间有限,暂时没有把握把w...

    lanffy 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<