2020-12-29课堂笔记

最新推荐文章于 2025-04-24 21:22:41 发布
最新推荐文章于 2025-04-24 21:22:41 发布
阅读量201 收藏
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/lwz01/article/details/115479738
版权

demo01

<html>
    <head>
        
    </head>


    <body>
        

    </body>
    <script>
        // 创建一个对象
        var girlfriend = {
            name : "初音未来",
            age : 18 ,
            shajiao : function(){
                console.log("撒娇");
            },
            peiliaotian : function(){
                console.log("陪聊天");
            },
            peiguangjie : function(){
                console.log("陪逛街");
            },
            peikandianying :function(){
                console.log("陪看电影");
            }

        };

        console.log(girlfriend);

        console.log(girlfriend.name);
        console.log(girlfriend.age);
        girlfriend.peiguangjie();  // 方法的调用
        
        girlfriend.name = "欧阳娜娜" ;
        console.log(girlfriend.name);
        console.log(girlfriend.age);
        girlfriend.peikandianying();




    </script>
</html>

demo02

<html>
    <head>


    </head>


    <body>
        

    </body>

    <script>
        /* 
            工厂模式，实现批量创建对象
        */
       
        // 定义一个函数
        function GirlFriend ( name , age , func ){
            var obj = {
                gname : name,
                gage : age,
                gLiaotian : func
            };
            return obj;
        }

        var girlfriend01 = GirlFriend("初音未来" , 18 , function (){
            console.log("一起吃饭");
        });

        var girlfriend02 = GirlFriend("欧阳娜娜" , 20 , function(){
            console.log("一起看电影");
        });

        console.log("01号女性朋友：" , girlfriend01);
        console.log("02号女性朋友：" , girlfriend02);






    </script>




</html>

demo03

<html>
    <head>

    </head>

    <body>
        

    </body>

    <script>

        // 类  函数当作类使用 用函数描述特征
        function Cat ( name , feature ){
            this.name = name;
            this.feature = feature;
            this.info = function(){
                console.log("名字：" , this.name , "特点：" , this.feature);
            };

        }

        var lanmao =  new Cat("蓝猫" , "毛是蓝色" );
        lanmao.info();

        var tianyuanmao = new Cat("中华田园猫" , "生命力强" );
        tianyuanmao.info();

    </script>
</html>

demo04函数作为对象方法

<html>
    <head>

    </head>


    <body>
        

    </body>

    <script>
        // 对象
        var point = {
            x : 0,
            y : 0,
            moveTo : function(newX , newY ) {    // 1、函数moveTo 作为对象point 的方法
                console.log("point中的this：" + this);  // [object, object]
                console.log("旧坐标：" , this.x , this.y , "新坐标：" , newX ,newY );   // 取对象的属性需要this
                this.x = this.x + newX;
                this.y = this.y + newY;
                console.log("移动之后的点："  , this.x , this.y );
            }

        }

        point.moveTo(10 , 10);


    </script>

</html>

demo05函数作为构造方法

<html>
    <head>

    </head>

    <body>
        

    </body>

    <script>

        // 类  函数当作类使用 用函数描述特征  
        function Cat ( name , feature ){
            this.name = name;
            this.feature = feature;
            this.info = function(){
                console.log("名字：" , this.name , "特点：" , this.feature);
            };

        }

        var lanmao =  new Cat("蓝猫" , "毛是蓝色" );
        lanmao.info();

        var tianyuanmao = new Cat("中华田园猫" , "生命力强" );
        tianyuanmao.info();

    </script>
</html>

demo06 this作为全局变量

<html>
    <head>

    </head>


    <body>
        

    </body>

    <script>


        /* 
            
        */
        // this作为全局变量
        console.log(this);  // 表示当前窗口

        function Fun01(){
            console.log("普通函数中的this ：" , this );   // 表示窗口对象
        }
        Fun01();

        function Fun02() {
            this.age = 18;
            console.log("构造函数中的this ：" , this )    // 表示的当前创建的对象
        }
        var obj = new Fun02();


    </script>
</html>

demo07原型和原型链

<html>
    <head>

    </head>


    <body>
        

    </body>

    <script>
        function Person( name ){
            this.name  = name;
        }

        var a_person = new Person("欧阳娜娜");

        console.log(a_person.constructor);  // Person
        console.log(Person.prototype);    // Person.prototype
        console.log(a_person.__proto__);   // Person.prototype
        console.log(Person.prototype.constructor);  // Person
        console.log(Person.prototype.__proto__);  // Object

    </script>
