03 2023 档案

请求拦截器和响应拦截器
摘要：使用的库为axios 请求拦截器 this.instance.interceptors.request.use((config=>{ return config },err=>{ return err }) 响应拦截器 this.instance.interceptors.response.use( 阅读全文
posted @ 2023-03-12 20:06 guorunbin 阅读(80) 评论(0) 推荐(0)
Tree-shaking(摇树优化）
摘要：Tree-Shaking(摇树优化) :主要用于前端的性能优化，即在导入模块的时候，将一些项目用不到的代码像树木落叶一样摇掉，且tree-shaking只支持ESModule,不支持Common.js Tree-Shaking 失效(副作用)：当我们在调用某个函数时，可能将某个变量改变为全局，或者误 阅读全文
posted @ 2023-03-09 21:02 guorunbin 阅读(313) 评论(0) 推荐(0)
vue2与vue3不同点：opitons api 与cmposition api
摘要：vue2:options api 采用的是命令式编程，而vue3组合式api采用的是函数式编程，两者存在很大的差异，vue3更灵活，难度也更大。 script 语法糖，vue3可以通过导入函数的方式来定义响应式数据 为了在声明 props 和 emits 选项时获得完整的类型推断支持，我们可以使用 阅读全文
posted @ 2023-03-07 23:41 guorunbin 阅读(73) 评论(0) 推荐(0)
组件、全局组件、动态组件
摘要：组件 由tmplate script style 构成 组件中的模板中只能有一个div(根节点) 启用less语法 使用<style lang="less"> 组件在被封装好后，彼此之间是独立的 在使用组件时，根据嵌套关系，形成父子、兄弟关系 通过componets 注册的是私有子组件 例如：在a中 阅读全文
posted @ 2023-03-07 23:36 guorunbin 阅读(58) 评论(0) 推荐(0)
vue生命周期以及如何将axios挂载到vue的原型链上
摘要：生命周期 组件的生命周期是指一个组件从创建->运行->销毁的整个阶段，强调的是一个时间段 生命周期函数：是由vue框架提供的内置函数，会伴随着组件的生命周期，自动按次序执行 update 函数：在DOM更新的时候，会触发update update(el,binding){ el.style.colo 阅读全文
posted @ 2023-03-07 23:34 guorunbin 阅读(133) 评论(0) 推荐(0)
vue-router的笔记
摘要：路由：hash地址与组件之间的对应关系 SPA:单页面应用程序 前端路由的工作方式 1、用户点击了页面上的路由链接 2、导致了url地址栏的hash值变化 3、前端路由监听到了hash地址的变化 4、前端路由把当前hash地址对应的组件渲染到浏览器中 在vue项目中，要想把路由用起来，必须把路由实例 阅读全文
posted @ 2023-03-07 23:31 guorunbin 阅读(44) 评论(0) 推荐(0)
vuex笔记
摘要：Vue x 在开发中，我们会的应用程序需要处理各种各样的数据，这些数据需 要保存在我们应用程序中的某一个位置，对于这些数据的管理我们就 称之为是 状态管理 src/store/index.js import { createStore } from "vuex"const store=createS 阅读全文
posted @ 2023-03-07 23:28 guorunbin 阅读(27) 评论(0) 推荐(0)
vue组件之间通信以及混入
摘要：子组件向父组件共享数据使用自定义事件 父向子用自定义属性 兄弟之间用eventbus 组件的$nextTick(cb)方法，会把cb回调到下一个dom更新周期之后执行 Vue2 中非父子组件之间用的是eventbus，而Vue3中非父子通信用的是全局事件总线和Provide/Inject 对于缓存的 阅读全文
posted @ 2023-03-07 23:28 guorunbin 阅读(70) 评论(0) 推荐(0)
js代理和期约
摘要：判断类型时除了用type of 还可以用instanceof persion instanceof Object for in 用于枚举对象中的非符号键属性，forin不能保证返回的对象 for of 用于遍历可迭代对象的元素 break 和continue 区别：break用于立即退出当前循环，强 阅读全文
posted @ 2023-03-07 23:26 guorunbin 阅读(45) 评论(0) 推荐(0)
jq（一些没了解的基础知识和遇到的坑）
摘要：jquery 监听document的DOMContentLoaded的方案 $(handler) 监听windows的load事件即：网页所有资源加载完 $(window).on('load',handler) jquery 与其他库的变量名冲突 解决冲突 调用jquery 函数 noconflic 阅读全文
posted @ 2023-03-07 23:25 guorunbin 阅读(274) 评论(0) 推荐(0)