JavaScript基础
文章平均质量分 80
庸人费心将是消磨时光,能人费尽心计利用时间。因为一定要追逐幸福,所以难免要接触痛苦。
知其黑、受其白
每个优秀的人,都有一段沉默的时光,那段时光,是付出了很多努力,却得不到结果的日子,我们把它叫做扎根。
你可以从别人那里汲取某些思想,但必须用你自己的方式加以思考!
展开
-
jQuery“ $ variable”与javascript“ var” 简单变量声明的困惑
jQuery“ $ variable”与javascript“ var” 简单变量声明的困惑原创 2023-02-02 11:23:00 · 142 阅读 · 0 评论 -
JavaScript 中改变 this 的指向
JavaScript 中改变 this 的指向原创 2022-10-11 17:56:11 · 346 阅读 · 0 评论 -
Node.js 的 commonJS 规范 ES6 导入 js 文件
Node.js 的 commonJS 规范 ES6 导入 js 文件原创 2022-10-11 17:22:14 · 1090 阅读 · 0 评论 -
JavaScript 数据类型
JavaScript 数据类型原创 2022-10-10 18:53:17 · 367 阅读 · 0 评论 -
JavaScript 同步与异步
JavaScript 同步与异步原创 2022-10-10 11:11:27 · 117 阅读 · 0 评论 -
New Promise() 基础
New Promise() 基础原创 2022-10-08 15:13:41 · 27571 阅读 · 0 评论 -
JavaScript调试技巧
JavaScript调试技巧原创 2022-09-07 10:34:18 · 389 阅读 · 0 评论 -
js 函数表达式
js 函数表达式原创 2022-08-11 10:21:43 · 165 阅读 · 0 评论 -
JavaScript DOM总结(文档事件)
JavaScript DOM总结...原创 2022-07-12 10:38:25 · 287 阅读 · 0 评论 -
JavaScript 常用实例
JavaScript 常用实例...原创 2022-07-01 17:09:21 · 2096 阅读 · 0 评论 -
JavaScript统计图表插件 Echarts
JavaScript统计图表插件 Echarts...原创 2022-06-30 17:30:33 · 801 阅读 · 0 评论 -
javaScript数组和对象相互转换
JavaScript数组和对象相互转换...原创 2022-06-28 11:03:30 · 738 阅读 · 0 评论 -
javaScript 数组对象取出某一列
javascript 数据对象取出一列...原创 2022-06-28 10:54:58 · 4319 阅读 · 0 评论 -
JavaScript的数学计算库:decimal.js
JavaScript组件库的运用...原创 2022-06-15 10:14:39 · 4224 阅读 · 0 评论 -
JavaScript 快速应用基本类型、window、计时器、Cookie
阅读目录JavaScript Number 对象精度二进制、八进制、十六进制无穷大(Infinity)NaN – 非数字值数字可以是数字或者对象Number 属性数字方法数字类型原型上的一些方法JavaScript 字符串(String)对象字符串(String)在字符串中查找字符串内容匹配替换内容字符串大小写转换字符串转为数组特殊字符字符串属性和方法JavaScript Date(日期)对象设置日期两个日期比较JavaScript Array(数组)对象创建一个数组访问数组在一个数组中你可以有不同的对象原创 2022-05-19 15:05:03 · 450 阅读 · 0 评论 -
JavaScript RegExp 对象
阅读目录RegExp 对象修饰符JavaScript RegExp i 修饰符JavaScript RegExp g 修饰符方括号JavaScript RegExp [abc] 表达式JavaScript RegExp [^abc] 表达式元字符JavaScript RegExp . 元字符JavaScript RegExp \w 元字符JavaScript RegExp \W 元字符JavaScript RegExp \d 元字符JavaScript RegExp \D 元字符JavaScript Reg原创 2022-05-19 11:39:27 · 731 阅读 · 0 评论 -
JavaScript 常用技巧
阅读目录对象属性操作对象通过动态属性名称取值根据条件向对象添加属性检查属性是否存在对象中使用动态键进行对象解构扁平化数组值操作空值合并 `??` 操作符可选链 `?.`字符串和整数转换使用 ` !! ` 操作符检查数组中的假值Object.entries数字分隔符replaceAll 方法逻辑赋值运算符编辑页面上的任何内容对象属性操作对象通过动态属性名称取值使用动态键设置对象属性很简单。只需使用 ['key name'] 来添加属性:const dynamic = 'flavour';var i原创 2022-04-14 18:54:20 · 556 阅读 · 0 评论 -
JavaScript Array 对象
阅读目录Array 对象什么是数组?创建一个数组访问数组在一个数组中你可以有不同的对象数组方法和属性创建新方法示例数组属性JavaScript constructor 属性JavaScript prototype 属性 构造器Array 对象方法JavaScript concat() 方法JavaScript copyWithin() 方法实例 1实例2JavaScript entries() 方法JavaScript every() 方法实例1实例2JavaScript fill() 方法实例1实例2Ja原创 2022-04-13 19:12:02 · 497 阅读 · 0 评论 -
JavaScript 动态表格操作
阅读目录JavaScript 动态创建表格第一种示例第二种示例示例解析表格相关的属性和方法1.1 Table 对象集合1.2 Table 对象方法1.3 Table 对象常用属性1.4 TableRow 对象TableRow 对象方法TableRow 对象属性1.5 TableCell 对象TableCell 对象属性JavaScript 实现点击显示和隐藏表格技术解答JavaScript 实现动态克隆一个表格技术解答JavaScript 实现动态点击改变单元格颜色技术解答JavaScript 动态创建表原创 2022-04-13 15:08:41 · 5186 阅读 · 0 评论 -
JavaScript 表格小游戏
阅读目录JavaScript 实现表格配对小游戏源码JavaScript 实现动态显示表格数据源码源码解析JavaScript 实现表格配对小游戏实例描述:当用户点击两个相同的图案或字符后配对成功,全部配对成功后游戏获胜。案例 008 采用了大家常见的小游戏来帮助大家提高应用JS解决实际问题的能力,需要说明的是该案例在很大程度上做了简化,大家课下练习的时候可以发挥自己的想象力进一步来完善该游戏。源码<!DOCTYPE html><html lang="en"><原创 2022-04-13 12:00:17 · 426 阅读 · 1 评论 -
JavaScript 遍历 from 表单所有控件
阅读目录JavaScript 遍历 from 表单所有控件 源码源码解析JavaScript 访问表单(四种方法)源码解析JavaScript 遍历 from 表单所有控件 源码<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>演示文档</title><style type="text/css">/* input{bac原创 2022-04-13 11:41:11 · 1497 阅读 · 0 评论 -
JavaScript 正则
阅读目录正则表达式准备工作复习学过的字符串常用操作方法创建正则表达式的两种方法修饰符方括号元字符量词JavaScript 实现过滤HTML标签JavaScript 验证电话号码(可选区号)和邮箱验证电话号码验证邮箱正则表达式RegExp 对象表示正则表达式,它是对字符串执行模式匹配的强大工具。正则表达式简洁且功能强大,通常用来匹配字符串,比如在表单验证中检验用户输入是否合法。它并不仅仅在JavaScript中可以使用,众多的高级编程语言都支持正则表达式。接下来我们通过一个简单是实例来体会正则表达式的原创 2022-04-13 11:30:25 · 148 阅读 · 0 评论 -
Css & JavaScript & jquery 实现选项卡的制作
阅读目录Css 源码源码解析JavaScript 源码JavaScript 源码解析jQuery源码jQuery 源码解析Css 源码<!DOCTYPE html><html lang="en"><style></style><head><meta charset="UTF-8"><title>演示文档</title><style>*{margin:0;padding: 0;}原创 2022-04-13 10:30:49 · 813 阅读 · 0 评论 -
JavaScript事件冒泡和事件捕获
阅读目录总结事件冒泡和事件捕获HTML结构需求:鼠标放到 li上对应的 li 背景变灰源码总结它是描述事件触发时序问题的术语。事件捕获指的是从 document 到触发事件的那个节点,即自上而下的去触发事件。相反的,事件冒泡是自下而上的去触发事件。绑定事件方法的第三个参数,就是控制事件触发顺序是否为事件捕获。true,事件捕获;false,事件冒泡。默认false,即事件冒泡。1、事件冒泡是什么?先 child,然后 parent。事件的触发顺序自内向外,这就是事件冒泡。2、事件捕获是原创 2022-04-12 19:39:04 · 1933 阅读 · 1 评论 -
JavaScript插件 图片裁剪photoClip
阅读目录JavaScript插件图片裁剪 photoClip1、截图2、代码后台接收并处理图片代码JavaScript插件图片裁剪 photoClip页面裁剪图片得到 base64 格式的图片数据,然后把这个数据通过 ajax 上传给服务器,服务器将 base64 图片数据解析成图片并且保存到服务器上面,并且返回图片在服务器上的地址。1、截图2、代码源码:https://download.csdn.net/download/weiguang102/85117408<!DOCTYPE ht原创 2022-04-12 18:51:12 · 707 阅读 · 0 评论 -
JavaScript 运算符数据类型
阅读目录运算符1、自增运算符2、分别赋值3、求多次方4、js 中逻辑运算符数据类型1、数据类型2、强制类型转换运算符1、自增运算符let a=11;alert(++a);2、分别赋值let a,b=12,13; //报错对象的解构赋值let {name,age} = {name : '铁扇公主', age : 35};console.log(name,age);数组的解构赋值let [, b, c, d] = ['abc', 23, true];console.log(b, c原创 2022-04-11 15:26:57 · 456 阅读 · 0 评论 -
JavaScript if判断、三元运算符、循环
阅读目录if 判断三元运算符循环结构while 循环for 循环for 循环数组循环字符串if 判断let score=162;if(score>=80){ alert("优秀");}else if(score>=60){ alert("及格");}else{ alert("不及格");}三元运算符let a=110;let b=20;let max_num = a>b ? a : b;alert(max_num);循环结构whi原创 2022-04-11 15:00:57 · 532 阅读 · 0 评论 -
JavaScript 索引、关联、对象数组增删改查循环
阅读目录索引数组增删改查循环关联数组增循环对象增删改查循环JavaScript中数组元素删除1、length2、delete 关键字3、栈方法4、队列方法5、操作方法6、迭代方法7、原型方法reverse 将数组反序类数组对象转换成数组slice() 方法可从已有的数组中返回选定的元素Array.from() 类数组转换为数组扩展运算符jquery 的 $.makeArray()JavaScript数组常用方法includes() 判断一个数组是否包含一个指定的值fill() 固定值填充一个数组find()原创 2022-04-11 14:46:34 · 1127 阅读 · 0 评论 -
JavaScript undefined 与 null 的区别
阅读目录阐述一、相似性二、历史原因三、最初设计四、目前的用法null 表示"没有对象",即该处不应该有值。典型用法是:undefined 表示 "缺少值",就是此处应该有一个值,但是还没有定义。典型用法是:阐述大多数计算机语言,有且仅有一个表示 “无” 的值,比如,C语言的 NULL,Java 语言的null,Python语言的None,Ruby语言的 nil。有点奇怪的是,JavaScript语言居然有两个表示"无"的值:undefined 和 null。这是为什么?一、相似性在JavaScri原创 2022-04-11 14:20:35 · 291 阅读 · 0 评论 -
JavaScript 原型与原型链
阅读目录阐述prototype 属性`__proto__`constructor实例与原型原型的原型原型链阐述【prototype属性】:在JavaScript中,每个对象都有一个 prototype 属性,这个属性指向函数的原型对象。prototype 属性在JavaScript中,每个函数都有一个 prototype 属性,这个属性指向函数的原型对象。让我们用一张图表示构造函数和实例原型之间的关系:例如:<!DOCTYPE html><html lang="en"&原创 2022-04-11 13:18:10 · 173 阅读 · 0 评论 -
JavaScript 数组、对象数组排序
阅读目录1、对索引数组排序正序倒序2、对关联数组排序3、对象数组排序,对象里面的元素按照年纪排序1、对索引数组排序正序sort 方法默认是按照 unicode 编码进行排序,而不是按照数字进行排序。let arr=[34,511,1,3,64,8];arr.sort(function(a,b){ return a-b;});console.log(arr);倒序let arr=[34,511,1,3,64,8];arr.sort(function(a,b){ retu原创 2022-04-11 11:03:32 · 622 阅读 · 0 评论 -
常用的 DOM 方法
阅读目录HTML DOM 树问题DOM对象常用对象的方法和属性HTML文档中的常用节点类型常用的Document的方法Element常用的属性和方法Node常用的属性和方法DOM对象的常用方法示例1、document 对象2、location3、innerText,innerHTML4、Element 元素5、Element 创建和添加元素6、属性操作DOM 事件处理DOM0级事件处理DOM2级事件处理程序创建DOM节点、添加DOM节点、设置节点属性测试代码DOM中Event 对象使用获取鼠标哪个键的点击获原创 2022-04-08 11:58:16 · 1652 阅读 · 0 评论 -
JavaScript 箭头函数与普通函数
阅读目录箭头函数没有自己的 this,与外层函数保持一致思考题:下面的代码会输出什么?箭头函数不能作为构造函数箭头函数没有 arguments 对象箭头函数和普通函数共有的 length 属性箭头函数没有自己的 this,与外层函数保持一致所有函数在执行时,会创建一个函数执行上下文,普通函数的执行上下文中会有一个变量 this,而箭头函数没有。箭头函数中如果出现了 this ,它会永远去拿定义时、作用域链上、最近的那个 this,比如下面 demo 中,取的就是全局执行环境中的 this,指向全局对象原创 2022-04-02 19:14:55 · 1056 阅读 · 0 评论 -
JavaScript 中 call()、apply()、bind() 的用法
阅读目录阐述例 1例 21,call()、apply()、bind() 都是用来重定义 this 这个对象2,对比 call 、bind 、 apply 传参阐述比较一下两个例子 this 的差别,第一个打印里面的 this 指向 obj,第二个全局声明的 shows() 函数 this 是 window ;例 1<script>var name = "小王",age=17;var obj = { name:"小张", objAage:this.age, myFun:fun原创 2022-04-02 18:42:54 · 83 阅读 · 0 评论 -
Echarts 可视化之漏斗图、仪表盘
阅读目录1、仪表盘2、漏斗图1、仪表盘仪表盘是一种表示事件进度的可视化图,在Echarts中,绘制仪表盘需要先将 series 中的 type 参数 1 值设置为 gauge 。<!DOCTYPE html><html><head> <meta charset="'utf-8"> <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js">&原创 2022-04-01 18:06:09 · 1924 阅读 · 1 评论 -
JavaScript 随机生成指定字符串长度
阅读目录预览源码预览源码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script>var str='0123456789abcdefjhegklmnopqrstuvwxyz';var password=' ';var原创 2022-04-01 13:06:05 · 1252 阅读 · 0 评论 -
jQuery 99乘法表
阅读目录预览源码预览源码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script>var str="";for (var i=1;i<=9;i++){ for (var j=1;j<=i;j++){原创 2022-04-01 13:00:55 · 486 阅读 · 0 评论 -
js 根据日期的不同时间段,做问候语:中午好,下午好,早上好
阅读目录预览源码预览源码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script>var date=new Date();var year=date.getFullYear();var month=date.getMo原创 2022-04-01 12:58:03 · 2886 阅读 · 1 评论 -
jQuery 字符串操作
阅读目录需求源码需求给定一个字符串例如:“abaasdffggghhjjkkgfddsssss3444343”;问题如下:1、字符串的字节长度2、取出指定位置的字符,如:0,3,5,9等3、查找指定字符是否在以上字符串中存在,如:i,c ,b等4、替换指定的字符,如:g替换为22,ss替换为b等操作方法5、截取指定开始位置到结束位置的字符串,如:取得1-5的字符串6、找出以上字符串中出现次数最多的字符和出现的次数7、遍历字符串,并将遍历出的字符两头添加符号“@”输出至当前的文档页面。原创 2022-04-01 12:51:07 · 1540 阅读 · 0 评论 -
jQuery 实现数据校验提交界面
阅读目录预览源码预览jQuery 实现数据校验提交界面(正则表达式输入框格式限制,邮箱格式限制,下拉列表)源码<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><style>form{ align-content: center;}</style><script&g原创 2022-04-01 12:45:01 · 292 阅读 · 0 评论