</html>

demo08 String对象

<html>
    <head></head>

    <body>
        <input type="text" id="len">
        <button onclick="getStringLength()"> 求长度 </button>


    </body>

    <script>

        /* 
            String  length属性 求长度
            charAt
            indexof
            substring
            split
            toLowerCase
            toUpperCase
        */
        function getStringLength(){
            var get_str = document.getElementById("len");
            console.log(get_str.value);   // 输入框里的值
            let get_str_len = get_str.value.length;  // length 求字符串的长度
            console.log(get_str_len);
        }

        function testStringMethod(){
            let str = "a good man is a Real man";
            console.log(str.charAt(5));  // d    1、获取下标位置的元素 下标从0开始
            console.log(str.indexOf("man"));  // 7   2、判断子串在原字符串中首次出现的位置，如果没找到，返回-1
            console.log(str.substring(2,6));  //  3、substring 截取函数  [包含开始位置，不包含结束位置)
            console.log(str.split(" "));   // 4、切分函数  得到一个数组 
            console.log(str.toLowerCase() );   // 5、将字符串转为小写
            console.log(str.toUpperCase() );   // 6、将字符全部转为大写


        }

        testStringMethod();


    </script>
</html>

demo09 math对象

<html>
    <head>

    </head>

    <body>
        


    </body>

    <script>
        /* 
            round   四舍五入
            random  随机数
            floor   地板   向下取整
            ceil    天花板 向上取整
        */
        (function(){
            console.log(Math.round(3.5) ); //  4
            console.log(Math.round(3.4) ); //  3
            console.log(Math.round(-3.5) ); //  -3
            console.log(Math.round(-3.4) ); //  -3
            console.log(Math.round(-3.6) ); //  -4


            console.log(Math.random() );  // [0,1)  之间的随机数
            // [83,99)  区间长度 16  偏移量 83   
            // [0,1)  [0,16)  -> [83,99)
            // 乘以区间长度+区间起始位置
            console.log(Math.random() * 16 + 83 );


            console.log(Math.floor(23.1) );  // 23
            console.log(Math.floor(23.9) );  // 23
            console.log(Math.floor(-23.1) );  // -24
            console.log(Math.floor(-23.9) );  // -24

            
            console.log(Math.ceil(23.1) );   // 24
            console.log(Math.ceil(23.9) );   // 24
            console.log(Math.ceil(-23.1) );   // -23
            console.log(Math.ceil(-23.9) );   // -23
            






            




        })();

    </script>
</html>

demo09math对象

<html>
    <head>

    </head>

    <body>
        


    </body>

    <script>
        /* 
            round   四舍五入
            random  随机数
            floor   地板   向下取整
            ceil    天花板 向上取整
        */
        (function(){
            console.log(Math.round(3.5) ); //  4
            console.log(Math.round(3.4) ); //  3
            console.log(Math.round(-3.5) ); //  -3
            console.log(Math.round(-3.4) ); //  -3
            console.log(Math.round(-3.6) ); //  -4


            console.log(Math.random() );  // [0,1)  之间的随机数
            // [83,99)  区间长度 16  偏移量 83   
            // [0,1)  [0,16)  -> [83,99)
            // 乘以区间长度+区间起始位置
            console.log(Math.random() * 16 + 83 );


            console.log(Math.floor(23.1) );  // 23
            console.log(Math.floor(23.9) );  // 23
            console.log(Math.floor(-23.1) );  // -24
            console.log(Math.floor(-23.9) );  // -24

            
            console.log(Math.ceil(23.1) );   // 24
            console.log(Math.ceil(23.9) );   // 24
            console.log(Math.ceil(-23.1) );   // -23
            console.log(Math.ceil(-23.9) );   // -23
            






            




        })();

    </script>
</html>

demo10date对象

<html>
    <head></head>

    <body>
        

    </body>

    <script>
        /* 
            getDate()
            getDay()
            getMinutes
            getSeconds
            getMonth
            getFullYear
            getTime
            
            toDateString
            toLocalDateString
            toLocalTimeString
            toLocalString
            toString
            toTimeString
            toJSON()
        
        */

        (function(){
            var date = new Date();   
            console.log(date.getDate() );  // 29号
            console.log(date.getDay() ) ;  // 星期几
            console.log(date.getMinutes() );  //  分钟
            console.log(date.getSeconds() );  //  秒
            console.log(date.getMonth() );     // 月  月份从0开始
            console.log(date.getFullYear() );   // 年份  2020
            console.log(date.getTime() );   // 毫秒数   从1970年1月1日开始




        })();






    </script>

