2023年8月8日
react后续
摘要： 组件之间的通信 父传子 父组件通过 属性=值 的形式来传递给子组件数据； <Mainbanner banners={banners}/> <Mainproductlist productlist={productlist}/> 子组件通过 props 参数获取父组件传递过来的数据； const{ba 阅读全文
posted @ 2023-08-08 17:18 guorunbin 阅读(9) 评论(0) 推荐(0) 编辑
react
摘要： React 组件 React的组件相对于Vue更加的灵活和多样，按照不同的方式可以分成很多类组件：根据组件的定义方式，可以分为：函数组件(Functional Component )和类组件(Class Component)；根据组件内部是否有状态需要维护，可以分成：无状态组件(Stateless 阅读全文
posted @ 2023-08-08 17:13 guorunbin 阅读(12) 评论(0) 推荐(0) 编辑
2023年7月27日
typescript
摘要： 原始数据类型包括：布尔值、数值、字符串以及 ES6 中的新类型Symbol和 ES10 中的新类型 BigInt 数组泛型 let list: Array<number> = [1, 2, 3]; 任意类型 let list: any[] = ['itbaizhan', 10, { website: 阅读全文
posted @ 2023-07-27 15:24 guorunbin 阅读(5) 评论(0) 推荐(0) 编辑
jsx语法
摘要： JSX语法  JSX是一种JavaScript的语法扩展（eXtension），也在很多地方称之为JavaScript XML，因为看起就是一段XML语法；  它用于描述我们的UI界面，并且其完成可以和JavaScript融合在一起使用；  它不同于Vue中的模块语法，你不需要专门学习模块语法 阅读全文
posted @ 2023-07-27 15:15 guorunbin 阅读(354) 评论(0) 推荐(0) 编辑
2023年3月12日
请求拦截器和响应拦截器
摘要： 使用的库为axios 请求拦截器 this.instance.interceptors.request.use((config=>{ return config },err=>{ return err }) 响应拦截器 this.instance.interceptors.response.use( 阅读全文
posted @ 2023-03-12 20:06 guorunbin 阅读(53) 评论(0) 推荐(0) 编辑
2023年3月9日
Tree-shaking(摇树优化）
摘要： Tree-Shaking(摇树优化) :主要用于前端的性能优化，即在导入模块的时候，将一些项目用不到的代码像树木落叶一样摇掉，且tree-shaking只支持ESModule,不支持Common.js Tree-Shaking 失效(副作用)：当我们在调用某个函数时，可能将某个变量改变为全局，或者误 阅读全文
posted @ 2023-03-09 21:02 guorunbin 阅读(107) 评论(0) 推荐(0) 编辑
2023年3月7日
vue2与vue3不同点：opitons api 与cmposition api
摘要： vue2:options api 采用的是命令式编程，而vue3组合式api采用的是函数式编程，两者存在很大的差异，vue3更灵活，难度也更大。 script 语法糖，vue3可以通过导入函数的方式来定义响应式数据 为了在声明 props 和 emits 选项时获得完整的类型推断支持，我们可以使用 阅读全文
posted @ 2023-03-07 23:41 guorunbin 阅读(35) 评论(0) 推荐(0) 编辑
组件、全局组件、动态组件
摘要： 组件 由tmplate script style 构成 组件中的模板中只能有一个div(根节点) 启用less语法 使用<style lang="less"> 组件在被封装好后，彼此之间是独立的 在使用组件时，根据嵌套关系，形成父子、兄弟关系 通过componets 注册的是私有子组件 例如：在a中 阅读全文
posted @ 2023-03-07 23:36 guorunbin 阅读(23) 评论(0) 推荐(0) 编辑
vue生命周期以及如何将axios挂载到vue的原型链上
摘要： 生命周期 组件的生命周期是指一个组件从创建->运行->销毁的整个阶段，强调的是一个时间段 生命周期函数：是由vue框架提供的内置函数，会伴随着组件的生命周期，自动按次序执行 update 函数：在DOM更新的时候，会触发update update(el,binding){ el.style.colo 阅读全文
posted @ 2023-03-07 23:34 guorunbin 阅读(102) 评论(0) 推荐(0) 编辑
vue-router的笔记
摘要： 路由：hash地址与组件之间的对应关系 SPA:单页面应用程序 前端路由的工作方式 1、用户点击了页面上的路由链接 2、导致了url地址栏的hash值变化 3、前端路由监听到了hash地址的变化 4、前端路由把当前hash地址对应的组件渲染到浏览器中 在vue项目中，要想把路由用起来，必须把路由实例 阅读全文
posted @ 2023-03-07 23:31 guorunbin 阅读(20) 评论(0) 推荐(0) 编辑
下一页