WangZhang_521

JavaScript内置对象及案例

01-内置对象

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>内置对象title>
    <script>
        // 在javaScript中的对象分为三种：自定义对象，内置对象和浏览器对象
        // 前面两种对象是js基础内容，属于ECMAScript;第三个浏览器对象属于js独有的，在JS API讲解
        // 内置对象就是指Js语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方法）
        // 内置对象最大的优点就是可以帮助我们快速开发
        // JavaScript中提供了多个内置对象：Math,Date,Array,String等
    script>
head>

<body>

body>

html>

02-学会查阅MDN文档

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学会查阅MDN文档title>
    <script>
        //学习一个内置对象的使用，要学会其常用成员的使用即可，我们可以通过文档学习，可以通过MDN/W3C来查询
        //Mozilla开发者网络（MDN）提供了有关开放网络技术（Open Web）的信息，包括HTML，CSS和万维网及HTML５应用的API

        //MDN：https://developer.mozilla.org/zh-CN/

        // 2.2 如何学习对象中的方法
        // 1.查阅该方法的功能
        // 2.查看里面参数的意义和类型
        // 3.查看返回值的意义和类型
        // 4.通过demo进行测试
    script>
head>

<body>

body>

html>

03-数学对象Math最大值方法

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数学对象Math最大值方法title>
    <script>
        // Math数学对象 不是一个构造函数，所以不需要new来调用 而是直接使用里面的属性和方法即可
        console.log(Math.PI); //例子 一个属性 圆周率
        console.log(Math.max(1, 2, 34, 55, 99)); //99
        console.log(Math.max(-1, -3, -5)); //-1
        console.log(Math.max(1, 99, 'pink老师')); //NaN
        console.log(Math.max()); //-Infinity
    script>
head>

<body>

body>

html>

04-封装自己的数学对象

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>封装自己的数学对象title>
    <script>
        var myMath = {
            PI: 3.141592653,
            max: function() {
                var max = arguments[0];
                for (var i = 1; i < arguments.length; i++) {
                    if (arguments[i] > max) {
                        max = arguments[i];
                    }
                }
                return max;
            },
            min: function() {
                var min = arguments[0];
                for (var i = 1; i < arguments.length; i++) {
                    if (arguments[i] < min) {
                        min = arguments[i];
                    }
                }
                return min;
            }
        }
        console.log(myMath.PI);
        console.log(myMath.max(1, 5, 9));
        console.log(myMath.max(1, 5, 9));
    script>
head>

<body>

body>

html>

05-Math绝对值和三个取整方法

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Math绝对值和三个取整方法title>
    <script>
        //Math对象不是构造函数，它具有数学常数和函数的属性和方法。跟数学相关的运算（求绝对值，取整，最大值等）可以使用Math中的成员
        // Math.PI //圆周率
        // Math.floor() //向下取整
        // Math.ceil() //向上取整
        // Math.round() //四舍五入版 就近取整 注意 -3.5 结果是-3
        // Math.abs() //绝对值
        // Math.max() //最大值
        // Math.min() //最小值

        //    1.绝对值方法 
        console.log(Math.abs(-1)); //1
        console.log(Math.abs(1)); //1
        console.log(Math.abs('-1')); //1 隐式转换 会把字符串型 -1 转换为数字型 1
        console.log(Math.abs('pink老师')); //NaN

        // 2.三个取整方法
        // (1) Math.floor() 向下取整 往最小取值 
        console.log(Math.floor(1.1)); //1
        console.log(Math.floor(1.9)); //1
        // (2) Math.ceil() 向上取整 ceil天花板
        console.log(Math.ceil(1.1)); //2
        console.log(Math.ceil(1.9)); //2
        // (3)  Math.round() 四舍五入版 就近取整 其他数字都是四舍五入，但是 .5 特殊，往大了取 如-1.5 -1比-2大，所以是-1
        console.log(Math.round(1.1)); //1
        console.log(Math.round(1.5)); //2
        console.log(Math.round(1.9)); //2
        console.log(Math.round(-1.1)); //-1
        console.log(Math.round(-1.5)); //这个结果是-1
    script>
head>

<body>

body>

html>

06-Math随机数方法

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Math随机数方法title>
    <script>
        // 1.随机数方法 Math.random() 返回一个随机的小数 0 =< x <1
        // 2.这个方法里面里面不跟参数
        // 3.代码验证
        console.log(Math.random());
        // 4.想得到一个两数之间的随机整数，包括两个数在内
        // Math.floor(Math.random() * (max - min + 1)) + min; //含最大值，含最小值
        function getRandom(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }
        console.log(getRandom(1, 10));
        // 5.随机点名
        var arr = ['张三', '张三疯', '张三疯子', '李四', '李思思'];
        // console.log(arr[0]);
        console.log(arr[getRandom(0, arr.length - 1)]);
    script>
head>

<body>

body>

html>

