赞助
Tsunami黄嵩粟
posts - 449,comments - 12,views - 11万
11 2020 档案
滚动条小实验 BOM时间操作
摘要：<div class="top">我是吸顶div</div> <p class="back">返回顶部</p> <script> // 滚动条的监听事件 // 当滚动条位置发生改变时,触发定义的函数程序 // 可用使用 display 设定 属性值 为 none 或者 block 来控制标签的显示或 阅读全文
posted @ 2020-11-30 23:22 Tsunami黄嵩粟 阅读(94) 评论(0) 推荐(0) 编辑
BOM弹窗 滚动条
摘要：// window.alert('弹出内容') 警告框 // window.prompt('弹出内容') 输入框 // 以 字符串 形式 存储输入的数据内容 // 实际项目中大部分使用的是input // window.confirm('弹出内容') 确认框 // 点击确定 返回值 是 true / 阅读全文
posted @ 2020-11-30 23:20 Tsunami黄嵩粟 阅读(75) 评论(0) 推荐(0) 编辑
标签占位信息
摘要：// 获取标签占位的数据信息 // 获取css样式的属性值,执行结果一定有px单位,需要通过parseInt() 获取 整数部分 // 获取标签的占位数据,执行结果,都是数值,没有px单位,可以直接使用 var oDiv = document.querySelector('div'); // 1,获 阅读全文
posted @ 2020-11-30 23:18 Tsunami黄嵩粟 阅读(79) 评论(0) 推荐(0) 编辑
标签样式操作
摘要：// 1, 标签对象.style 只能获取通过行内样式语法设定的属性的属性值 // window.getComputedStyle 可以获取任意语法形式的css样式的属性的属性值 // 2, 标签对象.style 获取颜色 获取的就是你设定的属性值 rgb() 或者 英文词 或者 #十六进制数值 / 阅读全文
posted @ 2020-11-30 23:17 Tsunami黄嵩粟 阅读(89) 评论(0) 推荐(0) 编辑
知识点总结
摘要：1,数组的操作 定义: var arr = []; var arr = new Array(); 调用: arr[索引下标] 索引下标是从0开始 新增: 对不存在的索引下标进行赋值 修改: 对已经存在的索引下标进行赋值 删除: 通过length来删除 2,数组的函数 两个写入和两个删除 数组.pus 阅读全文
posted @ 2020-11-29 23:24 Tsunami黄嵩粟 阅读(60) 评论(0) 推荐(0) 编辑
操作标签的属性和属性值 table表格
摘要：// 操作标签的属性和属性值 // 特殊的属性 // 可以直接通过 点语法或者[]语法来操作的属性 // id 和 class // 标签.id 可以操作设定 id属性和属性值 // 标签.className 可以操作设定 class属性和属性值 // 直接写是获取,带有赋值的是设定 // 标签对象 阅读全文
posted @ 2020-11-29 23:18 Tsunami黄嵩粟 阅读(103) 评论(0) 推荐(0) 编辑
dom基本获取 标签文本操作
摘要：// 总结: // 1, 通过id属性值,获取标签对象 // document.getElementById() // 一个标签对象 // 2, 通过标签名称,获取标签对象 // document.getElementsByTagName() // 一定是一个伪数组 // 使用for...in循环, 阅读全文
posted @ 2020-11-29 23:13 Tsunami黄嵩粟 阅读(261) 评论(0) 推荐(0) 编辑
延时器 清除延时器
摘要：// 定时器,延时器 // 定时器 : 根据时间间隔,循环往复执行程序,除非停止会一直执行程序 --有间隔的循环 // 延时器 : 根据时间间隔,延迟执行程序的时间,只会执行一次 --定时炸弹 // 语法: 时间单位 : 毫秒 // setTimeout(function(){执行的程序} , 延迟 阅读全文
posted @ 2020-11-29 23:00 Tsunami黄嵩粟 阅读(686) 评论(0) 推荐(0) 编辑
倒计时
摘要：// 倒计时 // 所谓的倒计时 // 是 终止时间 至 当前时间的时间差 // 将这个 时间差转化为 天,时,分,秒 // 当前时间对象 new Date() // 结束时间对象 new Date('时间参数') // 时间差: 时间对象中获取时间戳 // 两个时间戳的差,就是时间差 // 时间戳 阅读全文
posted @ 2020-11-29 22:58 Tsunami黄嵩粟 阅读(109) 评论(0) 推荐(0) 编辑
电子时钟
摘要：// 电子表 // 通过 Date() 内置构造函数,生成时间对象 // 获取其中的时间信息,转化成需要的字符串 // 没有时间间隔,先执行一次 // 为了防止一开始没有显示内容 // 获取当前时间 var d = new Date(); // 获取4位年份 var year = d.getFull 阅读全文
posted @ 2020-11-29 22:29 Tsunami黄嵩粟 阅读(96) 评论(0) 推荐(0) 编辑
时间戳
摘要：// 时间戳 // 当前时间 到 1970年1月1日 0点0分0秒的 时间差 // JavaScript 中 时间戳的单位是 毫秒 // 1秒 = 1000 毫秒 // 1,设定时间对象 var d = new Date(); // 默认获取的时间单位是毫秒 // 一般需要转化成秒 // 获取结果  阅读全文
posted @ 2020-11-29 12:44 Tsunami黄嵩粟 阅读(187) 评论(0) 推荐(0) 编辑
设定时间的方法
摘要：// 设定 data获取时间的方法 // 1,字符串方法 // 2,设定多个数值参数 // 1,设定字符串方法 // 可以按照指定的语法格式来设定字符串,作为获取的时间参数 // 设定完整的时间, 年份日,时分秒,会自定计算星期 // var d = new Date('1982-10-12 8:8 阅读全文
posted @ 2020-11-29 11:17 Tsunami黄嵩粟 阅读(271) 评论(0) 推荐(0) 编辑
内置对象Date
摘要：// 内置对象 Date 时间对象 // 可以通过 内置对象 data来获取和存储时间 // 使用方式步骤 // 1,创建时间对象 // 通过 内置构造函数 Date() 来创建事件对象 // 获取的是,当前程序执行时,获取到的时间信息 // 获取的时间,是本地事件,也就是你当前所在时区的时间 // 阅读全文
posted @ 2020-11-28 23:27 Tsunami黄嵩粟 阅读(50) 评论(0) 推荐(0) 编辑
对象的基本特点
摘要：// 对象的基本特点1: // 对象中,如果给已经存在的属性,进行赋值 // 会是给对象修改存储数据的操作 // 不会新增一个属性和属性值单元 var obj={a:100}; // 修改a中存储数据操作 // 不会新增一个a单元存储200 obj.a = 200; // 数组的去重4 // 思路: 阅读全文
posted @ 2020-11-27 00:53 Tsunami黄嵩粟 阅读(282) 评论(0) 推荐(0) 编辑
对象的循环
摘要：// JavaScript对象的循环 // for...in语法支持对象的循环 var obj = {name:'张三',age:18,sex:'男',adde:'北京',hobby:'吃鸡'}; /* 循环对象 key存储 调用 第一次循环 name:'张三' name 第二次循环 age:18 阅读全文
posted @ 2020-11-27 00:50 Tsunami黄嵩粟 阅读(373) 评论(0) 推荐(0) 编辑
对象的基本操作
摘要：// JavaScript的对象 object / obj // 对象中以属性属性值方式存储数据 属性:属性值 // 方法1,字面量方法定义 // 通过 {} 来定义一个空对象 // var obj = {}; // 方法2,构造函数方法 // var obj = new Object(); //  阅读全文
posted @ 2020-11-27 00:38 Tsunami黄嵩粟 阅读(41) 评论(0) 推荐(0) 编辑
记录字符串出现的次数
摘要：// 记录字符串中,字符出现的次数 // 数组中,数据出现的次数 // var str = 'abcabcdabcdeabcdef'; // var arr = [1,2,3,1,2,3,4,1,2,3,4,5,1,2,3,4,5,6]; var str = 'abcabcdabcdeabcdef' 阅读全文
posted @ 2020-11-27 00:32 Tsunami黄嵩粟 阅读(119) 评论(0) 推荐(0) 编辑
截取文件的扩展名
摘要：// 截取文件名称中的扩展名 // 例如 index.html 1.jpg // 扩展名是 html jpg // 友情提示:为什么不要点 // 截取扩展名,往往是为了做验证判断 // 验证扩展名是否符合规定的规范 // 例如上传图片,往往限制图片类型是 jpg的图片 // 实现的方法,就是截取上传 阅读全文
posted @ 2020-11-26 23:09 Tsunami黄嵩粟 阅读(312) 评论(0) 推荐(0) 编辑
字符串的截取 随机验证码
摘要：// JavaScript中字符串的截取 // 所谓字符串的截取,就是从原始字符串中,获取一部分内容,为新的字符串 // 方法1 字符串.substr(参数1,参数2) // 参数1:指定截取的起始位置 // 参数2:指定截取的字符长度(如果是负数,截取结果是空字符串) var str1 = 'ab 阅读全文
posted @ 2020-11-26 23:04 Tsunami黄嵩粟 阅读(274) 评论(0) 推荐(0) 编辑
字符串常用方法
摘要：// 1 , 变量.toString() 其他类型转化为字符串类型 // 2 , 字符串.indexOf(形参1,形参2) // 查询字符串中是否有某个字符 // 形参1:需要查询的字符 // 形参2:查询起始位置的索引下标 // 查询字符时,区分大小写 // 返回值:匹配字符的索引下标 // 没有 阅读全文
posted @ 2020-11-26 00:18 Tsunami黄嵩粟 阅读(27) 评论(0) 推荐(0) 编辑
选择排序算法
摘要：// 选择排序 // 核心思路: // 从第一个单元开始 // 默认当前单元是最小值 // 存储当前单元的索引下标 // 通过索引下标,获取数据,跟之后的每一个单元的数据进行比较 // 如果之后的单元存储的数据是较小值,那么就存储这个单元的索引下标 // 循环一次之后,变量中存储的是当前参与循环的所 阅读全文
posted @ 2020-11-26 00:13 Tsunami黄嵩粟 阅读(52) 评论(0) 推荐(0) 编辑
冒泡排序
摘要：// 冒泡排序 // 通过 冒泡排序 完成 数组中数值的排序 // 核心思路: // 两个相邻的数值,进行比较,如果第一个数值较大,就将两个单元交换存储数值 // 每次比较一个最大值,存储在数组的结束位置 // 冒泡排序,是比较数值,交换存储数据 // 核心优化点: // 1, 循环比较时,是当前单 阅读全文
posted @ 2020-11-26 00:08 Tsunami黄嵩粟 阅读(61) 评论(0) 推荐(0) 编辑
数组拼接为字符串方法
摘要：// 数组拼接为字符串方法 // 获取数据组中的每一个数据,拼接为字符串形式 // 默认以逗号为间隔 // 可以在参数中设定,指定的间隔符号 // 如果不需要间隔符号,可以设定空字符串'' var arr = [1,2,3,4,5]; var str1 = arr.join(); var str2  阅读全文
posted @ 2020-11-25 00:59 Tsunami黄嵩粟 阅读(1135) 评论(0) 推荐(0) 编辑
数组的去重
摘要：// 1,排序后,删除重复单元 // 数组去重,之后是保留1,2,3,4,5内容 var arr = [1,2,3,4,5,1,2,3,4,5,1,2,3,4,5,1,2,3,4,5]; // 先给数组中的数据进行排序 从大到小,从小到大无所谓 arr.sort(function(a,b){retu 阅读全文
posted @ 2020-11-25 00:48 Tsunami黄嵩粟 阅读(60) 评论(0) 推荐(0) 编辑
数组常用删除方法 数组的反转 数组常用方法排序
摘要：// 删除数组中指定的单元 // 数组.splice(参数1,参数2,参数3) // 作用:从指定的索引下标开始,删除指定个数单元 // 就是从哪个单元开始,一共删除几个单元 // 参数1:删除起始单元的索引下标 // 如果是正数,超出索引下标范围,没有执行结果 // 如果是负数,执行效果,都是起始 阅读全文
posted @ 2020-11-25 00:43 Tsunami黄嵩粟 阅读(112) 评论(0) 推荐(0) 编辑
数组的新增删除
摘要：// JavaScript中提供了数组新增单元和删除单元的方法 // 在数组的起始和结束位置新增删除单元 // 结束位置 // 新增单元 数组.push(新增数据) // 可以新增一个单元或者多个单元,如果是多个数据单元,之间使用逗号间隔 // 不用管索引下标的数值是多少,连续的数值是多少 // J 阅读全文
posted @ 2020-11-25 00:36 Tsunami黄嵩粟 阅读(79) 评论(0) 推荐(0) 编辑
数组的循环语法
摘要：// 我们之前是通过 for 循环,生成数组的索引下标,来完成数组的循环 // 实际上数组有专门的循环遍历语法 // for...in forEach /* for...in语法 既可以循环数组,可以循环对象 for(var 自定义变量 in 数组名称){ 循环体 } for...in的执行原理 每 阅读全文
posted @ 2020-11-24 00:37 Tsunami黄嵩粟 阅读(89) 评论(0) 推荐(0) 编辑
数组新增数据 数组详细应用
摘要：// 新增数组数据单元 // 对不存在的索引下标进行赋值操作 // 执行结果就是在数组中,新增一个存储单元,索引下标是定义的索引下标,数据是定义的数据 var arr = [100,200,300]; // 对已有的索引下标赋值,执行结果是修改这个索引下标存储的数据 arr[0] = '北京'; c 阅读全文
posted @ 2020-11-24 00:23 Tsunami黄嵩粟 阅读(151) 评论(0) 推荐(0) 编辑
数组的获取数据 修改数据
摘要：// 在JavaScript语言中,操作数组的基本方法是 通过 [] 定义索引下标 // 在JavaScript中,理论上索引下标只能是数值形式 // 1,从数组中调用具体的数据 // 基本数据类型 // 直接 数组[索引下标] // 引用数据类型 // 要写多个[] // 数组中存储数组 // 数 阅读全文
posted @ 2020-11-24 00:20 Tsunami黄嵩粟 阅读(157) 评论(0) 推荐(0) 编辑
数组
摘要：// 什么是数组 // 存储数据的集合 // 之前的基本数据类型,都只能存储一个数据单元(元素) // 数组可以在一个变量中,同时存储多个数据单元(元素) // 基本语法 // 字面量方式 定义 数组 常用方式 // 数据定义在[ ] 方括号中,数据之间使用逗号间隔 // var 变量 = [数据1 阅读全文
posted @ 2020-11-24 00:16 Tsunami黄嵩粟 阅读(60) 评论(0) 推荐(0) 编辑
递归
摘要：// 递归函数 // 递归函数是函数的一种特殊的用法 // 是在函数中,自己调用自己. /* function fun(){ fun() } */ // 一般不会让我们写原生递归函数 // 基本上也是面试时会遇到 // 我们学习递归函数,主要也是为了掌握递归函数的原理 // 倒叙输出 // for循 阅读全文
posted @ 2020-11-22 22:41 Tsunami黄嵩粟 阅读(104) 评论(0) 推荐(0) 编辑
变量的作用域
摘要：// 变量的作用域 // 变量的作用域指的就是变量的有效范围,也就是这个变量在什么范围中,可以被正常的调用使用 // 在 JavaScript 中 变量按照作用域划分,分为两种形式 // 1 , 声明在函数之外的变量,称为全局作用域变量/公共变量,可以在程序中和函数中,都被正常调用 // 2 , 声 阅读全文
posted @ 2020-11-22 22:30 Tsunami黄嵩粟 阅读(500) 评论(0) 推荐(0) 编辑
函数的存储 堆和栈
摘要：var int1 = 100; var int2 = 100; console.log( int1 == int2 ); function fun1(){ return 100; } function fun2(){ return 100; } // 当前 比较的是 函数名称 fun1 中存储的内容 阅读全文
posted @ 2020-11-22 22:18 Tsunami黄嵩粟 阅读(469) 评论(0) 推荐(0) 编辑
函数的容错处理 函数的返回值
摘要：// JavaScript函数的容错处理 // 我们函数再执行的过程中,有可能被输入错误的函数数值,会引起函数执行错误 // 我们定义函数的时候,必须要防止错误数据的输入 // 举例,累加求和函数 function myAdd(max , min=1){ // 新增判断,确保 min 最终存储的是较 阅读全文
posted @ 2020-11-22 22:04 Tsunami黄嵩粟 阅读(224) 评论(0) 推荐(0) 编辑
函数的多个参数
摘要：// 函数的多个参数 // 一个函数可以有多个参数,多个参数都定义在函数的 ( ) 小括号中 // 多个参数之间,使用逗号间隔 // 实参赋值是,与形参的顺序是一一对应的 // 形参和实参的个数 // 形参和实参的个数,应该是一一对应的关系 // 如果实参个数少于形参 // 例如 有两个形参, 只有 阅读全文
posted @ 2020-11-22 22:00 Tsunami黄嵩粟 阅读(549) 评论(0) 推荐(0) 编辑
定义一个函数的基本语法 函数的参数
摘要：// 定义一个函数的基本语法 // 声明定义一个函数,有两种基本语法 // 声明式 // 通过关键词 function 来声明定义函数 // function 作用与 var 相同 都是关键词 // var 表示定义的是一个 变量 function 表示定义的是一个 函数 // 语法结构: /* f 阅读全文
posted @ 2020-11-22 21:57 Tsunami黄嵩粟 阅读(384) 评论(0) 推荐(0) 编辑
函数
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-11-22 21:50 Tsunami黄嵩粟 阅读(101) 评论(0) 推荐(0) 编辑
金字塔
摘要：/* 使用 * 生成金字塔 行数是 5-10 行的随机数 * * * * * * * * * * * * * * * 1,空格的数量 总行数 - 当前的函数 2,星星的数量 等于当前行数 */ // 定义一个数值,为随机的总行数 var line = parseInt( Math.random()* 阅读全文
posted @ 2020-11-22 21:46 Tsunami黄嵩粟 阅读(54) 评论(0) 推荐(0) 编辑
水仙花数
摘要：/* 水仙花数 如果一个三位数 个位,十位,百位的立方和,等于这个数值,就称为水仙花数 求 所有 3位数中 那些数 是 水仙花 数 思路 : 本质是 判断 123 是否是水仙花数 就是 1的立方 + 2 的立方 + 3 的立方 == 123 本身 关键是 如何获取 3位数 每一位上的数值 */ va 阅读全文
posted @ 2020-11-22 21:41 Tsunami黄嵩粟 阅读(310) 评论(0) 推荐(0) 编辑
百鸡百钱
摘要：/* 百鸡百钱 有一百钱,要买鸡一百只 公鸡5钱一只 母鸡3钱一只 仔鸡三只1钱 一百钱必须都花了,必须买够一百鸡 三种鸡,每种都必须有 问 公鸡 母鸡 仔鸡 各多少只 实现思路:穷举法 生成所有的公鸡母鸡仔鸡数值的可能性,计算符合题目要求的情况,并且输出结果 */ // 方法1,三种鸡的范围都是  阅读全文
posted @ 2020-11-22 21:39 Tsunami黄嵩粟 阅读(194) 评论(0) 推荐(0) 编辑
循环demo
摘要：// demo1,输出1-100所有可以同时被2和3同时整除的数值 //方法1 // 循环生成 1-100的数值 // for(var i = 1 ; i <= 100 ; i++){ // // 如果i可以被2整除并且可以被3整除,并且就是逻辑与 // if(i % 2 0 && i % 3 0  阅读全文
posted @ 2020-11-22 21:27 Tsunami黄嵩粟 阅读(139) 评论(0) 推荐(0) 编辑
while适用于不确定循环次数
摘要：// 当前有一个随机数,是生成100-999的随机数值 // 需要生成数值666,需要知道循环了多少次,才生成的666这个数值 // 我们可以通过循环来实现 // 每次循环,执行生成一个随机数, // 如果这个数值不是 666 我们就继续执行循环 并且给记录次数变量数值+1 // 当数值是666时, 阅读全文
posted @ 2020-11-22 21:24 Tsunami黄嵩粟 阅读(1204) 评论(0) 推荐(1) 编辑
浏览器打断点
摘要：<!-- 在 浏览器中 给我们提供了打断点的功能 可以将js程序分步执行 效果就可以让我们看到每步程序执行的过程 便于我们理解JavaScript程序的执行过程 在控制台中 sources 中可以做打断点操作 执行步骤 1,执行程序 2,F12打开控制台 3,点击 sources 4,选择要打断点的 阅读全文
posted @ 2020-11-22 21:19 Tsunami黄嵩粟 阅读(652) 评论(0) 推荐(0) 编辑
switch的穿透
摘要：// switch 的 穿透 // 什么是switch的穿透 // 如果在 switch 中没有定义break , switch 会从定位的程序,一直执行到所有switch程序的结束 // 这种现象称为switch的穿透 // 效果是,从定位的程序位置,穿透所有的case和default,执行之后所 阅读全文
posted @ 2020-11-22 21:14 Tsunami黄嵩粟 阅读(384) 评论(0) 推荐(0) 编辑
switch语句
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-11-22 21:08 Tsunami黄嵩粟 阅读(150) 评论(0) 推荐(0) 编辑
if语句嵌套
摘要：// if语句的嵌套 // 在if语句的{}中,执行程序中,再次有if语句 /* if(){ if(){ }else{ } }else{ if(){ }else{ } } */ // 生成一个1-100的随机数 // 如果是奇数,判断是否可以被3整除 // 如果是偶数,判断是否可以被5整除 // 1 阅读全文
posted @ 2020-11-22 21:05 Tsunami黄嵩粟 阅读(305) 评论(0) 推荐(0) 编辑
else if
摘要：// if(){}else if(){}...else{} // 多种条件,多种情况下的判断语句 // 必须要注意 // 1,else if 之后有() 可以写判断条件 // 2,else 之后,是不能有(),不能写条件 // 3,else if 之间必须有空格 // 4,else 其中执行的程序, 阅读全文
posted @ 2020-11-22 21:04 Tsunami黄嵩粟 阅读(716) 评论(0) 推荐(0) 编辑
if语句
摘要：// 计算机语言中,有三大流程控制顺序 // 1, 顺序控制语句 是计算机程序最基本执行顺序 // 从上至下 从左至右 // 2, 分支控制语句 if语句 switch语句 // 根据不同的条件,判断不同的结果,执行不同的语句 // 3, 循环控制语句 for循环语句 while循环语句 do... 阅读全文
posted @ 2020-11-22 21:03 Tsunami黄嵩粟 阅读(138) 评论(0) 推荐(0) 编辑
三元运算符
摘要：// 三元运算符 // 有三个表达式,参与的运算符 // 运算符的分类还可以从参与运算符的表达式个数来进行分类 // 一元运算符,也就是只有一个表达式参与运算符 // ++ -- ! // 二元运算符,也就是只有两个表达式参与运算符 // = + - += -= % > < .... // 除了上面 阅读全文
posted @ 2020-11-22 20:58 Tsunami黄嵩粟 阅读(173) 评论(0) 推荐(0) 编辑
短路赋值
摘要：账号: <input type="text"> <br> 密码: <input type="text"> <br> <button>注册</button> <script> // 利用短路求值的特点,给变量进行赋值 // 一般是如果变量没有数值的情况下,我们给赋值一个默认值 // 举一个简单的例子 阅读全文
posted @ 2020-11-22 20:55 Tsunami黄嵩粟 阅读(145) 评论(0) 推荐(0) 编辑
逻辑运算符的短路求值
摘要：// 逻辑运算符的短路求值 // 在计算机语言中,为了提高程序的执行效率 // 逻辑运算符,如果第一个表达式已经可以决定整个逻辑运算符的结果 // 那么第二个表达式就不会被执行被运算 // 出现短路求值的情况 // 1, 逻辑与 && : 见 false 就是 false // 第一个表达式 是 f 阅读全文
posted @ 2020-11-22 17:08 Tsunami黄嵩粟 阅读(371) 评论(0) 推荐(0) 编辑
逻辑运算符
摘要：// 逻辑运算符 // 表示多个条件判断之间的逻辑关系 // 逻辑与 && 表达式1 && 表达式2 // 两个表达式,结果都必须是 true // 逻辑与整体的结果才是true // 只要有一个是false,逻辑与整体的结果就是false // 见false 就是 false // 按住 shif 阅读全文
posted @ 2020-11-22 16:57 Tsunami黄嵩粟 阅读(82) 评论(0) 推荐(0) 编辑
赋值运算符
摘要：// 赋值运算符 // = += -= *= /= %= // 将右侧表达式的执行结果,按照运算符,与左侧变量存储的数据进行运算 // = 等号赋值运算符 // 将右侧表达式的执行结果,赋值给左侧的变量存储 // += 加等赋值运算符 // 在变量存储的原始数值的基础上,加上右侧表达式执行的结果,再 阅读全文
posted @ 2020-11-22 16:56 Tsunami黄嵩粟 阅读(158) 评论(0) 推荐(0) 编辑
递增递减运算符
摘要：// 递增递减运算符 // ++ -- // 作用: // 每次执行,会在存储的原始数值基础上,自增 或者 自减 1 // 语法形式 // 前缀语法形式 ++变量 --变量 // 在当前位置先执行自增或者自减操作 // 将执行完自增自减效果的新的数据数值,参与到程序的执行中 // 后缀语法形式 变量 阅读全文
posted @ 2020-11-22 16:53 Tsunami黄嵩粟 阅读(200) 评论(0) 推荐(0) 编辑
js随机数 比较运算符
摘要：// 生成一个随机数 1 - 100 范围内的随机数 // 大家先记住 JavaScript 生成随机数值的 公式 // 如果要 生成 a - b 范围内的数值 // 公式是 parseInt( Math.random() * ( b+1-a ) + a ) // 现在要生成的是 1 - 100 范 阅读全文
posted @ 2020-11-20 18:12 Tsunami黄嵩粟 阅读(165) 评论(0) 推荐(0) 编辑
算数运算符
摘要：// 算术运算符 // + - * / % ** // + 加法 如果有字符串参与会执行字符串拼接操作 // / 除法 第二个数值,也就是除数,不能为0 // % 求余数运算,计算机程序中,称为 求模运算 // 10 % 3 结果是 1 // 10 % 4 结果是 2 // 10 % 5 结果是 0 阅读全文
posted @ 2020-11-20 17:53 Tsunami黄嵩粟 阅读(107) 评论(0) 推荐(0) 编辑
js数据类型的检查
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-11-20 16:19 Tsunami黄嵩粟 阅读(85) 评论(0) 推荐(0) 编辑
强制转化类型
摘要：自动转化和强制转化 自动转化实际上是JavaScript程序执行中,遇到最多的转化方式 必须非常非常非常清楚,自动转化的原则 强制转化,是程序员人为的将数值或者变量存储的数据数值,转化为指定的数据类型 所有的强制转化,都不会改变变量中存储的原始数据内容 强制转化为布尔类型 Boolean( 数值 / 阅读全文
posted @ 2020-11-19 00:28 Tsunami黄嵩粟 阅读(202) 评论(0) 推荐(0) 编辑
其他数据类型自动转化为数值类型
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-11-18 23:24 Tsunami黄嵩粟 阅读(106) 评论(0) 推荐(0) 编辑
其他数据类型转化为字符串类型
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-11-18 23:18 Tsunami黄嵩粟 阅读(145) 评论(0) 推荐(0) 编辑
undefined和null js数据类型转换自动转换布尔类型
摘要：基本数据类型之undefined和null undefined是表示未找到，是变量没有正确赋值数据时，生成的数据类型 var int ； console.log（int）//undefined null 是空表示赋值存储的数据，是一个空数据，是一种特殊的数据类型 给变量直接赋值null注意英文字母必 阅读全文
posted @ 2020-11-18 23:09 Tsunami黄嵩粟 阅读(927) 评论(0) 推荐(0) 编辑
NaN数值类型
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-11-18 22:48 Tsunami黄嵩粟 阅读(174) 评论(0) 推荐(0) 编辑
模板字符串
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-11-18 22:44 Tsunami黄嵩粟 阅读(163) 评论(0) 推荐(0) 编辑
字符串拼接
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-11-15 01:36 Tsunami黄嵩粟 阅读(163) 评论(0) 推荐(0) 编辑
js字符串类型
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-11-15 00:31 Tsunami黄嵩粟 阅读(112) 评论(0) 推荐(0) 编辑
js浮点数类型
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-11-15 00:25 Tsunami黄嵩粟 阅读(1107) 评论(0) 推荐(0) 编辑
js整数类型
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-11-15 00:20 Tsunami黄嵩粟 阅读(807) 评论(0) 推荐(0) 编辑
js布尔类型
摘要：<!-- 禁用 --> <input type="text" disabled> <!-- 只读 --> <input type="text" readonly> <!-- 多选 --> <input type="file" multiple> <!-- 默认选中 --> <input type=" 阅读全文
posted @ 2020-11-15 00:18 Tsunami黄嵩粟 阅读(891) 评论(0) 推荐(0) 编辑
js重复赋值 js数据交换 js调式方法
摘要：重复赋值 对一个变量，对此赋值，存储数据 定义变量时对变量初始化 此时js语法规定，必须带有关键词var 或者let 或者const 之后使用变量时，不需要带有关键词 第一次定义变量，初始化变量，必须带有关键词 初始化变量，给变量int中存储数值100 var int = 100 使用变量,不要使用 阅读全文
posted @ 2020-11-14 23:45 Tsunami黄嵩粟 阅读(308) 评论(0) 推荐(0) 编辑
JavaScript变量
摘要：JavaScript 语法 之 变量 变量的概念: 变量是在所有计算机语言中,都存在的一个非常重要的概念 官方的定义: 存储在内存之中的,带有名称的,数据信息 其中存储的数据信息,在程序的执行过程中,是可以改变的 通俗理解: 变量实际就是一个容器 是存储数据的容器 这个容器必须有一个名称 为什么要有 阅读全文
posted @ 2020-11-14 23:31 Tsunami黄嵩粟 阅读(67) 评论(0) 推荐(0) 编辑
数据类型分类
摘要：在 计算机 程序中 // 数据也是有分类的,不同类型的数据,在计算机中存储方式是不同的 // 称之为 数据类型 // JavaScript的数据类型分类 基本数据类型 布尔类型 数值类型 字符串类型 undefined null 复杂数据类型 / 引用数据类型 数组 对象 函数 先说布尔类型 <!D 阅读全文
posted @ 2020-11-08 13:49 Tsunami黄嵩粟 阅读(142) 评论(0) 推荐(0) 编辑
重复赋值 数据交换 查看程序执行结果
摘要：// 重复赋值 // 对一个变量,多次赋值,存储数据 // 定义变量时,对变量进行 初始化 // 此时 JavaScript语法规定, 必须要带有 关键词 var 或者 let 或者 const // 之后使用变量时,不需要带有关键词 // 第一次定义变量,初始化变量,必须要带有关键词 // 初始化 阅读全文
posted @ 2020-11-08 13:45 Tsunami黄嵩粟 阅读(97) 评论(0) 推荐(0) 编辑
JS注释 JS变量
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-11-08 13:33 Tsunami黄嵩粟 阅读(190) 评论(0) 推荐(0) 编辑
JavaScript语法形式3 外链式
摘要：定义 script 标签,在 script 标签中,通过src属性导入外部js文件,并且加载执行外部js文件中国的程序代码内容 因为代码执行顺序问题,一般定义 script 标签 在 body标签内容的最下方 如果 script 标签带有 src 属性,那么就只会执行 外部式 写在 script 标 阅读全文
posted @ 2020-11-04 00:54 Tsunami黄嵩粟 阅读(1665) 评论(0) 推荐(0) 编辑
JavaScript语法形式2 内部式
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-11-04 00:48 Tsunami黄嵩粟 阅读(93) 评论(0) 推荐(0) 编辑
JavaScript语法形式1行内式
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-11-03 23:46 Tsunami黄嵩粟 阅读(671) 评论(0) 推荐(0) 编辑
初入JavaScript
摘要：js是轻量级 弱类型 脚本语言 html是 超文本 标记语言 脚本语言和标记语言的主要区别 标记语言，可以通过浏览器直接执行 脚本语言，必须要通过编译，浏览器内核的编译，才能正常运行 简单理解，脚本语言必须有个翻译器，将脚本语言，直接翻译成浏览器等可以识别的语言，才能正常运行 轻量级，意味着语言难度 阅读全文
posted @ 2020-11-03 23:39 Tsunami黄嵩粟 阅读(87) 评论(0) 推荐(0) 编辑

< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

Copyright © 2025 Tsunami黄嵩粟
Powered by .NET 9.0 on Kubernetes Powered By博客园
点击右上角即可分享
微信分享提示

喜欢请打赏

扫描二维码打赏

支付宝打赏

了解更多