![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 56
打酱油的女孩子
修德,承担,奉献,勤奋,自律
展开
-
promise 读书笔记,promise核心方法(手写promise)
promise 术语1 promise 是一个有then方法的对象或者函数,行为遵循PromiseA+规范2 thenable 是一个有then方法的函数或者对象3 value promise 状态成功时的值,resolve 的参数,number boolean undefined promise4 reason promise 状态失败时的值, reject的参数5 exception 异常值promise的各种状态1 pending1.1 初始状态 可改变1.2 一个promise在r原创 2022-04-10 15:11:03 · 424 阅读 · 0 评论 -
echarts饼状图实现不同icon
echarts饼状图实现不同icon引入图片1.1引入图片1.1import img1 from '@/assets/img/power.png'import img2 from '@/assets/img/underPan.png'import img3 from '@/assets/img/assist.png'import img4 from '@/assets/img/control.png'import img5 from '@/assets/img/other.png'cons原创 2021-06-10 14:28:05 · 650 阅读 · 0 评论 -
reduce
1 reducereduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。对空数组是不会执行回调函数的。1.1 语法// 1.数组求和var arr = [1,5,8,6,15,78,65,25,48,55]var sum = arr.reduce(function(total,currentValue){ return total+currentValue;});console.log(sum);//306//2.合并二维数组var t原创 2021-01-10 13:34:04 · 233 阅读 · 0 评论 -
将ES6代码转换为ES5代码
ES6 代码转为 ES5 代码(一)单个js文件解码1 命令在项目目录中,安装Babel2 配置文件.babelrc3 安装转码规则4 配置.babelrc5 命令行转码6 控制台转码输出(不常用)7 将转码结果写入一个文件(二)整个目录转码注意:转码不是必须的,看自己的需求,转码是为了兼容低版本的浏览器Babel 是一个广泛使用的ES6转码器,可以将ES6转化为ES5##安装步骤(前提安装了Nodejs)注:没安装cnpm下面的cnpm就用npm就可以(一)单个js文件解码1 命令在项目目录中原创 2020-09-24 21:29:32 · 1429 阅读 · 0 评论 -
jQuery介绍(一)
jquery介绍 (一) 1 jQuery介绍2 $的使用3 jQuery中的入口函数介绍4 js原生对象和jQuery对象的相互转换5 jQuery的选择器介绍6 jQuery的选择器介绍-27 jQuery的选择器介绍-38 jQuery的选择器介绍-49 jQuery常用方法-html-text10 jQuery常用方法-val11 jQuery常用方法-attr-prop12 jQuery常用方法-removeAttr-removeProp13 jQuery常用方法-css14 jQuery常用方法原创 2020-08-30 20:42:53 · 137 阅读 · 0 评论 -
初识JavaScript (二十一)
初识JavaScript(二十一)1 instanceof操作符1 instanceof操作符 Title## 二级目录### 三级目录原创 2020-08-30 20:11:09 · 76 阅读 · 0 评论 -
初识JavaScript (二十)
初识JavaScript(二十)1 构造函数的执行过程2 构造函数的优缺点3 函数的原型对象4 为何对象可以访问原型中的内容?5 this的阶段总结6 原型练习7 js中的继承8 借用构造函数继承9 原型链继承10 组合继承11 类型的静态方法12 构造函数原型图1 构造函数的执行过程构造函数的执行过程:通过代码调试:debug过程。断点调试:breakpointbug:代表了程序中的错误。原意是臭虫的意思。调试按钮:step:逐步执行代码,执行下一行代码。遇到方法调用,会进入方法内执行。s原创 2020-08-30 17:24:46 · 75 阅读 · 0 评论 -
初识JavaScript (十九)
初识JavaScript (十九)1 正则的分组2 正则的exec方法3 正则的贪婪和懒惰模式4 正则练习5 算法-数组去重indexOf6 算法-数组去重-splice7 算法-数组去重-哈希8 算法—排序—冒泡9 算法—排序—选择排序9 算法—排序—插入排序10 算法—排序—快排11 算法—查找—二分查找12 JSON介绍13 面向对象介绍14 通过构造函数创建对象15 构造函数练习16 构造函数和普通函数的区别1 正则的分组正则的分组:1: 可以将正则的一部分或者是整体使用小括号括起来,作为一组原创 2020-08-30 10:58:51 · 240 阅读 · 0 评论 -
初识JavaScript (十八)
初识JavaScript (十八)1 函数对象的方法-call-apply-bind2 void在超链接中的应用3 引入正则表达式4 正则的介绍5 正则的创建6 正则的构成9 split方法10 replace方法11 match方法12 search方法1 函数对象的方法-call-apply-bind重点:this:关键字:代表了当前对象。a:在事件使用。代表了当前正在触发执行事件函数的元素对象。b:全局定义的函数中,或者全局作用域下的this代表了当前window对象。如下的的代码中,两个原创 2020-08-30 10:23:39 · 6730 阅读 · 0 评论 -
初识JavaScript (十七)
1 服务器收到请求信息之后的处理<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><form action="4.ok.html"> 用户名:<input type="text" name="uname"> &原创 2020-08-27 21:56:48 · 139 阅读 · 0 评论 -
初识JavaScript (十六)
这里写目录标题1 移动端事件介绍2 移动端事件属性3 BOM介绍4 window对象介绍5 window对象的常用方法-alert-confirm-prompt-isNaN-isFinite6 window对象的常用方法-open7 window对象常用方法-close8 5秒倒计时关闭当前窗口9 定时器方法-setInterval10 计时牌11 计时牌优化12 移动的广告牌13 定时器方法-setTimeOut141 移动端事件介绍移动设备事件介绍:1:touchstart:第一次触摸屏幕的时候触原创 2020-08-26 11:04:28 · 184 阅读 · 0 评论 -
初识JavaScript (十五)事件
初识JavaScript (十六)事件1 表单事件-focus-blur2 表单事件-input-change3 单选-复选-下拉列表的change事件4 表单事件-submit-reset5 键盘事件总结6 滚动事件7 鼠标滚轮事件8 文档事件-load9 文档事件-error10 文档事件-DOMContentLoaded11 文档事件-readystatechange12 文档加载过程练习13 事件委托-重点1 表单事件-focus-blur重点:表单事件:onfocus:表单元素获得焦点事件原创 2020-08-25 08:52:59 · 243 阅读 · 0 评论 -
js实现一个简易计算器
计算器的实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div { width: 200px; height: 280px; border: solid 1px red;原创 2020-08-24 21:53:05 · 1484 阅读 · 2 评论 -
初识javaScript(十四)事件
事件1 事件对象的捕获2 事件对象属性 type3 事件对象属性 altKey,shiftKey、ctrlKey4 事件对象属性-keyCode5 事件对象属性-clientX、clientY、pageX、pageY6 事件对象属性offsetX、offsetY、screenX、screenY7 事件对象属性-currentTarget8 事件对象属性-target9 事件对象属性-target的兼容问题10 事件对象属性-bubbles11 事件对象属性-key1 事件对象的捕获事件对象:event原创 2020-08-24 21:49:46 · 149 阅读 · 0 评论 -
初识javaScript(十三)事件
事件1 事件2 事件的处理方式3 DOM0级事件处理程序4 DOM0级事件处理程序5 事件流6 DOM2-IE下的程序处理方式8 DOM2事件处理程序的兼容写法1 事件事件:页面中的对象或者是页面的用户的一些行为。事件的分类:1:鼠标事件单击:click双击:dbclick鼠标移入:mouseenter鼠标移出:mouseout滚轮2:键盘事件键盘按键按下:keydown、keypress按键松开:keyup3:文档事件:文档加载完成 load表单内容改变:change表单原创 2020-08-24 21:31:39 · 145 阅读 · 0 评论 -
初识javaScript(十二)DOM
初识JavaScript1 定时器方法2 DOM操作行内样式3 通过style的方法来操作样式4 内部样式和外部样式的获取5 DOM常用方法-createElement-appendChild DOM常用方法:6 appendChild的特殊用法7 createTextNode8 insertBefore9 removeChild10 cloneNode11 replaceChild12 contains13 hasChildNodes14 isEqualNode15 DOM元素对象常用属性-offse原创 2020-08-24 21:24:57 · 159 阅读 · 0 评论 -
实现任意个球在窗口中四处乱碰的效果。
实现任意个球在窗口中四处乱碰的效果。点击按钮,每次可以添加一个小球核心代码如下:<body><div id="one_box"></div><br><button>点击添加小球</button><script> var divs=document.querySelectorAll("div"); var one_box=document.getElementById("one_box");原创 2020-08-17 18:18:31 · 149 阅读 · 0 评论 -
初识javaScript(十一)DOM
初识javaScript(十一)DOM1 DOM介绍2 页面节点的属性介绍3 DOM获取页面元素节点的方式4 getElementsByTagNamequerySelectorAll的区别 getElementsByTagName和querySelectorAll的区别5 元素节点中内容的操作6 属性节点的获取7 属性节点的属性值的获取8 属性值的设置9 class属性的操作10 selected和checked属性的操作11 属性节点的创建12 属性节点的删除13 节点之间的关系14 元素节点之间的关系1原创 2020-08-09 16:41:53 · 180 阅读 · 0 评论 -
初识javaScript(九)对象(二)
初识JavaScript(九)对象(二)1 Math对象2 Date对象3 String对象简介4 String对象的创建方式5 String对象的访问方式-类数组方式6 String的遍历7 String的特点8 String的方法9 String的方法210 Global对象1 Math对象Math 对象。1:js的内置对象,工具对象,定义了大量的静态方法。用于数学计算的。还有和数学计算相关的常量。2:常量。Math.E // 返回欧拉指数(Euler’s number)原创 2020-08-09 11:22:07 · 83 阅读 · 0 评论 -
初识javaScript(八)对象(一)
初识javaScript(八)对象(一)1 对象的相关概念2 js中的对象的基本定义形式3 对象的键和值的说明4 访问对象的值5 创建对象的方式6 对象赋值传引用7 对对象的键值对的操作8 遍历对象的键值对9 对象数组排序10 in、with关键字11 Object对象12 Number对象13 Boolean对象1 对象的相关概念类型(类):对象的【抽象】(不具体)的描述。人、树、学生、动物、鱼、自行车。对象:类型的一个【具体】的实例。小花、李世民种的那颗银杏树、我家的那只泰迪。我曾经的那条金原创 2020-08-09 11:05:19 · 82 阅读 · 0 评论 -
初识javaScript(七)数组(二)
数组(二)1 静态函数与实例函数2 push与pop3 unshift与shift4 join5 indexOf-lastIndexOf6 slice7 splice8 reverse9 sort10 map11 filter12 find-findIndex13 some、every、includes、concat14 多维数组15 冒泡排序1 静态函数与实例函数自定义函数、js的内置函数。Math.random(); 属于Math对象的。isNaN():window对象Array.isArra原创 2020-08-05 09:53:50 · 114 阅读 · 0 评论 -
初识javaScript(六)数组(一)
数组1引入数组2 数组的定义和特点3 in关键字介绍4 数组的length属性5 数组的初始化方式6 数组的元素的操作7 数组传引用8 数组的遍历9 类数组对象介绍10 数组练习1引入数组需求:随机得到10个学生的分数。然后求学生的总分和平均分。<body><script> const COUNT = 10; const MIN_SCORE = 60; const MAX_SCORE = 101; //定义数组,空数组。 var scores原创 2020-08-04 08:43:44 · 228 阅读 · 0 评论 -
初识javaScript(五)函数(二)
初识javaScript(六)函数(二)1 函数的执行符2 函数的属性和方法介绍3 函数的arguments对象4 递归5 使用arguements实现递归1 函数的执行符<body><script> //第二种定义函数的方式 //log 对象变量、对象引用。指向了堆内存中的一个匿名函数。 var log = function (msg) { console.log (msg); } function show(){原创 2020-08-04 08:25:43 · 103 阅读 · 0 评论 -
初识javaScript(四)函数
1 函数的引入需求:使用嵌套循环,打印指定宽高的 * 号矩形。代码中出现了严重的冗余现象,去冗余的过程:1:将重复的代码,放到一个独立的空间内。给该代码起一个名字。然后再需要使用的地方,通过名字来访问该代码。函数好处:1:方便代码的复用。2:方便代码的维护<body><script> //单独的存放代码的空间。 function printStarRect(width,height) { for (var i = 0; i <width ; i++原创 2020-08-03 09:30:31 · 131 阅读 · 0 评论 -
初识javaScript(三)
类型转换定义任何语言中,都有一条规则,那就是不同种类的数据不能一起进行运算,如果需要不同类型之间的数据进行混合运算,那么需要将不同种类的数据, 转换为同类型的数据之后才能运算。 这就是所谓的类型转换。分类(1)显示类型转换|强制类型转换(程序员通过js代码进行类型转换)(2)隐式类型转换(对于程序员式透明的,不需要参与)注:所有的隐式转换都是在底层完成的。js引擎,所有转换都是依赖函数来完成的,也是依赖Number、Boolean、String.Number 显示类型转换显示类型转换:转换为原创 2020-07-28 23:29:55 · 296 阅读 · 1 评论