07-猜数字游戏

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>猜数字游戏title>
    <script>
        // 程序随机生成一个1~10之间的整数，并让用户输入一个数字
        // 1.如果大于该数字，则提示数字大了，继续猜;
        // 2.如果小于该数字，则提示数字小了，继续猜;
        // 1.如果等于该数字，则提示猜对了，结束程序;

        //案例分析：
        // (1)随机生成一个1~10之间的整数，需要用到Math.random()
        // (2)需要一直循环，直到猜到正确为止
        // (3)用while循环合适更简单
        // (4)核心算法：使用if else if多分支语句来判断大于，等于，小于

        function getRandom(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }
        var random = getRandom(1, 10); //调用这个函数
        while (true) {
            var num = prompt('请输入1~10之间的一个数字');
            if (num > random) {
                alert('你猜大了');
            } else if (num < random) {
                alert('你猜小了');
            } else {
                alert('你猜对了!');
                break; //退出整个循环，结束  不加break程序会一直循环
            }
        }
    script>

head>

<body>

body>

html>

08-课下案例

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>课下练习title>
    <script>
        //要求用户输入1~50之间的一个数字，但是只有十次猜的机会
        // 案例分析 
        // 1.利用内置对象getRanbom()随机生成一个1-50之间的整数
        // 2.for循环设置循环次数
        // 3.用if来判断结果是否正确，答对结束当前循环
        // 4.超过10次，结束当前操作
        function getRandom(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }
        var random = getRandom(1, 50);
        for (i = 1; i <= 10; i++) {
            var num = prompt('请输入1~50之间的一个数字');
            if (num > random) {
                alert('猜大了');
            } else if (num < random) {
                alert('猜小了');
            } else {
                alert('猜对了');
                break;
            }
            if (i == 10) {
                alert('抱歉,你的次数已经用完');
            }
        }
    script>
head>

<body>

body>

html>

09-Date日期对象的使用

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Date日期对象的使用title>
    <script>
        // Date()日期对象 是一个构造函数 必须使用new 来调用创建我们的日期对象
        var arr = new Array(); //创建了一个数组对象
        var obj = new Object(); //创建了一个对象实例
        // 1.使用Date 如果没有参数 返回当前系统的当前时间
        var date = new Date();
        console.log(date);
        // 2.参数常用的写法 数字型 2019，10，01  或者是字符串型 '2019-10-01 8:8:8'
        var date1 = new Date(2019, 10, 1);
        console.log(date1); //返回的是11月，不是10月
        var date2 = new Date('2019-10-01 8:8:8');
        console.log(date2);
    script>
head>

<body>

body>

html>

10-格式化日期年月日星期

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>格式化日期年月日星期title>
    <script>
        // 4.3 日期格式化
        var date = new Date();
        console.log(date.getFullYear()); //返回当前日期的年份 2022
        console.log(date.getMonth() + 1); //返回当前的月份(0-11) 返回的月份小一个月,所以月份要加一
        console.log(date.getDate()); //返回的是几号  17号
        console.log(date.getDay()); //返回的是星期几 周一返回的是1 周六返回的是6 但是周日返回的是0
        // 我们写一个格式为 2022年2月17日 星期四
        var year = date.getFullYear();
        var month = date.getMonth() + 1;
        var dates = date.getDate();
        // 星期几需要创建一个数组 这样才能把数字 如3 改为大写 三
        var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
        var day = date.getDay();
        console.log('今天是:' + year + '年' + month + '月' + dates + '日 ' + arr[day]);
    script>
head>

<body>

body>

html>

11-格式化日期时分秒

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>格式化日期时分秒title>
    <script>
        var date = new Date();
        console.log(date.getHours()); //获得当前的时
        console.log(date.getMinutes()); //分钟
        console.log(date.getSeconds()); //秒数
        // 要求封装一个函数 返回的是当前的时分秒 格式 08:08:08
        function getTime() {
            var time = new Date();
            var h = time.getHours();
            h = h < 10 ? '0' + h : h;
            var m = time.getMinutes();
            m = m < 10 ? '0' + m : m;
            var s = time.getSeconds();
            s = s < 10 ? '0' + s : s;
            return h + ':' + m + ':' + s;
        }
        console.log(getTime());
    script>
head>

<body>

body>

html>

12-获取日期的总的毫秒数(时间戳)

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>获取日期的总的毫秒数(时间戳)title>
    <script>
        // Date对象是基于1970年1月1日(世界标准时间)起的毫秒数
        // 我们经常利用总的毫秒数来计算时间，因为它更精确
        // 获得Date总的毫秒数（也叫时间戳） 不是当前时间的毫秒数 而是距离1970年1月1号过了多少毫秒数
        // 1.通过 valueOf() 或者 getTime() 都可以得到
        var date = new Date();
        console.log(date.valueOf()); //现在时间距离1970年1月1号过了多少时间
        console.log(date.getTime());
        // 2.简单的写法(最常用的方法)
        var date1 = +new Date(); // +new Date() 返回的就是总的毫秒数 
        console.log(date1);
        // 3.H5 新增的 获得总的毫秒数 需要考虑兼容性问题
        console.log(Date.now());
    script>
head>

<body>

body>

html>

