![](https://img-blog.csdnimg.cn/e28f975e01fb4e5f9bb862235445516a.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
js学习
文章平均质量分 57
学习js
轩逸客
这个作者很懒,什么都没留下…
展开
-
第一章--- 一.认识js
认识JS、注释调试、常用方法、变量、数据类型1.优化网页第一步缩小网页图片的储存大小,先将一个质量较差,图像储存小的显示出来,当网页加载完毕后在替换成质量较好的图像2.网景公司,为了解决表单中数据的是否按照规则填写的,表单验证。借助了正则表达式,添加了部分简单程序完成了基本的语言live script-->javascript,弱类型解释型语言弱类型 所有的变量都需要设置类型解释性语言 先把代码转换为计算机可以识别的语言(二进制)3.JavaScript在w3c组织的要求要做了一个标原创 2021-12-13 19:34:38 · 80 阅读 · 0 评论 -
第一章----二.作用域与回调函数
作用域在函数中使用var定义的变量或者函数的形参,都是局部变量,也就是说这个变量只能作用域函数内部,函数运行完成后这个变量会被销毁,在函数外是不存在该变量的使用var定义在函数外的变量,可以在函数内被调用,定义在函数外的变量叫做全局变量,函数运行完成后不会销毁全局变量函数内也可以定义函数,所以函数内定义的函数也是局部函数,只能在函数内调用全局变量var a=1; function fn(){ a++; } fn(); console.原创 2021-12-13 21:08:28 · 440 阅读 · 0 评论 -
第二章---一.对象
对象var o={a:1,b:2};o.a o对象下的a属性o.a=值 可以设置属性的值对象的结构形式是键值对结构 键(key) 值(value) 成对a 键 1 值键值对中不能出现重复的键var o={a:1,a:10} 错误在对象中键 只能是string或者symbolvar b=false; o.b=10;这里的o.b 这个b不是变量b而是字符串b o对象下的键是变量b的值 o[b]=10; var a="c"; v原创 2021-12-13 16:02:28 · 337 阅读 · 0 评论 -
第二章---二.数组
数组数据结构 数据的结构形态 数据表现时的形态方式var a=1;var b=2;var c=3;var d=4;var obj={a:1,b:2,c:3,d:4};不关心key,只关心值,并且希望值可以排序,希望可以统计到数据的数量数组 数据组合 一组数据var arr=[1,2,3,4];数组如何创建字面量创建var arr=[1,2,3,4];实例化创建 按照实际案例的格式化创建出来var arr=new Array();构造函数创建var ar原创 2021-12-13 16:56:27 · 275 阅读 · 0 评论 -
第二章---三.Array内置方法
some数组是否有满足条件的 返回布尔值,如果遇到一个满足条件的,就会直接跳出,返回对应的布尔值 var arr=[1,2,3,4,5,6,7]; var bool=arr.some(function(item,index,arr){ return item>4;//判断每个元素是不是有大于4的 }); console.log(bool);every数组中是否所有元素都满足条件,返回布尔值,如果遇到一个不满足条件的,就会直接跳出,返回对应的布尔.原创 2021-12-15 18:53:44 · 1097 阅读 · 0 评论 -
第二章---四.Array的静态方法
Array.isArray();判断给入的内容是不是数组1.Array.from()将迭代器对象转换为数组可以将迭代器对象转换为数组 ES5就可以使用 var arr=Array.prototype.slice.call(divs); var arr=Array.prototype.concat.apply([],divs); console.log(arr)例:HTMLCollection argumehts NodeList Set Ma.原创 2021-12-15 18:54:10 · 742 阅读 · 0 评论 -
第二章---五.排序
排序fill 填充数组arr.fill(值,从什么位置开始填充,到什么下标之前结束)reverse反转数组 改变原数组,并且返回这个原数组arr.reverse();sort数组的排序arr.sort()顺序乱序3.冒泡排序for (var j = 0; j < arr.length-1; j++) { for (var i = 0; i < arr.length-j-1; i++) {原创 2021-12-15 18:54:40 · 988 阅读 · 0 评论 -
第二章---六.二维数组与对象数组
二维数组二维数组 var arr=[[1,2],[3,4]]; var arr=[]; for(var i=0;i<10;i++){ arr[i]=[]; for(var j=0;j<10;j++){ arr[i][j]=i*10+j; } } console.log(arr[4][5])原创 2021-12-15 18:56:03 · 358 阅读 · 0 评论 -
第三章---一.内建对象---Math,String与Date
Math对象数学方法 MathMath.PI π弧度=Math.PI/180*角度;角度=弧度/Math.PI/180;开平方Math.SQRT1_2 根号2分之一Math.SQRT2 根号2Math.sin()Math.cos()Math.tan()Math.floor();//向下取整Math.ceil();//向上取整Math.round();//四舍五入Math.abs();//取绝对值Math.max();//最大值Math.min();//原创 2021-12-16 21:19:27 · 427 阅读 · 0 评论 -
第四章---BOM与DOM
DOM 与 BOMDocument Object Model 文档对象模型Browser Object Model 浏览器对象模型浏览器中JS可以控制所有对象document 文档location 本地history 历史screen 屏幕navigator 导航原创 2021-12-17 19:58:18 · 535 阅读 · 2 评论 -
第五章---事件的原理
事件CSS样式:pointer-events:none不接收点击事件事件原理(捕获,目标,冒泡)1.捕获阶段特点:由外向内,2.目标阶段3.冒泡阶段特点:由内向外addEventListenerDOM对象.addEventListener(“时间类型”,事件出发后的回调函数,是否捕获阶段触发/配置对象)once:trueaddEventListener 第三个参数{once:true}仅接收一次事件事件触发时,会遇到两种情况:1.事件侦听的对象2.事件最终触发的目原创 2021-12-23 08:21:07 · 728 阅读 · 0 评论 -
第六章---正则表达式
字面量正则表达式格式 var reg=/a/gi; /正则表达式内容/修饰符 两种创建方式: var reg=new RegExp("a","g"); var reg=new RegExp("正则表达式内容","修饰符")修饰符g 全局匹配 查找到一个时没有完成,继续向后查找i 不区分大小写 查找过程中不区分大小m 多行查找使用方法reg.exec(字符串)在字符串中查找是否包含该正则表达式内容,如果没有找到返回null原创 2021-12-24 16:06:42 · 536 阅读 · 0 评论 -
第七章---ES6
严格模式1.必须定义变量“use strict” x=3; console.log(x);2.不能使用同名参数3.不能使用with语句 严格模式下不能使用with4.不能对只读属性赋值,否则报错var str = “abcde”;str.length = 3;5.不能使用前缀0表示八进制6.不能删除不可删除属性var arr = [1,2,3];delete arr.length7.尽量不要使用eval,不要给eval和arguments赋值8.原创 2021-12-28 23:10:52 · 1185 阅读 · 0 评论 -
第七章---同步与异步
js的加载顺序async 异步加载 如果没有异步加载,js加载的地址访问速度过慢,会一直同步等待,造成页面白屏如果同步加载时,这个js中是不能获取body中任何dom元素,当使用异步时,因为异步时DOM树构建完成后执行的,所以可以调用body中的元素defer 所有DOM加载完毕后调用 ,比async晚<script src="./js/a.js" async defer></script><script src="./js/b.js" async></原创 2022-01-06 19:02:11 · 667 阅读 · 0 评论 -
第八章---cookie
给cookie设置属性document.cookie=“a=2”;cookie的取值var obj=document.cookie.split(";").reduce((v,t)=>{ t=t.trim(); var arr=t.split("="); v[arr[0]]=arr[1]; return v; },{}); console.log(obj.b);1、当浏览器关闭以后,自动清除cookie中原创 2022-01-06 19:17:56 · 450 阅读 · 1 评论