ZZZ___jh的博客

模块化webpack是以模块化的方式来打包项目的.模块化​ 模块化是现代前端开发不可缺少的一部分.​ 功能:把复杂的问题分解成相对独立的模块,降低程序复杂性,提高代码的重用.利于团队协作开发与后期的维护和扩展​ 核心:独立的作用域如何导出模块内部数据如何导入外部模块数据ESM​ es5开始引入的模块化独立的模块作用域​ 一个文件就是模块,模块拥有独立的作用域,且导出的模块都自动处于严格模式下, 即 user strice(模块中,默认为严格模式)严格模式下,

Element.getBoundingClientRect()理解: getBoundingClientRect() 用于获取某个元素相对于视窗的位置集合.该Element.getBoundingClientRect()方法返回一个Object对象，该对象有6个属性: top, bottom, left, right, width, height;这里的top left和css中的理解很相似，width height是元素自身的宽高，但right bottom和css中的理解有点不一样. right是

函数的节流与防抖前言事件的触发权很多时候都属于用户，有些情况下会产生问题：向后台发送数据，用户频繁触发，对服务器造成压力一些浏览器事件:window.onresize、window.mousemove等，触发的频率非常高，会造成浏览器性能问题如果你碰到这些问题，那就需要用到函数节流和防抖了.函数的节流(throttle)函数节流：一个函数执行一次后，只有大于设定的执行周期后才会执行第二次. 有个需要频繁触发函数，出于优化性能角度，在规定时间内，只让函数触发的第一次生效，后面不生效.

js中的async和awaitawait 后面接一个会return new promise的函数并执行它await 只能放在async函数里async作为一个关键字放在函数的前面，表示该函数是一个异步函数，意味着该函数的执行不会阻塞后面代码的执行 异步函数的调用跟普通函数一样async function timeout(){ return "helloworld";}console.log(timeout());console.log("我在异步函数后面，会先执行谁呢");/

HTTP 状态码当浏览者访问一个网页时，浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前，此网页所在的服务器会返回一个包含HTTP状态码的信息头（server header）用以响应浏览器的请求.HTTP状态码的英文为HTTP Status Code.常见的状态码总结:1开头: 信息,服务器收到请求,需要请求者继续执行操作2开头: 成功, 操作被成功接收并处理3开头: 重定向, 需要进一步的操作以完成操作4开头: 报错(前端的错,发送请求那里)5开头: 服务器的错,服务器在

vue的watch中的immediate什么意思$watch() 监听某个值(双向数绑定)的变化, 一旦发生变化, 就调用引号里的方法, 从而达到change事件监听的效果.它的值包括选项的对象,选项对象有 handler: 其值是一个回调函数, 即监听到变化时应该执行的函数deep: 其值是true或false, 确认是否深入监听.(一般监听时是不能监听到对象属性值的变化的,数组的值变化可以听到)*immediate: 其值是true或false,确认是否以当前的初始值执行handler

介绍前端vue项目中的文件public文件夹: 公共的,纯静态资源,打包后也不会改变文件的​src文件夹: 放主要文件的​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​  assets文件夹: 纯静态资源,放css和img​​ ​ ​ ​ ​ ​ ​