</html>

demo11时间格式转换

<html>
    <head>

    </head>


    <body>
        <input type="button" name="btnMath" value="时间格式转换" onclick="mateMethod()">

    </body>

    <script>
        function mateMethod(){
            let timer01 = new Date();
            let timer02 = new Date(1609227377988);  // 给定一个时间戳,可以还原为当初的时间
            let timer03 = new Date("2020-12-29");   // Tue Dec 29 2020 08:00:00 GMT+0800 (伊尔库茨克标准时间)
            let timer04 = new Date(2002,11,30,1,12);  // Mon Dec 30 2002 01:12:00 GMT+0800 (伊尔库茨克标准时间)

            // console.log(timer01);
            // console.log(timer02);  
            // console.log(timer03);  
            // console.log(timer04);


            let timer05 = Date.parse(new Date("2020-12-29"));  // 1609200000000
            // console.log(timer05);
            let timer06 = Date.UTC(2020, 12 ,29 );  //  1611878400000
            // console.log(timer06);
            
            let timer07 = Date.now();   // 1609228891754
            // console.log(timer07);

            console.log(timer01.toString());   //Tue Dec 29 2020 16:04:45 GMT+0800 (伊尔库茨克标准时间)
            console.log(timer01.toTimeString());   // 16:04:45 GMT+0800 (伊尔库茨克标准时间)
            console.log(timer01.toLocaleDateString());  // 2020/12/29
            console.log(timer01.toLocaleTimeString());   // 下午4:04:45
            console.log(timer01.toJSON());   // 2020-12-29T08:04:45.264Z


            let date01 = new Date(2002 , 3 , 8);
            let date02 = new Date(2020 , 12 , 29 );
            let cha = date02-date01;
            console.log(cha)






        }

    </script>

