javaScript
文章平均质量分 67
灬violet灬
这个作者很懒,什么都没留下…
展开
-
14-javascript-ajax的学习
AJAX的学习 1、背景 async 异步 ( async javascript and xml ) 前后端交互的手段 2、ajax的 特点 不需要任何其他东西就可以直接操作 纯面向对象的语法 JS内部给我们提供了一个内置构造函数我们可以直接使用 请求可以让页面无刷新更新数据 响应内容不会直接显示到页面 3、使用 AJAX 创建一个 ajax 对象 const xhr = new XMLHttpRequest() const xhr - new ActiveXObject("Microso原创 2021-10-27 21:51:45 · 47 阅读 · 0 评论 -
13-javascript-JQuery动画
JQuery 动画 1、元素的显示隐藏 show(0) hide() 同时改变宽和高 //第一个参数可以传一个时间 单位是毫秒值 //第二个参数是一个回调函数 $(".btn1").click(function(){ $("div").show(1000,()=>{ console.log("显示完毕,执行的回调函数") } console.log("显示") }) $(".btn2").click(function(){ $("div").原创 2021-10-27 21:11:47 · 82 阅读 · 0 评论 -
12-javascript-JQuery的学习
JQuery jQuery 是一个前前端库 里面有很多的封装的方法 特点: 1、强大的选择库 2、隐式迭代 3、强大的链式编程 注:jQuery 向外暴露了两个对象 jQuery || $ 1、选择器 jQuery 选择到的元素叫做 jQuery对象 jQuery对象不能使用原生js的方法 !!! 通过原生 js 获取的元素 就是原生js的对象,不能使用jQuery的方法!!! //1、通过id获取 const box = $("#box") box.setAttribute()原创 2021-10-25 20:41:45 · 83 阅读 · 0 评论 -
11-javascript-设计模式
设计模式 针对不同的问题提出的解决方案 每一种设计模式只是为了解决一个问题 常见的设计模式 工厂模式 单例模式 : 针对构造函数创建出来的实例化对象的代码一模一样,形成的一种解决方案 组合模式 观察模式 策略模式 代理模式 工厂模式 //工厂函数 function Person(){ const obj = {} obj.name = "张三" obj.age = 20 return obj } //工厂模式 function factory(){ functi原创 2021-10-23 21:37:16 · 109 阅读 · 0 评论 -
10-javascript-构造函数
构造函数 定义:通过 new 函数名来实例化对象的函数叫构造函数。任何的函数都可以作为构造函数存在。之所以有构造函数与普通函数之分,主要从功能上进行区别的,构造函数的主要 功能为 初始化对象,特点是和new 一起使用。new就是在创建对象,从无到有,构造函数就是在为初始化的对象添加属性和方法。构造函数定义时首字母大写(规范)。 工厂函数创建对象 function person(name,age,hobby,gender){ const obj = {} obj.name = name原创 2021-10-23 16:52:40 · 65 阅读 · 0 评论 -
09-javascript-各种事件
常见的事件 浏览器事件 onload onscroll 浏览器滚动事件 window.onload = function(){ } window.onscroll = function(){ console.log("滚动起来了") } 鼠标事件 onclick 单击 ondblclick 双击 onmousedown 鼠标按下 onmouseup 鼠标抬起 onmousemove 鼠标移动 box.onmousedown = function(){原创 2021-10-22 21:52:13 · 48 阅读 · 0 评论 -
08-javascript - BOM / DOM
BOM js组成 => ESCMAScript + BOM + DOM BOM => browser Object model 浏览器对象模型 BOM 里面有一个顶级对象 window 常见操作BOM的方法 navigator 用户信息 用户基本信息 userAgent var userAgent = window.navigator.userAgent console.log(userAgent)//Mozilla/5.0 (Windows NT 10.0; W原创 2021-10-22 21:22:22 · 112 阅读 · 0 评论 -
07-javascript-Math / Date
Math 一系列操作数字的方法 1、Math.pow(2,3) 次方 2、Math.random( ) 求随机数 0 - 1 3、Math.round( ) 四舍五入 4、Math.ceil( ) 向上取整 5、Math.floor( ) 向下取整 6、Math.min( ) 求最小值 7、Math.max( ) 求最大值 8、Math.PI 圆周率 9、Math.sqrt( ) 开平方 10、Math.abs( ) 求绝对值 eg:生成一个范围内的随机数 fun原创 2021-10-21 21:15:45 · 66 阅读 · 0 评论 -
06-javascript正则表达
1、创建方式 1、字面量创建方式 var reg = /abc/ 2、内置构造函数 var reg = new RegExp("abc") 2、 test 验证字符串是否符合规则 //返回布尔值,符合规则,返回 true 否则 false var str = "abc" var reg = /abc/ var res = reg.test(str) console.log(res)//true 3、元字符 1、\d 有一个数字 2、\D 一个非数字 3、\s 一个空格 4、\S 一个非空原创 2021-10-21 20:52:11 · 58 阅读 · 0 评论 -
05-javascript字符串
1、创建方式 1、字面量 var str = "hello" 内置构造函数 var str = new String( "hello") 使用内置构造函数的方式创建的字符串,有下标和lengthen属性 var str = new String( "hello") console.log(str[0]) //h console.log(str.length)//5 注:使用字面量形式创建出来的字符串 本身没有 下标和 length 属性 但是如果你要用 就把子包装成 内置构造函数创建的样子 把索引原创 2021-10-20 21:45:22 · 45 阅读 · 0 评论 -
04-javascript数组
1、数组创建方式 1、字面量 var arr = []; 2、内置构造函数 var arr1 = new Array( ) 数组:有序的数据类型,里面可以放任何数据类型;length 数组的长度 创建方式的区别 var arr = [1,2,3,4,"a",false] var arr1 = new Array(10) 如果只传了一个参数,那就是数组的length var arr1 = new Array(1."as",5,45) 如果传了两个及以上的数据,那就是数组里面的数据 2、原创 2021-10-20 21:06:07 · 45 阅读 · 0 评论 -
03-javascript函数
1、函數的创建 函数定义的过程 1、准备一个盒子 2、给这个盒子一个名字 3、把要执行的代码放进盒子里面去(代码不会执行) 1、声明函数 function fn( ){ console.log(123) } 2、函数表达式 var fun = function( ){ console.log(123) } 3、ES6箭头函数 var fn = x => x * x; 2、函数调用 声明式函数可以再声明之前调用 函数表达式不能在声明式之前调用,但都可以在声明之后调用 function f原创 2021-10-20 20:24:06 · 64 阅读 · 0 评论 -
02-javascript条件语句/分支结构语句/循环语句
1、If 条件语句 if(条件) { } ()里面的条件最终湖岸转换为布尔值 if…else if…else if …else 2、三目运算符 条件 ? 条件成立执行的代码 : 条件不成立执行的代码 var a = 10 if(a > 10){ alert('哈哈') }else{ alert('嘻嘻') } var a = 10 a > 10 ? alert('哈哈') : alert('嘻嘻') 3、switch switch(你要判断的变原创 2021-10-19 21:23:41 · 78 阅读 · 0 评论 -
01-javascript初始
1、javascript组成 ECMASctript(规范) + BOM(浏览器对象模型) = DOM(文档对象模型) 2、js书写方式 行内式 内部<script></script> 外部 <script src="js文件地址"></script> 3、js注释 单行注释 // 多行注释 /* */ 4、js输出语句 警告框:alert( ) 控制台输出 console.log( ) 页面输出 document.write(原创 2021-10-19 20:04:00 · 39 阅读 · 0 评论