Raccon_的博客

javascript引入外部.js文件src="demo.js"注释:单行//      多行/…/      部分注释 alt+shift+a1.弹出警告窗alert("*"); 2.如果 里面有标签会自动解析document.write("*"); 3.在浏览器调试面板控制台输出内容console.log("*");4.*为数字则false, 0,小数,函数或"5a"等为trueisNaN(*);5.输出当前数据类型typeof 变量/常量;6.随机0

javascript数据类型常量基本数据类型    数字 类型:number 100,-20,3.14    布尔值 类型:boolean true false    字符串 类型:带"或‘（“和’无区别）特殊数据类型    null 空    undefined 状态   NaN不是一个数字    infinity 无穷变量声明变量 var 声明变量后不赋值 为undefinedvar a="";可以声明变量为null；效率更高。变量标识符1.只能由数字，字母，

完整ASCII码表

javascript运算符算数运算符 + - * / %;关系运算符 > < >= <= != === !==      值为布尔值，两边都是字符串时则比较ASCII码（单个）; 多个时则逐个比较（1-1 2-a…）; 两个有一个数值时,将另一个转换成数值.      注:当一个数是NaN,则==返回的是false，!=返回的是true，且NaN与自身不等。         ===：恒等，当数值和数据类型都相等才返回true         nu

