KAMHUNCHAN的博客

判断响应标头的Content-Type。

使用【】忽略占位符。

创建组件：注册组件（局部注册）：全局注册：

prompt（）第一个参数：提示文本第二个参数：输入框默认的值

使用exports = {} 让其指向一个新的对象后，exports会失效，不指向module.exports对象了

创建web服务器

节流

域名没有带端口，默认是80.

jquery上传文件：loading效果：

FormData模拟，管理表单提交：验证是否选中了文件：上传文件进度：进度条可以使用第三方库渲染

将对象转换成查询字符串：

url编码与解码

多次replace：模板引擎核心代码：（替换真值）

![在这里插入图片描述](https://img-blog.csdnimg.cn/b022048df9f14a329e58e8822306e44f.pngjson本质是字符串！！！！！

模板引擎的好处：

form标签中的属性：表单的同步提交：jquery监听表单提交事件：阻止表单默认提交行为：jQuery快速获取表单数据：$(“选择器”).serialize()

url组成：网页请求数据：常见请求方式：get->主要是获取资源 post->主要是提交信息：什么是Ajax：jQuery中的ajax：$.get()的基本使用：$.get()不带参：$.ajax():

布局容器：栅格系统把container划分成12列栅格系统选项参数 ：同为一列指定多个设备的类名，以实现参数注意点：栅格系统列嵌套：列偏移：列排序：响应式开发工具：（媒体查询）

响应式布局开发原理：使用媒体查询针对不同宽度的设备进行布局和样式的设计，从而适配不同的设备bootstrap优点：使用：（1）引入：（2）使用： （3）官方demo:bootstrap响应式开发中的布局容器：.container,已经是预定义好的...

return 会终止函数，后面代码不再执行return 只能返回一个值，如果返回多个值，以最后一个为准函数如果没有return返回undefined函数内置arguments对象，arguments对象是一个伪数组，有lengt属性h，按索引方式取值，但是没有push，pop等方法argument可以拿到函数传过来的所有实参......

promise理解：1，是js异步编程的新的解决方案2，是一个构造函数3，用来封装一个异步操作，并可以获得其结果promise三个状态：1，pendding 未确定2，resolved 成功3，rejected 失败注：状态只能改变一次，成功数据称为value，失败称为reasonpromise的基本使用为什么要用Promise：1.指定回调函数的方式灵活，可以在异步任务前指定也可以在异步任务后指定，而以前指定回调函数必须在异步任务开始前指定。2.支持链式调用，可以解决

这三个方法都是用于改变函数执行时的this指向 这三个方法都是挂在Funciton的prototype上，因此所有的方法都可以调用1.call()接收的参数直接写在后面function.call(thisArg, arg1, arg2, …)2.apply() 用法与call一样，只不过接收参数的时候必须是一个数组或者维数组。不是数组或者伪数组会报错function.apply(thisArg, [argsArray])3.bind(),用法与call(）一样，也是可以直接接收多个参数（也可以等

Array.from() 方法对一个类似数组或可迭代对象创建一个新的，浅拷贝的数组实例。数组去重：Array.from(new Set(arr))

1. load当整个页面及所有依赖资源如样式表和图片都已完成加载时，将触发load事件。window.addEventListener('load', (event) => { console.log('page is fully loaded');});//也可以使用onload实现：window.onload = (event) => { console.log('page is fully loaded');};2. DOMContentLoaded...

1. fillter数组的filter方法，需要传一个回调函数作为参数，回调函数的参数n，就是filter循坏数组时每一次拿到的数组元素，该回调函数会返回一个Boolean，如果为true，代表该元素会被放到最终filter返回的数组中。filter 不会改变原数组，它返回过滤后的新数组。let newarr = arr.filter(function(n){ return n<0 } ) //箭头函数写法let newarr = arr.filter(n =&g

基本步骤:1.引入js文件2.一个具有大小的DOM容器3.初始化echarts实例对象----echarts.init(DOM容器)4.指定配置项和数据并传给echarts实例-----myChart.setOption(option)

sessionStorage:同一个小窗口数据共享localstorage：同一个浏览器窗口共享

实现浏览器的前进后退按钮

ArrayStringindexOf(数组元素，指定开始查找的位置) //返回第一个满足条件的索引号，找不到的话返回-1str.indexOf(“查找的字符”，开始查找的位置) //返回第一个查找到的下标，找不到则返回-1lastIIndexOf(数组元素) //返回最后一个满足条件的索引号，找不到的话返回-1–转换成字符串arr.toString() ;arr.join("-")转换成数组 ：str.split(’=’)slice(begin，end) //...

location.href可以实现重定向，且浏览器有记录历史，可以返回获取参数：

监听属性也可以实现计算属性的功能：差异：

API:application programing interface（应用程序编程接口）DOM:document object model （文档对象模型）javascript的标准化组织是ecma，DOM是W3C根据id获取元素（console.dir()可以打印获取到的元素内容）根据标签名获取：返回一个伪数组，还可以一获取某个父元素里面的节点HTML5新增方法：获取特殊元素（body，html）事件：常见鼠标事件：innertext和innerhtml的区别：都会

1，创建数组的两种方式let arr = [1,2,3]let arr = new Array(2) //长度为2，有两个为空的数组元素let arr = new Array(1,2,3) //[1,2,3]2,检测是否为数组的两种方式Arrsy.isArray(arr) //优先级高于instanceof，因为可以检测iframes，h5新增的方法，ie9支持arr instanceof Array //3.添加数组元素arr.push(1,2) //往后面添加，返回新数组长

Date（）是一个构造函数，所以要newlet date = new Date() //没有参数，返回当前时间let date = new Date(2021,10,1) //返回2021-11-1 注意是11不是10let date = new Date("2021-11-1")或('2021/11/1') //返回2021-11-1格式化日期：获取时间戳(四种方法) 距离1970.1.1的毫秒数.valueOf() .getTime() +n...

*Math.PI() //圆周率Math.floor() //向下取整Math.ceil() //向上取整（取大） -1.9 取1Math.round() //四舍五入 .5比较特殊 往大的取 例如-1.5是1，1.5是2Math.abs() //绝对值Math.max() //最大Math.min() /最小Math.random() //随机浮点数//min到max中间的随机整数（包含max和min）Math.floor(Math.random()*（m