![](https://img-blog.csdnimg.cn/20200610101230659.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
一门前端编程语言
MW0309
天才就是无止境刻苦勤奋的能力。
展开
-
JavaScript 生成随机颜色
JavaScript 生成随机颜色。原创 2022-09-22 15:51:19 · 202 阅读 · 0 评论 -
JavaScript 动态生成表格
直接上代码原创 2022-07-08 15:40:58 · 230 阅读 · 0 评论 -
JavaScript 遍历数组对象根据id,取出拿逗号(,)隔开拼成字符串
var table=[ { id:1, name:'张三' }, { id:2, name:'张三' }, { id:3, name:'张三' }, { id:4, name:'张三' } ] const ids=table.map(item => item.id).join(",") console.log(ids)...原创 2022-05-10 15:46:05 · 2911 阅读 · 0 评论 -
JavaScript 数组对象 新增对象到数组 根据key判断没则添加有则替换
var problems = [] const problem1 = { problemUuid: 1, voteState: 2 } const problem2 = { problemUuid: 2, voteState: 1 } const problem3 = { problemUuid: 2, voteState: 2 } // 过滤 /** * @param {Object} 新数组原创 2022-01-07 17:30:00 · 1316 阅读 · 0 评论 -
JavaScript 数组对象 根据属性名 拆分,组合成新的数组
var entityList = [ { formatDate: "2021-01", nums: 0 }, { formatDate: "2021-02", nums: 0 }, { formatDate: "2021-03", nums: 0 }, { formatDate: "2021-04", nums: 0 }, { formatDate原创 2022-01-06 15:19:09 · 737 阅读 · 0 评论 -
JavaScript 定时器
1.setTimeout()定时器window.setTimeout(调用函数,延迟的毫秒数)setTimeout()方法用于设置一个定时器,该定时器到期后执行调用函数注意:window可以省略这个调用函数可以直接写函数,或者函数名这个调用函数可以直接写函数,或者函数名因为定时器可能有很多,我们可以给定时器赋值一个标识符<!DOCTYPE html><html> <head> <meta charset="utf-8"> &l原创 2021-10-04 15:13:02 · 276 阅读 · 0 评论 -
JavaScript 获取n天前的时间和n天后的时间
<script> // N天前时间格式 function formatDate(datetime,n) { var datetime=dateTime - (n * 3600 * 24 * 1000) var date = new Date(datetime)// 时间戳为10位需*1000,时间戳为13位的话不需乘1000 var year = date.getFullYear() var month = ('0..原创 2021-08-05 14:11:35 · 345 阅读 · 0 评论 -
JavaScript 获取当前时间并格式化时间格式
获取当前时间并格式化时间格式<script> // 时间戳格式化 function formatDate(datetime) { var date = new Date(datetime)// 时间戳为10位需*1000,时间戳为13位的话不需乘1000 var year = date.getFullYear() var month = ('0' + (date.getMonth() + 1)).slice(-2)原创 2021-08-05 13:55:58 · 2623 阅读 · 0 评论 -
JavaScript 做一个简单的选项卡
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>选项卡</title> <style> #box{ margin: 0 auto; pa...原创 2020-04-03 10:18:10 · 199 阅读 · 0 评论 -
JavaScript DOM 获取子节点
childNodes访问当前节点下所有的子节点firstChild访问子节点中的首位lastChild访问子节点中的最后一位<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>获取子节点</t...原创 2020-04-02 10:54:02 · 411 阅读 · 0 评论 -
JavaScript DOM获取元素节点的方法
DOM当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>获取元素节点的方法</title> <script&...原创 2020-04-02 10:19:41 · 164 阅读 · 0 评论 -
JavaScript BOM
JavaScript BOM浏览器对象模型(Browser Object Model (BOM))允许 JavaScript 与浏览器对话。浏览器对象模型(Browser Object Model (BOM))不存在浏览器对象模型(BOM)的官方标准。现代的浏览器已经(几乎)实现了 JavaScript 交互相同的方法和属性,因此它经常作为 BOM 的方法和属性被提到。系统对话框win...原创 2020-03-27 18:44:21 · 124 阅读 · 0 评论 -
JavaScript 秒表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>秒表</title> <script> var hour,minute,second;//时 分 秒 hour=minu...原创 2020-03-27 11:04:06 · 452 阅读 · 0 评论 -
JavaScript 用定时器写一个实时显示时间的页面
定时器格式:setInterval(函数,毫秒值);功能:每隔对应的毫秒值,执行一次传入的函数用定时器一个实时显示时间的页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>定时器</title> <...原创 2020-03-27 10:57:23 · 3244 阅读 · 0 评论 -
JavaScript 对象
一、发展历史编程语言:汇编、C语言面向过程语言编码语言:Java、C++、Javascript、Object-C、python 面向对象语言二、思想面向过程编程思想:只考虑数学逻辑。面向对象编程思想:直接将生活逻辑映射到我们的程序。分析有哪些实体设计实体属性和功能实体之间相互作用三、语法:类:一类具有相同特征事物的抽象概念对象:具体某一个个体,唯一的实例实践<!...原创 2020-03-27 10:37:58 · 97 阅读 · 0 评论 -
JavaScript 字符串
一、字符串概念概念:所有带单引号或者双引号的都叫做字符串二、字符串声明通过new运算符去声明字符串省略new声明字符串字符串常量赋值实践<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>字符串</title&g...原创 2020-03-25 15:10:45 · 86 阅读 · 0 评论 -
JavaScript 冒泡和选择排序
冒泡排序规则:前后两个数两两进行比较,如果符合交换条件就交换两个数位置。规律:冒泡排序每一轮排序,都可以找出一个较大的数,放在正确的位置。分析:比较轮数=数组长度-1;每一轮比较的次数=数组长度-当前的轮数。实践这一块我用函数把它封装起来了 方便以后使用tool.jsfunction bubbleSort(arr) { for (var i=0;i<arr.leng...原创 2020-03-24 17:08:44 · 112 阅读 · 0 评论 -
JavaScript 二维数组
二维数组:人为起的名字二维数组本质上是以数组作为数组元素的数组,即“数组的数组”,类型说明符 数组名[常量表达式][常量表达式]。二维数组又称为矩阵,行列数相等的矩阵称为方阵。对称矩阵a[i][j] = a[j][i],对角矩阵:n阶方阵主对角线外都是零元素。实践:<!DOCTYPE html><html lang="en"><head> &l...原创 2020-03-24 16:28:10 · 5453 阅读 · 0 评论 -
JavaScript 数组常用方法
一、把数组转换为字符串JavaScript 方法 toString() 把数组转换为数组值(逗号分隔)的字符串。实践<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数组方法</title> <scri...原创 2020-03-23 16:31:21 · 141 阅读 · 0 评论 -
JavaScript 函数递归
函数递归:如果大家面试的时候,面试官问你递归知识,面试官对你的要求挺高。(内存管理机制)公司明文禁止使用递归(非常危险)递归:满足以下三个特点就是递归:函数自己调用自己一般情况有参数一般情况下有return注意:递归可以解决循环能做的使用事情,有一些循环不容易解决的事情,递归也能轻松完成。递归,都可以写出来,但是不知道为什么是对的。方法:首先先找到临界值,既无需计算,...原创 2020-03-23 15:33:20 · 108 阅读 · 0 评论 -
JavaScript 函数作用域
任何程序在执行的时候都要占用内存空间内。函数调用的时候也要去占用内存空间。垃圾回收机制:调用函数的时候,系统会分配对应的空间给这个函数使用(空间大小一般情况由这个函数里声明的变量和形参决定)。当函数使用完毕以后,这个内存空间要释放,还给系统。【注】在函数内部声明的变量和形参是属于当前函数的内存空间里的。内存管理机制:在函数中声明的变量和形参,会随着函数的调用被创理,随着函数的调用结束而被...原创 2020-03-23 14:51:25 · 95 阅读 · 0 评论 -
JavaScript 函数 arguments
arguments每一个函数内部都有一个arguments,系统内置的。arguments是用来存储实际传入的参数。属性:arguments.length 输出当前里面存储的参数个数访问某一个数据: arguments[下标]; 注:下标是从0开始的。先使用形参,除非特殊情况实践:<!DOCTYPE html><html lang="en"&g...原创 2020-03-23 14:33:10 · 77 阅读 · 0 评论 -
JavaScript 函数
JavaScript 函数函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。作用:使程序变得简短而清晰有利于程序维护可以提高程序开发效率提高了代码的重用性(复用性)语法:function 函数名(){ 函数体(具体要执行的代码);}...原创 2020-03-21 20:09:43 · 250 阅读 · 0 评论 -
JavaScript Break 和 Continue 语句
JavaScript Break 和 Continue 语句break 语句用于跳出循环。continue 用于跳过循环中的一个迭代。break<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Break</title&...原创 2020-03-21 16:18:13 · 154 阅读 · 0 评论 -
JavaScript do_while 循环和for循环
do_while语法:do { 需要执行的代码 } while (条件);实践<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>do_while</title> <script&g...原创 2020-03-21 15:56:44 · 145 阅读 · 0 评论 -
JavaScript while循环
循环的意义为什么要循环**计算机很笨!**笨到我们不给它编写程序去做具体的事情,它什么都不会。**计算机很快!**快到每秒钟百亿次的计算量。发展到现在也是一样,当我们需要计算机的时候,大多数让他干的是重复性的工作,这些重复性的工作有着极其相似的代码,比如,输出10次hello world’;while 循环while 循环会在指定条件为真时循环执行代码块。语法:while (条件)...原创 2020-03-21 15:16:32 · 320 阅读 · 0 评论 -
JavaScript 三目运算符
三目运算符:格式:表达式1?表达式2:表达式3;执行:1、先去判断表达式1是否为真2、表达式1为真,直接去执行表达式23、表达式1为假,直接去执行表达式3注意:本质是一个双分支语句。如果是双分支最好用三目运算符这样简单实战<!DOCTYPE html><html lang="en"><head> <meta charset=...原创 2020-03-21 12:41:05 · 404 阅读 · 0 评论 -
Javascript 单分支、双分支和多分支语句
分支语句/选择语句/条件语句:根据不同的选择 ,执行不同的内容。单分支单分支语法:if(判断的条件){ 执行语句;(判断条件为true的时候执行)}双分支分支语法:if(判断的条件){ 执行语句;(判断条件为true的时候执行)}else{ 执行语句;(判断条件为false的时候执行)}注意:if()里面的可以写任何的表达式,都会自动数据类型转化成布尔值。<!D...原创 2020-03-21 12:14:22 · 2977 阅读 · 0 评论 -
JavaScript(三)JavaScript 运算符
原创 2020-03-02 16:50:58 · 84 阅读 · 0 评论 -
JavaScript(二)常量和变量
JavaScript 常量 数据类型:undefined undefined类型只有一个值,即undefined。当声明的变量还未被初始化时,变量的默认值为undefined。null Null类型也只有一个值...原创 2020-03-02 16:01:31 · 68 阅读 · 0 评论 -
JavaScript——JavaScript基础知识
1、什么是JavaScript?基于对象和事件驱动,并具有安全性能的脚本语言2、JavaScript的特点可以向HTML页面中添加交互行为脚本语言,语法与java语法类似解释性语言,边执行边解释3、JavaScript的组成ECMAScript 标准DOM Document Object Model 文档对象模型BOM Browser Ob...原创 2020-03-02 15:49:25 · 83 阅读 · 0 评论