![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 67
mustang(野马)
I'm 1600834563
展开
-
Promise 与 async/await
二级标题<!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&g原创 2022-04-05 19:21:17 · 436 阅读 · 0 评论 -
三维数组
var arr=[];for (var i=0;i<10;i++){ arr[i]=[]; //这里的i就是下标/索引 for(var j=0;j<10;j++){ arr[i][j]=[]; for (var f=0;f<10;f++){ arr[i][j][f]=i*100+j*10+f; ...原创 2019-05-29 15:28:17 · 252 阅读 · 0 评论 -
二维数组的构建
var arr=[];for (var i=0;i<10;i++){ arr[i]=[]; //这里的i就是下标/索引 for(var j=0;j<10;j++){ arr[i][j]=i*10+j; //在arr[i]的数值中第j下标对应添加一个数值为i*10+j; }}console.log(arr);console...原创 2019-05-29 15:31:59 · 928 阅读 · 0 评论 -
给对象添加属性
方法1:通过字面量创建对象并且添加属性var obj = {}obj.name = "小明";obj.age = "18";console.log(obj)**方法2:通过构造函数创建对象并且添加属性**function obj(name,age){ this.name = name; this.age = age;}var ren = new obj...原创 2019-06-24 20:03:04 · 2105 阅读 · 0 评论 -
学习JavaScript初步要掌握的知识点(后续更新)
1、JavaScript的DOM对象2、独立完成JavaScript特效,比如:banner图(轮播图),选项卡,倒计时…?3、事件委托(又称:事件代理)4、面向对象?5、构造函数?6、addEventListener和onclick之间的差别7、浏览器的默认行为及如何阻止默认行为8、变量命名方式规范,驼峰命名法或其他命名法9、面向对象实现的案例10、ES611、字符串拼接HT...原创 2019-06-24 20:07:01 · 125 阅读 · 0 评论 -
jQuery选择器(基础选择器、进阶选择器)
jQuery选择器,基础选择器、进阶选择器<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-06-24 23:08:33 · 207 阅读 · 0 评论 -
自定义事件, EvenTarget
佳佳基原创 2019-06-28 20:39:23 · 393 阅读 · 0 评论 -
object对象的介绍
object对象的介绍认识类,类名,类的链式关系,子类,超类,父类,基类类与对象的关系构造函数,实例化入口,对象属性的添加,赋值,对象属性与原型属性的差别原型链万物皆对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta nam...原创 2019-06-28 20:46:11 · 423 阅读 · 0 评论 -
对象的创建,三种方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-06-28 21:07:06 · 124 阅读 · 0 评论 -
js 对象的复制
浅复制,4种方法//复制对象,复制是切断了引用关系 // var div=document.createElement("div"); //创建DOM元素// Object.assign(div.style,{ //object样式的复制,把后面复制到前面// })var obj={ a:1, b:2, c:[1,2,3,4]}// v...原创 2019-06-28 22:48:28 · 12946 阅读 · 0 评论 -
bind、call、apply三者的区别,还有bind()的封装
1.bind、call、apply三者的区别: 1)bind的返回值是一个函数体,不会被立即调用 2)call、apply会立即调用,第一个参数都是用来改变this的指向,两者的区别是前者传递参数的时候是一个一个传递,后者是以一个数组的形式传递 3)bind、call、apply这三个方法都属于函数(Function)的方法2.bind的封装:bind的特点:(1)返回一个函数体(...原创 2019-07-19 11:19:29 · 240 阅读 · 0 评论 -
this的指向
一、this的指向1.谁调用该函数this的指向就指向谁2.回调函数中的this的指向永远指向window3.this指向当前的作用域,即离他最近的大括号4.箭头函数的this的指向会指向离自己最近的作用域5.构造函数中的this指向实例化对象6.箭头函数本身是没有this的指向7.在严格模式下,普通函数或匿名函数的this指向undefined,但是定时器和箭头函数中的this还是...原创 2019-07-19 11:26:49 · 120 阅读 · 0 评论 -
javaScript遍历对象总结(持续更新)
javaScript遍历对象总结在日常工作过程中,我们对于javaScript遍历对象,今天抽空把经常用到的方法小结一下,方便今后参考使用!1、使用Object.keys()遍历 返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含Symbol属性).var obj = {'0':'a','1':'b','2':'c'};Object.keys(...原创 2019-07-29 15:01:32 · 560 阅读 · 0 评论 -
promise的理解已经利用promise实现图片的预加载(顺序加载)
1、先介绍一下面向对象的函数图片预加载写法var num=3;//这个定义为3是因为图片名称定义,在给图片起名一般是其他是固定,同一个位置修改为不同数字var list=[];//空数组用来存加载完成的init();function init(){var img=new Image(); //创建一个Image对象img.addEventListener("load",loadHand...原创 2019-07-24 22:18:42 · 4111 阅读 · 1 评论 -
innerHTML与outerHTML 的区别?
1.innerHTML<body> <p>你好</p> <div id="test"><h5>就是喜欢你</h5></div> <script type="text/javascript"> var hj=document.getElementById("test").innerHT...原创 2019-07-25 22:35:00 · 746 阅读 · 0 评论 -
export ,export default 和 import 区别 以及用法
首先要知道export,import ,export default是什么ES6模块主要有两个功能:export和importexport用于对外输出本模块(一个文件可以理解为一个模块)变量的接口import用于在一个模块中加载另一个含有export接口的模块。也就是说使用export命令定义了模块的对外接口以后,其他JS文件就可以通过import命令加载这个模块(文件)。这几个都是ES6...原创 2019-07-31 17:52:07 · 256 阅读 · 0 评论 -
案例模拟使用数据(用到 json-server)(继续更...)
1、安装json-server全局安装 cnpm install json-server -g2、安装完成后可以用 json-server -h 命令检查是否安装成功,成功后会出现3、在项目内创建一个data问价夹,在该文件夹内创建data.json文件在data.json 文件内写在该文件的data 数组中写 需要模拟是的数据4、执行 json-server...原创 2019-08-01 11:32:33 · 284 阅读 · 0 评论 -
在此总结一下this向的问题
关于this的指向问题概要在javascript当中每一个function都是一个对象,this是javascript语言的一个关键字。它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用this出现的场景分为四类1、有对象就指向调用对象2、没调用对象就指向全局对象:window是js中的全局对象3、用new构造就指向新对象4、通过apply或者call或bind来改变thi...原创 2019-08-01 21:06:15 · 94 阅读 · 0 评论 -
DOM/查找
4、DOM节点1、节点树标签,标签属性,内容文本,注释,document都是节点清楚: 元素和节点的区别console.log(document.nodeName);//节点名称parent 父 英 /'peər(ə)nt/node 节点 英 /nəʊd/children 孩子 英 /'tʃɪldrən/ chilprevious 之前的 英 /'pr...原创 2019-06-12 23:20:50 · 248 阅读 · 0 评论 -
随机产生一个五位数以内的数
<script> // 4.随机生成一个五位以内的数, // 然后输出该数共有多少位, // 每位分别是什么function randomNum() { var num=parseInt(Math.random()*10000);//随机数然后取整数 // console.log(num); //这个是用于查看上面随机产...原创 2019-05-28 16:19:24 · 6781 阅读 · 0 评论 -
javaScript的数据类型
简介JavaScript 语言的每一个值,都属于某一种数据类型。JavaScript 的数据类型,共有六种。(ES6 又新增了第七种 Symbol 类型的值,本教程不涉及。)数值(number):整数和小数(比如1和3.14)字符串(string):文本(比如Hello World)。布尔值(boolean):表示真伪的两个特殊值,即true(真)和false(假)undefined:表...原创 2019-05-21 19:35:01 · 105 阅读 · 0 评论 -
null, undefined 和布尔值
null 和 undefined概述null与undefined都可以表示“没有”,含义非常相似。将一个变量赋值为undefined或null,老实说,语法效果几乎没区别。var a = undefined;// 或者var a = null;上面代码中,变量a分别被赋值为undefined和null,这两种写法的效果几乎等价。在if语句中,它们都会被自动转为false,相等运算符...原创 2019-05-22 11:27:52 · 667 阅读 · 0 评论 -
案例20190522
1)parseInt(’+1’) //12)parseInt(’.3’) // NaN3)var a = 77, b = 66.2148;console.log(a.toString(2));console.log(b.toFixed(3));写出输出的内容//1001101 66.2154*) Boolean()是将一个值转换为其对应的Boolean值。有哪五种条件转换Boolean...原创 2019-05-22 11:31:17 · 146 阅读 · 1 评论 -
前端用到的单词(读音+意思)
1.web [web]n. 网;2.hypertext ['haɪpətekst]n. [计] 超文本(含有指向其它文本文件链接的文本)3.markup ['mɑːkʌp]n. 标记4.language ['læŋgwɪdʒ]n. 语言;语言文字;表达能力5.text [tekst]n. [计] 文本;课文;主题;vt. 发短信6.binary ['baɪnərɪ]adj. ...原创 2019-05-22 11:34:06 · 8928 阅读 · 0 评论 -
数组Array,构建/遍历/添加元素/删除元素/concat/splice/slice/等等
数组Array//数组构建var arr = new Array(4); //4是数组长度var arr = new Array(1,2,3,4); //如果参数有两个或两个以上,那么第一个元素则是arr[0]的值。//如果数组的第一个参数不是数值类型,且只有一个,也是作为数组的arr[0]的值。var arr = [1, 2, 3, 4, 5];console.log(arr.le...原创 2019-05-27 14:24:11 · 250 阅读 · 0 评论 -
数组和对象
数组和对象 var arr=[1,2,3,4,5]; var obj={a:1,b:2,c:3}; //将对象转换为JSON字符串 var str=JSON.stringify(obj); //将JSON字符串逆转回对象 var obj1=JSON.parse(str); obj.a=20;...原创 2019-05-27 14:25:46 · 121 阅读 · 0 评论 -
函数封装/ //函数调用
函数封装 //调用外部封装好的js库即可Utils: var Utils=(function () { return { setStyle:function (elem,style) { for(var prop in style){ elem.style[prop]=style[prop]; ...原创 2019-05-27 14:26:30 · 951 阅读 · 0 评论 -
按位输出/表格生成
随机生成一个五位以内的数,然后输出该数共有多少位,每位分别是什么 function f1(){ let randNum = parseInt(Math.random() * 100000); console.log(randNum); randNum = randNum.toString(); ...原创 2019-05-27 14:28:40 · 152 阅读 · 0 评论 -
数组去重
数组去重//哈希表去重var arr1=[1,3,5,2,1,4,3,1,2,5,3,1,2,1];function delectRepeat(arr1) {var len = arr1.length;var arr = [];for(var i = 0; i < len; i++)if(arr.indexOf(arr1[i]) == -1)arr.push(arr1[i])...原创 2019-05-27 14:29:25 · 107 阅读 · 0 评论 -
return语句
return语句return:只能使用在函数中,直接跳出函数,不执行return之后的语句break:只能使用在循环或者switch语句中,跳出当前循环,不执行break之后的语句,并且不再进入函数continue:只能使用在循环中,跳出本次循环,当前不再执行continue之后的语句,但是会继续下一次循环return举例:function sum(a,b){ //将a+b的...原创 2019-05-27 14:30:06 · 635 阅读 · 0 评论 -
递归
递归递归函数即自调用函数,在函数体内部直接或间接地自己调用自己,即函数的嵌套调用是函数本身。任何函数之间不能嵌套定义, 调用函数与被调用函数之间相互独立(彼此可以调用)。 发生函数调用时,被调函数中保护了调用函数的运行环境和返回地址,使得调用函数的状态可以在被调函数运行返回后完全恢复,而且该状态与被调函数无关。被调函数运行的代码虽是同一个函数的代码体,但由于调用点,调用时状态, 返回点的不...原创 2019-05-27 14:30:43 · 98 阅读 · 0 评论 -
案例了解document.getElementById,和书写顺序的重要性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div { width: 100px; ...原创 2019-05-20 20:40:42 · 374 阅读 · 0 评论