13-倒计时案例

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>倒计时案例title>
    <script>
        //案例分析
        // 1.核心算法：输入的时间减去现在的时间就是剩余的时间，即倒计时，但是不能拿时分秒直接相减，如05分减去25分，结果会是负数
        // 2.用时间戳来做。用户输入的时间的总的毫秒数减去现在时间的毫秒数，得到的就是剩余时间的毫秒数
        // 3.把剩余时间的总的毫秒数转换为天，时，分，秒（时间戳转换为时分秒）
        // 转换公式如下
        // d = parseInt(总秒数 / 60 / 60 / 24); //计算天数
        // h = parseInt(总秒数 / 60 / 60 % 24); //计算小时
        // m = parseInt(总秒数 / 60 % 60); // 计算分钟
        // s = parseInt(总秒数 % 60); // 计算秒数
        function countDown(time) {
            var nowTime = +new Date(); //返回的当前时间总的毫秒数
            var inputTime = +new Date(time) //返回的是用户输入时间总的毫秒数
            var times = (inputTime - nowTime) / 1000; //剩余时间总的毫秒数 一秒等于1000毫秒
            var d = parseInt(times / 60 / 60 / 24); //时间不能是小数，必须是整数，所以要用parseInt
            d = d < 10 ? '0' + d : d;
            var h = parseInt(times / 60 / 60 % 24);
            h = h < 10 ? '0' + h : h;
            var m = parseInt(times / 60 % 60);
            m = m < 10 ? '0' + m : m;
            var s = parseInt(times % 60);
            s = s < 10 ? '0' + s : s;
            return d + '天' + h + '时' + m + '分' + s + '秒';
        }
        console.log(countDown('2022-2-17 11:25:56'));
        var date = new Date(); //当前时间是多少
        console.log(date);
    script>
head>

<body>

body>

html>

效果展示

14-创建数组的两种方式（复习）

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>创建数组的两种方式title>
    <script>
        //1.利用字面量创建数组
        var arr = [1, 2, 3]; //数组的创建
        console.log(arr[0]); //数组的使用

        //2.利用new Array()
        // var arr1 = new Array(); 创建了一个空的数组
        //var arr1 = new Array(2); 这个2表示数组的长度是2 里面有2个空的数组元素
        var arr1 = new Array(2, 3); //等价于[2,3] 这样写表示里面有2个数组元素 2和3  必须写两个以上的数组元素，才算是创建了一个包含参数的数组
        console.log(arr1);
    script>
head>

<body>

body>

html>

15-检测是否为数组两种方式

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>检测是否是数组方式title>
    <script>
        //翻转数组
        function reverse(arr) {
            //if (arr instanceof Array) {
            if (Array.isArray(arr)) {
                var newArr = [];
                for (i = arr.length - 1; i >= 0; i--) {
                    newArr[newArr.length] = arr[i];
                }
                return newArr;
            } else {
                return 'error 这个参数要求必须是数组格式'
            }
        }

        console.log(reverse([1, 2, 3]));
        console.log(reverse(1, 2, 3)); //[] 空的数组

        // 检测是否是数组
        // (1) instanceof 运算符 它可以检测是否为数组
        var arr = [];
        var obj = {};
        console.log(arr instanceof Array); //true
        console.log(obj instanceof Array); //false
        // (2) Array.isArray(参数); // H5新增的方法 IE9以上版本支持
        console.log(Array.isArray(arr)); //true
        console.log(Array.isArray(obj)); //false
    script>
head>

<body>

body>

html>

16-添加删除数组元素方法

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>添加删除数组元素方法title>
    <script>
        // 1.添加数组元素

        // 方法一.push() 在数组的末尾 添加一个或者多个数组元素
        var arr = [1, 2, 3];
        // arr.push(4, 'pink');
        console.log(arr.push(4, 'pink')); //5
        console.log(arr);
        //(1) push 可以给数组追加新元素
        //(2) push() 参数直接写数组元素就可以了
        //(3) push完毕之后，返回的结果是 新数组的长度
        //(4) 原数组也会发生变化

        // 方法二.unshift 在数组的开头 添加一个或者多个数组元素
        console.log(arr.unshift('red', 'purple'));
        // arr.unshift('red', 'purple');
        console.log(arr);
        //(1) unshift 可以给在数组前面追加新元素
        //(2) unshift() 参数直接写数组元素就可以了
        //(3) unshift完毕之后，返回的结果是 新数组的长度
        //(4) 原数组也会发生变化

        // 2.删除数组元素

        // 方法一：pop() 它可以删除数组的最后一个元素
        //arr.pop(); //不跟参数
        console.log(arr); //['red', 'purple', 1, 2, 3, 4] 删除了pink
        console.log(arr.pop()); //返回值 返回的是pink
        //(1) pop 可以删除数组的最后一个元素，记住一次只能删除一个元素
        //(2) pop() 没有参数
        //(3) pop完毕之后，返回的结果是 被删除的那个元素 pink
        //(4) 原数组也会发生变化

        // 方法二：shift() 可以删除数组的第一个元素
        //arr.shift(); // ['purple', 1, 2, 3, 4] 删除了第一个元素 red
        console.log(arr);
        console.log(arr.shift());
        //(1) shift 可以删除数组的第一个元素，记住一次只能删除一个元素
        //(2) shift() 没有参数
        //(3) shift完毕之后，返回的结果是 被删除的那个元素  red
        //(4) 原数组也会发生变化
    script>