</html>
lwz01
关注
初等数论 课堂笔记 第三章 --同余及其一些有趣的应用
只想躺平不想动
10-08 1472
吴正尧老师 初等数论 第三周 关于同余的笔记
2021.01.12课堂笔记(将Kafka中的数据写入HBase)
超可爱慕之
01-12 477
第一步：使用flume将csv文件的内容写入Kafka 编写flume的conf文件： userFriends.sources=userFriendsSource userFriends.channels=userFriendsChannel userFriends.sinks=userFriendsSink userFriends.sources.userFriendsSource.type=spooldir userFriends.sources.userFriendsSource.spoolDir=
2020-04-24课堂笔记
weixin_45647166的博客
04-27 222
一、 （1）信号： 信号是一种向进程发送通知，告诉其某件事情发生了的一种简单通信机制。 （2）信号的产生： ①另一个进程发送信号； ②内核发送信号； ③底层硬件发送信号。 （3）信号列表：常用信号。 信号宏名 信号编号 说明系统 默认处理方式 SIGABRT 6 终止进程，调abort函数是产生 ...
百度PY-Day4理论课课堂笔记
soarli的博客
04-26 565
声明：本文首发于soarli博客（https://blog.soarli.top/archives/383.html ）转载请注明来源。 课程大纲： 深度学习难点 PaddleHub是什么 PaddleHub的效果 PaddleHub的优势 PaddleHub的理念 PaddleHub安装 PaddleHub体验 作业： PaddleHub之《青春有你2》作业：五人...
2018-12-29作业
weixin_33858336的博客
12-29 77
作业一： 输入一批整数求出求大值和最小值 package com.cycling; import java.util.Scanner; public class oneDome { public static void main(String[] args) { int s ; int max =0; ...
考研笔记-chyer
丘色果
04-06 880
序号 英语 数学 逻辑 写作 备注 1 考研英语预热（张阳老师）-2019-12-29 2 考研英语语法-初步接触红花（宁致远老师）-2020-02-23 3 考研英语-旧题高频词（齐雪妮老师）-2020-02-27，03-05，03-12，03-19 ...
2020-11-16
weixin_52358529的博客
01-06 564
一、官网下载Tomcat 的源码导入IDEA 1、地址：http://tomcat.apache.org/ 左侧 Download Tomcat 9，在网页最下面下载Tomcat源码； 在这里插入图片描述 下载完了直接解压得到apache-tomcat-9.0.39文件夹。 2、打开IDEA导入解压后的文件夹 , 选择File->Open->选择tomcat的源码目录（我下载的是apache-tomcat-9.0.39）； 注意：打开的目录是刚刚解压的文件夹，而不是打开解压文件夹的中的那个子目录
虚拟机day4课堂笔记及作业
m0_68379095的博客
07-04 662
局部变量和全局变量可以重名；作用域遵循就近原则int a=10;void fun();int a=8;fun();//101]输入输出1.1按字符输入输出getchar手册查看命令：man getchar //q退出功能向终端输入一个字符参数无返回值终端输入的字符的ASCII码值示例：//输入一个字符//输出对应的ASCII码值。
谷粒学院笔记-第二天-数据库设计
m0_56054652的博客
09-07 717
一、数据库设计 1、数据库 guli_edu 2、数据表 guli_edu.sql # Host: localhost (Version 5.7.19) # Date: 2019-11-18 15:49:32 # Generator: MySQL-Front 6.1 (Build 1.26) # # Structure for table "edu_chapter" # CREATE TABLE `edu_chapter` ( `id` char(19) NOT NULL COMM
接口测试笔记-postman
心若静#风奈何的博客
04-14 3005
接口就是：系统与系统之间，组件与组件之间，数据传递交互的通道。 接口的类型 按协议划分：http、tcp、IP 按语言划分：C++、java、php 。。。 按范围划分： 系统之间： 多个内部系统之间 内部系统与外部系统之间 程序之间： 方法与方法之间，函数与函数之间，模块与模块之间 # 接口 def eat(something): print(f'小鸟在吃{something}') # 使用接口，传递数据 def bird(): eat
2020-12-24《重学操作系统——上》林䭽 前阿里巴巴高级技术专家（P8）
个人总结
12-24 4175
只做最精炼的知识，让记忆更加深刻，让面试见鬼去吧！！！ 《重学操作系统》是前阿里巴巴高级技术专家，高级架构师（P8）林䭽 在Lagou教育平台上开设的course，时间比较长，共8 个模块，合计 39 个课时，为精炼重点，帮助快速消化吸收，想整理出上下两部分。 开篇词 | 为什么大厂面试必考操作系统？（了解） 任何研发工具学下去也都会碰到操作系统，比如： MySQL 深入学下去会碰到 InnoDB 文件系统；HBase 深入学下去会有 Hadoop 文件系统（HDFS）；Redis 深入学..
尚硅谷大数据项目之Flink实时数仓-踩坑记录和笔记记录
prague6695的博客
08-11 2838
尚硅谷大数据项目之Flink实时数仓-踩坑记录和笔记记录
python课堂笔记二
Scztms的博客
12-29 480
python课堂笔记二 代码开头写 @author:aqiu @time:2020-12-29 @content:学习python的练习文档 1，注释：解释说明 单行注释：# 多行注释："*3 '*3 2，分支语句： if 条件|bool : 执行代码1 elif 条件|bool 执行代码 else: 执行代码2 分支语句训练 """"1. 做学生成绩系统，如果成绩大于80分，输出优秀， 如果成绩大于70分并且小于80分，输出良好， 如果成绩大于
Oracle数据库课堂笔记
qq_45571971的博客
12-27 582
Oracle数据库课堂笔记 （一）数据库基础 用户创建语句： 格式：create user username identified by password; 例：create user hejing identified by 123456; 用户修改语句： 格式（改密码）：alter user username identified by password; 例：alter user hejin...
JavaWeb：Html&Css
IT瘾君子的博客
04-24 202
JavaWeb、Html、CSS
HTML字符实体和转义字符串
chinalog的专栏
04-24 439
‌HTML字符实体‌是HTML特有的转义机制，用于正确显示特殊字符。‌转义字符串‌是通用概念，在不同环境（如JS、URL）中有不同实现。合理使用两者可避免语法错误，确保内容正确解析和显示。
vue3 实现将html内容导出为图片、pdf和word
w1314_1314的博客
04-24 248
vue3 实现将html内容导出为图片、pdf和word
CentOS 7 基于 Nginx 的 HTML 部署全流程指南
最新发布
源滚滚编程
04-24 326
通过以上步骤，您已完成从 Nginx 安装到 HTML 部署的全流程。推荐使用 YUM 安装快速上手，生产环境建议源码编译以启用高级功能。部署时务必注意文件权限与防火墙配置，进阶优化可显著提升访问速度与安全性。如需实现 HTTPS 支持，可参考 Let’s Encrypt 免费证书配置方案。
html，css，js实现电子点名绘制和下载
qq_48795482的博客
04-19 426
本文教你如何用前端三件套实现：电子签名的绘制和导出
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值