javascript流程控制分支/选择/条件结构单分支语句if(判断条件){执行语句;(为true时执行)}else{执行语句;(为false时执行)}判断条件可以输入任何东西,会转换成布尔值(1=true,执行)多分支语句 if(判断条件1){执行语句1}​ else if(判断条件2){执行语句2}​ ....​ else{执行语句n}.switch语句switch(表达式){cause"常量1":执行语

javascript函数声明:function 函数名(形参1,形参2...(可不写)){函数体(执行;return"表达式")} ​ 注: return调用显示结果,也可用return终止函数(没有返回值时返回undefined)调用:函数名(实参(给形参赋值))arguments用于存储实参,arguments.length 输出当前里面参数个数argumens[0]:第一个值（下标从0开始）；​ eg：求n个数的和时for(var

递归危：递归为函数自己调用自己,使用会同时开辟大量内存，结束后同时释放,一般禁止使用递归理解为 另一种循环,在函数中调用本身这个函数 那么这种写法就叫做递归在使用递归的时候 一定要有退出递归条件，否则就会造成死递归（死循环）输出位置不同会影响输出结果 eg： function fun(n) { console.log(n); // 结束递归的条件 // 当n &gt

javascript冒泡排序 bubble sort前后两个数两两比较,如果符合条件就交换位置,比较轮数=数组长度-1每一轮比较次数=数组长度-当前轮数var arr=[9,8,7,6,5,4];for(var i=0;i<arr.length-1;i++)​ {for(var j=0;j<arr.length-(i+1);j++)​ {if(arr[j]>arr[j+1])​ {var tmp=arr[i];

作用域变量作用域全局变量在全局作用域下声明的变量叫全局变量（函数外部定义的变量）整个script标签内 或者是一个单独的js文件 在任何位置都可使用，浏览器关闭时才被销毁特殊情况下在函数内不使用var声明的变量会提升为全局变量（不建议）局部变量在函数内部 var 声明的变量，只有在函数内部可以使用其所在的代码块被执行时会被初始化，当代码块运行结束就会被销毁，更节省空间注：函数的形参也可以看做是局部变量块级作用域es6中新增 {}eg:if{} for{}目前没有块级作用

对象创建对象1.利用字面量创建对象 var obj={};2.利用new Object创建对象 var obj=new Object();3.利用构造函数创建函数对象属性里面的属性或方法采用键值对的形式键 属性名：值 属性值多个属性或者方法中间用逗号隔开方法冒号后面跟的是一个匿名函数使用对象console.log(obj.name);或console.log(obj['age']);调用方法obj.a();...

javascript结构栈结构push 在数组后面加入元素 返回值是插入元素后的数组长度数组.push(参数1,参数2…)pop 在数组取下最后一个元素 返回值是取下的元素数组.pop()队列机构 shift 在数组取下第一个元素 返回值是取下的元素数组.shift()unshift 在数组前面加入元素 返回值是插入元素后的数组长度数组.unshift(参数1,参数2…) 复合数据类型​ arr1=arr2时共用一个地

DOMAPI与Web APIWeb API 主要针对浏览器提供的接口，一般都有输入和输出（函数的传参和返回值），Web API很多都是方法（函数）。Document文档Elements元素获取元素1.document.getElementsByTagName(’’);通过 标签名 (大小写敏感的字符串)获取元素，返回的是伪数组，可以通过数组遍历打印对象。只有一个元素时也是返回伪数组，没有元素则返回空数组，得到对象是动态的。或者获取单个对象内的指定标签名的子元素（不包括父元素自己）

BOM获取浏览器窗口尺寸1.window.innerWidth 获取可视窗口宽度2.window.innerHeight 获取可视窗口高度浏览器弹出层1.window.alert(‘提示信息’) 提示框2.window.confirm(‘提示信息’) 询问框3.window.prompt(‘提示信息’) 输入框开启关闭标签页1.window.open(‘地址’) 开启标签页2.window.close() 关闭当前标签页浏览器常见事件1.window.οnlοa

操作元素js操作元素修改的是行内样式，优先级较高this指向this指向的是事件函数的调用者改变元素内容element.innerText=''获取元素从开始到终止位置的内容，去除标签，同时空格和换行也会去掉element.innerHTML=''获取元素从开始到终止位置的内容，包括标签，同时保留空格和换行这两个属性都是可读写的，可以获取元素内的内容改变元素属性获取元素后，修改对象内相应的属性src、href、id、alt、title等1.获取属性值element.属

节点节点拥有nodeType(节点类型)、nodeName(节点名称)、nodeValue(节点值)这三个基本属性元素节点 nodeType为1属性节点 nodeType为2文本节点 nodeType为3(文本节点包含文字、空格、换行等)1.父节点parentNodeelement.parentNode 得到的是离元素最近的父级节点2.子节点2.1 子节点childNode(标准)parentNode.childNodes 返回包含指定节点的子节点的集合，该集合为即时更新的

事件鼠标事件1.onclick 鼠标点击左键触发2.onmouseover 鼠标经过触发3.onmouseout 鼠标离开触发4.onmousemove 鼠标移动触发5.onmouseup 鼠标弹起触发6.onmousedown 鼠标按下触发7.onfocus 获得鼠标焦点触发8.onblur 失去焦点触发注册事件1.传统方式on开头的事件element.οnclick=function(){}注：注册事件有唯一性同一个元素同一个事件只能设置一个处理函数，最后

this指向this指向的是事件函数的调用者

轮播图略

正则表达式略

ES61.变量let 定义变量const 定义常量(特殊的变量)var let const的区别var 会进行预解析 let/const不会进行预解析var 可以声明两个重名的变量 let/const不能定义重名变量var 没有块级作用域 let/const有块级作用域块级作用域：任何一个可以执行代码段的{ } 都会限制该变量的适用范围let定义变量时可以不进行赋值，cosnt在定义时必须赋值let定义的变量可以被修改，const定义的常量一经赋值不能被修改2.箭头函数是ES

笔记

面向对象构造函数原型原型链

笔记

http

【代码】js下载文件。

缓存强制缓存ResponseHeader+Cache-Controlmax-age 以秒为单位no-cache 前端不使用缓存no-store 前后端皆不使用缓存private 只允许终端浏览器缓存public 允许所有中间路由环节进行缓存协商缓存ResponseHeader+ETag 响应内容的指纹（类似于哈希）RequestHeader +if-None-Match=ETag值ResponseHeader+LastModified 响应内容的最后修改时间（秒）Requ

这就使得我们在设置一些有时效性的数据存入localStorage时非常繁琐，因此封装了这个类用于实现此功能。当我们需要使用localStorage存储数据时，他是永久存储的除非用户删除。

前后端交互Ajax实现前端与服务器的连接 发送或接受信息var xhr = new XMLHttpRequest() //创建ajax对象xhr.open('GET/POST','xxx',true) //配置本次请求信息 xhr.open('请求方式','请求地址','是否异步')xhr.onload = function (){ //注册请求完成事件 console.log('请求完成') //请求发送出去，服务器接受到了请求，并且服务器返回的信息已接收 var res=JSO

高阶函数高阶函数是对其他函数进行操作的函数，他接收函数作为参数或将函数作为返回值输出 function fn(callback) { callback && callback() } fn(function () {}) //回调函数 function fn() { return function(){} //返回函数 } fn()此时fn就是一个高阶函数，函数也是一种数据类型，传递给另一个参数使用，最典型就是回调函数回调

笔记

一般应用在图片的即时预览，如本地选择图片后需要预览再上传，此时就可以通过文件读取对象的。:读取文本文件(可以使用Txt打开的文件)，返回文本字符串，默认编码是UTF-8。FileReader 对象主要用来把文件读入内存，并且读取文件中的数据。:读取任意类型的文件。具备完整的事件模型，用来捕获读取文件时的状态。开头的字符串，这段字符串的本质就是。:读取完成时触发，无论成功还是失败。:文件读取成功完成时触发。:读取文件过程中持续触发。:读取文件中断片时触发。:读取文件获取一段以。

二进制转base64

高阶函数闭包

jquery略

jquery操作样式jQuery 操作元素的样式就是一个方法 css// 给元素设置一个 css 样式$('div').css('width', '100px')// 获取元素的某一个样式$('div').css('width')// 给元素设置一组样式$('div').css({ width: '100px', height: '200px'})元素操作创建一个元素var div = $('<div></div>')内部插入元素

jquery发送 ajax 请求发送 get 请求// 直接使用 $.get 方法来发送一个请求/* 参数一： 请求地址 参数二： 请求时携带的参数 参数三： 请求成功的回调 参数四： 返回的数据类型*/$.get('./ajax.php', { id: 10 }, function (res) { console.log(res) }, 'json')发送 post 请求// 直接使用 $.post 方法来发送一个请求/* 参数一： 请求地址 参数二： 请求时携带的参数

PHPphp文件的书写所有的 php 代码都要写在一个 php 的范围内要求以 <?php 开头要求以 ?> 结尾<?php # php 的代码写在这里 ?>简单了解 php 的语法每一个语句后面都要有 ;定义变量:直接使用 $ 来确定一个变量<?php # 下面就是一个定义了一个变量，并且赋值为 100 # 变量名就是 $num $num = 100; $boo = true; # 下面是一个字符串

代码执行顺序JS执行顺序为同步代码 微任务 DOM渲染 宏任务 document.documentElement.addEventListener(`click`,()=>{ document.documentElement.style.backgroundColor="pink" // Promise.resolve().then(()=>{ // alert(``) // document.documentElement.styl

复制文本可以通过原生js、jquery、或其他类库粘贴原生js<body><p id="p">复制到粘贴板</p> <input type="text" value="" id="ipt"></body><script> const p = document.querySelector('#p') const ipt = document.querySelector('#ipt') p.addEventLi

笔记