head>

<body>

body>

html>

17-筛选数组

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>筛选数组title>
    <script>
        //有一个包含工资的数组[1500,1200,2000,2100,1800],要求把数组中超过2000的删除，剩余的放到新数组里
        var arr = [1500, 1200, 2000, 2100, 1800];
        var newArr = [];
        for (var i = 0; i < arr.length; i++) {
            if (arr[i] < 2000) {
                //newArr[newArr.length] = arr[i];
                newArr.push(arr[i]); //新数组本来是空的，把小于2000的元素一次追加到新数组中
            }
        }
        console.log(newArr);
    script>
head>

<body>

body>

html>

18-数组排序

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组排序title>
    <script>
        // 1.翻转数组
        var arr = ['pink', 'red', 'blue'];
        arr.reverse(); //reverse() 颠倒数组中元素的顺序，无参数
        console.log(arr);
        // 2.数组排序(冒泡排序)
        var arr1 = [3, 4, 7, 1]; //适用于个位数排序
        arr1.sort(); //sort() 对数组中的元素进行排序
        console.log(arr1);
        //特殊情况，需要加函数处理
        var arr2 = [13, 4, 77, 1, 7];
        arr2.sort(function(a, b) {
            // return a - b; 升序的顺序排序
            return b - a; //降序的顺序排序
        });
        console.log(arr2); //[1, 13, 4, 7, 77] 排序会出错 加函数后输出结果为[1, 4, 7, 13, 77]
    script>
head>

<body>

body>

html>

19-获取数组元素索引号

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>获取数组元素索引号title>
    <script>
        //1.返回数组元素索引号方法 indexOf(数组元素) 作用就是返回该数组元素的索引号 从前面往后面查找
        //它只返回第一个满足条件的索引号
        //var arr = ['red', 'green', 'blue', 'pink', 'blue'];
        //  console.log(arr.indexOf('blue')); //2
        //如果在数组中找不到该元素，则返回的是-1
        //var arr = ['red', 'green', 'pink'];
        // console.log(arr.indexOf('blue')); //-1

        //2.返回数组元素索引号方法 lastIndexOf(数组元素) 作用就是返回该数组元素的索引号 从后往前查找
        // 如果在数组中找不到该元素，则返回的是-1
        //console.log(arr.lastIndexOf('blue')); //-1
        var arr = ['red', 'green', 'blue', 'pink', 'blue'];
        console.log(arr.lastIndexOf('blue')); //4
    script>
head>

<body>

body>

html>

20-数组去重案例

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组去重案例title>
    <script>
        //数组去重 重点案例 (面试常考)
        // 有一个数组['c','a','z','a','x','a','x','c','b'],要求去除数组中重复的元素
        // 案例分析
        // (1) 把旧数组里面不重复的元素选取出来放到新数组中，重复的元素只保留一个，放到新数组中去重
        // (2) 核心算法：遍历旧数组，然后拿着旧数组去查询新数组，如果该元素在新数组里面没有出现过，我们就添加，否则不添加
        // (3) 我们怎么知道该元素没有存在 用新数组.indexOf(数组元素) 如果返回-1时，就说明新数组里面没有该元素

        // 封装一个去重的函数 unique 独一无二的
        function unique(arr) {
            var newArr = [];
            for (var i = 0; i < arr.length; i++) {
                if (newArr.indexOf(arr[i]) === -1) {
                    newArr.push(arr[i])
                }
            }
            return newArr;
        }
        var demo = unique(['c', 'a', 'z', 'a', 'x', 'a', 'x', 'c', 'b']);
        console.log(demo);
    script>
head>

<body>

body>

html>

21-数组转换为字符串

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组转换为字符串title>
    <script>
        //方法一 toString() 将数组转换为字符串
        var arr = [1, 2, 3];
        console.log(arr.toString()); //1,2,3
        //方法二 join(分隔符)
        var arr1 = ['green', 'blue', 'pink'];
        console.log(arr1.join()); //green,blue,pink
        console.log(arr1.join('-')); // green-blue-pink join后面的括号可以输入自己想要的分隔符
        console.log(arr1.join('&')); //green&blue&pink
    script>
head>

<body>

body>

html>

