weixin_53841588的博客

AJAX的学习1、背景async 异步 ( async javascript and xml )前后端交互的手段2、ajax的 特点不需要任何其他东西就可以直接操作纯面向对象的语法JS内部给我们提供了一个内置构造函数我们可以直接使用请求可以让页面无刷新更新数据响应内容不会直接显示到页面3、使用 AJAX创建一个 ajax 对象const xhr = new XMLHttpRequest()const xhr - new ActiveXObject("Microso

JQuery 动画1、元素的显示隐藏 show(0) hide() 同时改变宽和高//第一个参数可以传一个时间 单位是毫秒值//第二个参数是一个回调函数$(".btn1").click(function(){ $("div").show(1000，()=>{ console.log("显示完毕，执行的回调函数") } console.log("显示")})$(".btn2").click(function(){ $("div").

JQueryjQuery 是一个前前端库 里面有很多的封装的方法特点：1、强大的选择库2、隐式迭代3、强大的链式编程注：jQuery 向外暴露了两个对象 jQuery || $1、选择器jQuery 选择到的元素叫做 jQuery对象 jQuery对象不能使用原生js的方法 ！！！通过原生 js 获取的元素 就是原生js的对象，不能使用jQuery的方法！！！//1、通过id获取 const box = $("#box")box.setAttribute()

设计模式针对不同的问题提出的解决方案 每一种设计模式只是为了解决一个问题常见的设计模式工厂模式单例模式 ： 针对构造函数创建出来的实例化对象的代码一模一样，形成的一种解决方案组合模式观察模式策略模式代理模式工厂模式//工厂函数function Person(){ const obj = {} obj.name = "张三" obj.age = 20 return obj}//工厂模式function factory(){ functi

构造函数定义：通过 new 函数名来实例化对象的函数叫构造函数。任何的函数都可以作为构造函数存在。之所以有构造函数与普通函数之分，主要从功能上进行区别的，构造函数的主要 功能为 初始化对象，特点是和new 一起使用。new就是在创建对象，从无到有，构造函数就是在为初始化的对象添加属性和方法。构造函数定义时首字母大写（规范）。工厂函数创建对象function person(name,age,hobby,gender){ const obj = {} obj.name = name

常见的事件浏览器事件onloadonscroll 浏览器滚动事件window.onload = function(){ }window.onscroll = function(){ console.log("滚动起来了")}鼠标事件onclick 单击ondblclick 双击onmousedown 鼠标按下onmouseup 鼠标抬起onmousemove 鼠标移动box.onmousedown = function(){

BOMjs组成 => ESCMAScript + BOM + DOMBOM => browser Object model 浏览器对象模型BOM 里面有一个顶级对象 window常见操作BOM的方法navigator 用户信息用户基本信息 userAgentvar userAgent = window.navigator.userAgentconsole.log(userAgent)//Mozilla/5.0 (Windows NT 10.0; W

Math一系列操作数字的方法1、Math.pow(2,3) 次方2、Math.random( ) 求随机数 0 - 13、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

1、创建方式1、字面量创建方式var reg = /abc/2、内置构造函数var reg = new RegExp("abc")2、 test 验证字符串是否符合规则//返回布尔值，符合规则，返回 true 否则 falsevar str = "abc"var reg = /abc/var res = reg.test(str)console.log(res)//true3、元字符1、\d 有一个数字2、\D 一个非数字3、\s 一个空格4、\S 一个非空

1、创建方式1、字面量var str = "hello"内置构造函数var str = new String( "hello")使用内置构造函数的方式创建的字符串，有下标和lengthen属性var str = new String( "hello")console.log(str[0]) //hconsole.log(str.length)//5注：使用字面量形式创建出来的字符串 本身没有 下标和 length 属性 但是如果你要用 就把子包装成 内置构造函数创建的样子 把索引

1、数组创建方式1、字面量var arr = [];2、内置构造函数var arr1 = new Array( )数组：有序的数据类型，里面可以放任何数据类型；length 数组的长度创建方式的区别var arr = [1,2,3,4,"a",false]var arr1 = new Array(10) 如果只传了一个参数，那就是数组的lengthvar arr1 = new Array(1."as",5,45) 如果传了两个及以上的数据，那就是数组里面的数据2、

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

1、If 条件语句if(条件) { } ()里面的条件最终湖岸转换为布尔值if…elseif…else if …else2、三目运算符条件 ? 条件成立执行的代码 : 条件不成立执行的代码 var a = 10 if(a > 10){ alert('哈哈') }else{ alert('嘻嘻') }var a = 10a > 10 ? alert('哈哈') : alert('嘻嘻')3、switchswitch(你要判断的变

1、javascript组成ECMASctript(规范) + BOM(浏览器对象模型) = DOM(文档对象模型)2、js书写方式行内式内部<script></script>外部 <script src="js文件地址"></script>3、js注释单行注释 //多行注释 /* */4、js输出语句警告框：alert( )控制台输出 console.log( )页面输出 document.write(