Long类型前后端数据不一致 igotyback 前端
响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
swagger访问路径 igotyback swagger
Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip
html 中如何使用 uniapp 的部分方法某公司摸鱼前端 html uni-app 前端
示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了
四章-32-点要素的聚合彩云飘过
本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计网页设计期末网页作业 html静态网页 html5期末大作业网页设计 web大作业
️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
【加密社】Solidity 中的事件机制及其应用加密社闲侃区块链智能合约区块链
加密社引言在Solidity合约开发过程中，事件（Events）是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时，该事件会被记录在区块链的交易收据中。具体而言，事件
关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业 javascript html css 旅游风景
⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动二挡起步 web前端期末大作业 web设计网页规划与设计 html css javascript dreamweaver 前端
Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
node.js学习小猿L node.js node.js 学习 vim
node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
springboot+vue项目实战一-创建SpringBoot简单项目苹果酱0567 面试题汇总与解析 spring boot 后端 java 中间件开发语言
这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一
JavaScript 中，深拷贝（Deep Copy）和浅拷贝（Shallow Copy）跳房子的前端前端面试 javascript 开发语言 ecmascript
在JavaScript中，深拷贝（DeepCopy）和浅拷贝（ShallowCopy）是用于复制对象或数组的两种不同方法。了解它们的区别和应用场景对于避免潜在的bugs和高效地处理数据非常重要。以下是对深拷贝和浅拷贝的详细解释，包括它们的概念、用途、优缺点以及实现方式。1.浅拷贝（ShallowCopy）概念定义：浅拷贝是指创建一个新的对象或数组，其中包含了原对象或数组的基本数据类型的值和对引用数
博客网站制作教程 2401_85194651 java maven
首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java
00. 这里整理了最全的爬虫框架（Java + Python）有一只柴犬爬虫系列爬虫 java python
目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2
详解：如何设计出健壮的秒杀系统？夜空_2cd3
作者：Yrion博客园：cnblogs.com/wyq178/p/11261711.html前言：秒杀系统相信很多人见过，比如京东或者淘宝的秒杀，小米手机的秒杀。那么秒杀系统的后台是如何实现的呢？我们如何设计一个秒杀系统呢？对于秒杀系统应该考虑哪些问题？如何设计出健壮的秒杀系统？本期我们就来探讨一下这个问题：image目录一：****秒杀系统应该考虑的问题二：****秒杀系统的设计和技术方案三：*
JavaScript `Map` 和 `WeakMap`详细解释跳房子的前端 JavaScript 原生方法 javascript 前端开发语言
在JavaScript中，Map和WeakMap都是用于存储键值对的数据结构，但它们有一些关键的不同之处。MapMap是一种可以存储任意类型的键值对的集合。它保持了键值对的插入顺序，并且可以通过键快速查找对应的值。Map提供了一些非常有用的方法和属性来操作这些数据对：set(key,value):将一个键值对添加到Map中。如果键已经存在，则更新其对应的值。get(key):获取指定键的值。如果键
最简单将静态网页挂载到服务器上(不用nginx) 全能全知者服务器 nginx 运维前端 html 笔记
最简单将静态网页挂载到服务器上(不用nginx)如果随便弄个静态网页挂在服务器都要用nignx就太麻烦了，所以直接使用Apache来搭建一些简单前端静态网页会相对方便很多检查Web服务器服务状态：sudosystemctlstatushttpd#ApacheWeb服务器如果发现没有安装web服务器：安装Apache：sudoyuminstallhttpd启动Apache：sudosystemctl
补充元象二面 Redstone Monstrosity 前端面试
1.请尽可能详细地说明，防抖和节流的区别，应用场景？你的回答中不要写出示例代码。防抖（Debounce）和节流（Throttle）是两种常用的前端性能优化技术，它们的主要区别在于如何处理高频事件的触发。以下是防抖和节流的区别和应用场景的详细说明：防抖和节流的定义防抖：在一段时间内，多次执行变为只执行最后一次。防抖的原理是，当事件被触发后，设置一个延迟定时器。如果在这个延迟时间内事件再次被触发，则重
微信小程序开发注意事项 jun778895 微信小程序小程序
微信小程序开发是一个融合了前端开发、用户体验设计、后端服务（可选）以及微信小程序平台特性的综合性项目。这里，我将详细介绍一个典型的小程序开发项目的全过程，包括项目规划、设计、开发、测试及部署上线等各个环节，并尽量使内容达到或超过2000字的要求。一、项目规划1.1项目背景与目标假设我们要开发一个名为“智慧校园助手”的微信小程序，旨在为学生提供一站式校园生活服务，包括课程表查询、图书馆座位预约、食堂
切换淘宝最新npm镜像源是 hai40587 npm 前端 node.js
切换淘宝最新npm镜像源是一个相对简单的过程，但首先需要明确当前淘宝npm镜像源的状态和最新的镜像地址。由于网络环境和服务更新，镜像源的具体地址可能会发生变化，因此，我将基于当前可获取的信息，提供一个通用的切换步骤，并附上最新的镜像地址（截至回答时）。一、了解npm镜像源npm（NodePackageManager）是JavaScript的包管理器，用于安装、更新和管理项目依赖。由于npm官方仓库
字节二面 Redstone Monstrosity 前端面试
1.假设你是正在面试前端开发工程师的候选人，面试官让你详细说出你上一段实习过程的收获和感悟。在上一段实习过程中，我获得了宝贵的实践经验和深刻的行业洞察，以下是我的主要收获和感悟：一、专业技能提升框架应用熟练度：通过实际项目，我深入掌握了React、Vue等前端框架的使用，不仅提升了编码效率，还学会了如何根据项目需求选择合适的框架。问题解决能力：在实习期间，我遇到了许多预料之外的技术难题。通过查阅文
斟一小组鸡血视频和自己一起成长
http://m.v.qq.com/play/play.html?coverid=&vid=c0518henl2a&ptag=2_6.0.0.14297_copy有一种努力叫做靠自己http://m.v.qq.com/play/play.html?coverid=&vid=i0547o426g4&ptag=2_6.0.0.14297_copy世界最励志短片https://v.qq.com/x/pa
前端代码上传文件余生逆风飞翔前端 javascript 开发语言
点击上传文件import{ElNotification}from'element-plus'import{API_CONFIG}from'../config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL}from'../config/index'i
Dockerfile命令详解之 FROM 清风怎不知意容器化 java 前端 javascript
许多同学不知道Dockerfile应该如何写，不清楚Dockerfile中的指令分别有什么意义，能达到什么样的目的，接下来我将在容器化专栏中详细的为大家解释每一个指令的含义以及用法。专栏订阅传送门https://blog.csdn.net/qq_38220908/category_11989778.html指令不区分大小写。但是，按照惯例，它们应该是大写的，以便更容易地将它们与参数区分开来。(引用
《HTML 与 CSS—— 响应式设计》陈在天box html css 前端
一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性（一）概念响应式设计是一种网页设计方法，旨在
【C语言】- 自定义类型：结构体、枚举、联合 Cavalier_01 C语言
【C语言】：操作符（https://mp.csdn.net/editor/html/115218055）数据类型（https://mp.csdn.net/editor/html/115219664）自定义类型：结构体、枚举、联合（https://mp.csdn.net/editor/html/115373785）变量、常量（https://mp.csdn.net/editor/html/11523
uniapp实现动态标记效果详细步骤【前端开发】 2401_85123349 uni-app
第二个点在于实现将已经被用户标记的内容在下一次获取后刷新它的状态为已标记。这是什么意思呢？比如说上面gif图中的这些人物对象，有一些已被该用户添加为关心，那么当用户下一次进入该页面时，这些已经被添加关心的对象需要以“红心”状态显现出来。这个点的难度还不算大，只需要在每一次获取后端的内容后对标记对象进行状态更新即可。II.动态标记效果实现思路和步骤首先，整体的思路是利用动态类名对不同的元素进行选择。
高性能javascript--算法和流程控制海淀萌狗
-for,while和do-while性能相当-避免使用for-in循环，==除非遍历一个属性量未知的对象==es5:for-in遍历的对象便不局限于数组，还可以遍历对象。原因：for-in每次迭代操作会同时搜索实例或者原型属性，for-in循环的每次迭代都会产生更多开销，因此要比其他循环类型慢，一般速度为其他类型循环的1/7。因此，除非明确需要迭代一个属性数量未知的对象，否则应避免使用for-i
html+css网页设计旅游网站首页1个页面 html+css+js网页设计 html css 旅游
html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击
spring mvc @RequestBody String类型参数 zoyation spring-mvc spring mvc
通过如下配置：text/html;charset=UTF-8application/json;charset=UTF-8在springmvc的Controller层使用@RequestBody接收Content-Type为application/json的数据时，默认支持Map方式和对象方式参数@RequestMapping(value="/{code}/saveUser",method=Requ
ubuntu安装opencv最快的方法 Derek重名了
最快方法，当然不能太多文字$sudoapt-getinstallpython-opencv借助python就可以把ubuntu的opencv环境搞起来，非常快非常容易参考：https://docs.opencv.org/trunk/d2/de6/tutorial_py_setup_in_ubuntu.html
HQL之投影查询归来朝歌 HQL Hibernate 查询语句投影查询
在HQL查询中，常常面临这样一个场景，对于多表查询，是要将一个表的对象查出来还是要只需要每个表中的几个字段，最后放在一起显示？针对上面的场景，如果需要将一个对象查出来： HQL语句写“from 对象”即可 Session session = HibernateUtil.openSession();
Spring整合redis bylijinnan redis
pom.xml <dependencies>  <dependency> <groupId>org.springframework.data</groupId> <artifactId>spring-data-redi
org.hibernate.NonUniqueResultException: query did not return a unique result: 2 0624chenhong Hibernate
参考：http://blog.csdn.net/qingfeilee/article/details/7052736 org.hibernate.NonUniqueResultException: query did not return a unique result: 2 在项目中出现了org.hiber
android动画效果不懂事的小屁孩 android动画
前几天弄alertdialog和popupwindow的时候，用到了android的动画效果，今天专门研究了一下关于android的动画效果，列出来，方便以后使用。 Android 平台提供了两类动画。一类是Tween动画，就是对场景里的对象不断的进行图像变化来产生动画效果（旋转、平移、放缩和渐变）。第二类就是 Frame动画，即顺序的播放事先做好的图像，与gif图片原理类似。
js delete 删除机理以及它的内存泄露问题的解决方案换个号韩国红果果 JavaScript
delete删除属性时只是解除了属性与对象的绑定，故当属性值为一个对象时，删除时会造成内存泄露（其实还未删除）举例： var person={name:{firstname:'bob'}} var p=person.name delete person.name p.firstname -->'bob' // 依然可以访问p.firstname，存在内存泄露
Oracle将零干预分析加入网络即服务计划蓝儿唯美 oracle
由Oracle通信技术部门主导的演示项目并没有在本月较早前法国南斯举行的行业集团TM论坛大会中获得嘉奖。但是，Oracle通信官员解雇致力于打造一个支持零干预分配和编制功能的网络即服务（NaaS）平台，帮助企业以更灵活和更适合云的方式实现通信服务提供商（CSP）的连接产品。这个Oracle主导的项目属于TM Forum Live!活动上展示的Catalyst计划的19个项目之一。Catalyst计
spring学习——springmvc（二） a-john springMVC
Spring MVC提供了非常方便的文件上传功能。 1，配置Spring支持文件上传： DispatcherServlet本身并不知道如何处理multipart的表单数据，需要一个multipart解析器把POST请求的multipart数据中抽取出来，这样DispatcherServlet就能将其传递给我们的控制器了。为了在Spring中注册multipart解析器，需要声明一个实现了Mul
POJ-2828-Buy Tickets aijuans ACM_POJ
POJ-2828-Buy Tickets http://poj.org/problem?id=2828 线段树，逆序插入 #include<iostream>#include<cstdio>#include<cstring>#include<cstdlib>using namespace std;#define N 200010struct
Java Ant build.xml详解 asia007 build.xml
1,什么是antant是构建工具2,什么是构建概念到处可查到，形象来说，你要把代码从某个地方拿来，编译，再拷贝到某个地方去等等操作，当然不仅与此，但是主要用来干这个3,ant的好处跨平台 --因为ant是使用java实现的，所以它跨平台使用简单--与ant的兄弟make比起来语法清晰--同样是和make相比功能强大--ant能做的事情很多，可能你用了很久，你仍然不知道它能有
android按钮监听器的四种技术百合不是茶 android xml配置监听器实现接口
android开发中经常会用到各种各样的监听器,android监听器的写法与java又有不同的地方; 1,activity中使用内部类实现接口 ,创建内部类实例使用add方法与java类似创建监听器的实例 myLis lis = new myLis(); 使用add方法给按钮添加监听器
软件架构师不等同于资深程序员 bijian1013 程序员架构师架构设计
本文的作者Armel Nene是ETAPIX Global公司的首席架构师，他居住在伦敦，他参与过的开源项目包括 Apache Lucene,，Apache Nutch， Liferay 和 Pentaho等。如今很多的公司
TeamForge Wiki Syntax & CollabNet User Information Center sunjing TeamForge How do Attachement Anchor Wiki Syntax
the CollabNet user information center http://help.collab.net/ How do I create a new Wiki page? A CollabNet TeamForge project can have any number of Wiki pages. All Wiki pages are linked, and
【Redis四】Redis数据类型 bit1129 redis
概述 Redis是一个高性能的数据结构服务器，称之为数据结构服务器的原因是，它提供了丰富的数据类型以满足不同的应用场景，本文对Redis的数据类型以及对这些类型可能的操作进行总结。 Redis常用的数据类型包括string、set、list、hash以及sorted set.Redis本身是K/V系统，这里的数据类型指的是value的类型，而不是key的类型，key的类型只有一种即string
SSH2整合-附源码白糖_ eclipse spring tomcat Hibernate Google
今天用eclipse终于整合出了struts2+hibernate+spring框架。我创建的是tomcat项目，需要有tomcat插件。导入项目以后，鼠标右键选择属性，然后再找到“tomcat”项，勾选一下“Is a tomcat project”即可。具体方法见源码里的jsp图片，sql也在源码里。补充1：项目中部分jar包不是最新版的，可能导
[转]开源项目代码的学习方法 braveCS 学习方法
转自： http://blog.sina.com.cn/s/blog_693458530100lk5m.html http://www.cnblogs.com/west-link/archive/2011/06/07/2074466.html 1）阅读features。以此来搞清楚该项目有哪些特性2）思考。想想如果自己来做有这些features的项目该如何构架3）下载并安装d
编程之美-子数组的最大和（二维） bylijinnan 编程之美
package beautyOfCoding; import java.util.Arrays; import java.util.Random; public class MaxSubArraySum2 { /** * 编程之美子数组之和的最大值（二维） */ private static final int ROW = 5; private stat
读书笔记-3 chengxuyuancsdn jquery笔记 resultMap配置 ibatis一对多配置
1、resultMap配置 2、ibatis一对多配置 3、jquery笔记 1、resultMap配置当<select resultMap="topic_data"> <resultMap id="topic_data">必须一一对应。 (1)<resultMap class="tblTopic&q
[物理与天文]物理学新进展 comsci
如果我们必须获得某种地球上没有的矿石,才能够进行某些能量输出装置的设计和建造,而要获得这种矿石,又必须首先进行深空探测,而要进行深空探测,又必须获得这种能量输出装置,这个矛盾的循环,会导致地球联盟在与宇宙文明建立关系的时候,陷入困境怎么办呢?
Oracle 11g新特性:Automatic Diagnostic Repository daizj oracle ADR
Oracle Database 11g的FDI（Fault Diagnosability Infrastructure）是自动化诊断方面的又一增强。 FDI的一个关键组件是自动诊断库（Automatic Diagnostic Repository-ADR）。在oracle 11g中，alert文件的信息是以xml的文件格式存在的，另外提供了普通文本格式的alert文件。这两份log文
简单排序:选择排序 dieslrae 选择排序
public void selectSort(int[] array){ int select; for(int i=0;i<array.length;i++){ select = i; for(int k=i+1;k<array.leng
C语言学习六指针的经典程序，互换两个数字 dcj3sjt126com c
示例程序，swap_1和swap_2都是错误的，推理从1开始推到2，2没完成，推到3就完成了 # include <stdio.h> void swap_1(int, int); void swap_2(int *, int *); void swap_3(int *, int *); int main(void) { int a = 3; int b =
php 5.4中php-fpm 的重启、终止操作命令 dcj3sjt126com PHP
php 5.4中php-fpm 的重启、终止操作命令: 查看php运行目录命令：which php/usr/bin/php 查看php-fpm进程数：ps aux | grep -c php-fpm 查看运行内存/usr/bin/php -i|grep mem 重启php-fpm/etc/init.d/php-fpm restart 在phpinfo()输出内容可以看到php
线程同步工具类 shuizhaosi888 同步工具类
同步工具类包括信号量（Semaphore）、栅栏（barrier）、闭锁（CountDownLatch）闭锁（CountDownLatch） public class RunMain { public long timeTasks(int nThreads, final Runnable task) throws InterruptedException { fin
bleeding edge是什么意思 haojinghua DI
不止一次，看到很多讲技术的文章里面出现过这个词语。今天终于弄懂了——通过朋友给的浏览软件，上了wiki。我再一次感到，没有辞典能像WiKi一样，给出这样体贴人心、一清二楚的解释了。为了表达我对WiKi的喜爱，只好在此一一中英对照，给大家上次课。 In computer science, bleeding edge is a term that
c中实现utf8和gbk的互转 jimmee c iconv utf8&gbk编码
#include <iconv.h> #include <stdlib.h> #include <stdio.h> #include <unistd.h> #include <fcntl.h> #include <string.h> #include <sys/stat.h> int code_c
大型分布式网站架构设计与实践 lilin530 应用服务器搜索引擎
1.大型网站软件系统的特点？ a.高并发，大流量。 b.高可用。 c.海量数据。 d.用户分布广泛，网络情况复杂。 e.安全环境恶劣。 f.需求快速变更，发布频繁。 g.渐进式发展。 2.大型网站架构演化发展历程？ a.初始阶段的网站架构。应用程序，数据库，文件等所有的资源都在一台服务器上。 b.应用服务器和数据服务器分离。 c.使用缓存改善网站性能。 d.使用应用
在代码中获取Android theme中的attr属性值 OliveExcel android theme
Android的Theme是由各种attr组合而成, 每个attr对应了这个属性的一个引用, 这个引用又可以是各种东西. 在某些情况下, 我们需要获取非自定义的主题下某个属性的内容 (比如拿到系统默认的配色colorAccent), 操作方式举例一则: int defaultColor = 0xFF000000; int[] attrsArray = { andorid.r.
基于Zookeeper的分布式共享锁 roadrunners zookeeper 分布式共享锁
首先，说说我们的场景，订单服务是做成集群的，当两个以上结点同时收到一个相同订单的创建指令，这时并发就产生了，系统就会重复创建订单。等等......场景。这时，分布式共享锁就闪亮登场了。共享锁在同一个进程中是很容易实现的，但在跨进程或者在不同Server之间就不好实现了。Zookeeper就很容易实现。具体的实现原理官网和其它网站也有翻译，这里就不在赘述了。官
两个容易被忽略的MySQL知识 tomcat_oracle mysql
1、varchar(5)可以存储多少个汉字，多少个字母数字？　　相信有好多人应该跟我一样，对这个已经很熟悉了，根据经验我们能很快的做出决定，比如说用varchar(200)去存储url等等，但是，即使你用了很多次也很熟悉了，也有可能对上面的问题做出错误的回答。　　这个问题我查了好多资料，有的人说是可以存储5个字符，2.5个汉字（每个汉字占用两个字节的话），有的人说这个要区分版本，5.0
zoj 3827 Information Entropy(水题) 阿尔萨斯 format
题目链接：zoj 3827 Information Entropy 题目大意：三种底，计算和。解题思路：调用库函数就可以直接算了，不过要注意Pi = 0的时候，不过它题目里居然也讲了。。。limp→0+plogb(p)=0，因为p是logp的高阶。 #include <cstdio> #include <cstring> #include <cmath&

JavaScript内置对象及案例

01-内置对象

02-学会查阅MDN文档

03-数学对象Math最大值方法

04-封装自己的数学对象

05-Math绝对值和三个取整方法

06-Math随机数方法

07-猜数字游戏

08-课下案例

09-Date日期对象的使用

10-格式化日期年月日星期

11-格式化日期时分秒

12-获取日期的总的毫秒数(时间戳)

13-倒计时案例

效果展示

14-创建数组的两种方式（复习）

15-检测是否为数组两种方式

16-添加删除数组元素方法

17-筛选数组

18-数组排序

19-获取数组元素索引号

20-数组去重案例

21-数组转换为字符串

你可能感兴趣的:(JavaScript,javascript,前端,html)