随笔分类 - js
摘要：对节流与防抖的理解 使用防抖和节流的目的： 为了避免频繁触发回调，导致大量的计算和异步请求，而造成的性能或者卡顿问题 防抖 概念 函数防抖是指在事件被触发 n 秒后再执行回调，如果在这 n 秒内事件又被触发，则重新计时。 这可以使用在一些点击请求的事件上，避免因为用户的多次点击向后端发送多次请求。
阅读全文
摘要：git 介绍： https://zhuanlan.zhihu.com/p/30044692 使用中遇到的问题 1. windows中用type查看文件内容，linux中用cat查看文件内容 使用方法：type filename cat filename 2. git add .git commit
阅读全文
摘要：展现分页器需要的数据： （1）当前是第几页：pageNo （2）每页有多少条数据：pageSize （3）总共有多少条数据：total （4）连续页码的个数（奇数）：continues 在Pagination的computed中可以计算总页数，并且计算连续页码的开始值和结束值 <script> ex
阅读全文
摘要：Set Set：集合【去重】（类似数组）,是一个对象类型 1.概念 它类似于数组，但成员的值都是唯一的，集合实现了 iterator 接口，所以可以使用『扩展运算符』(…)和『for…of…』进行遍历 2.集合的属性和方法 size：返回集合的元素个数 add增加一个新元素，返回当前集合（一次只能加
阅读全文
摘要：1.props：父给子传递数据 （1）父组件中在子组件自身传递数据 home父组件 （2）子组件在props接收父组件传递过来的数据 Floor子组件 props中的数据直接挂载到组件实例中，直接用this...可以访问的到 2.自定义事件：子给父传递数据 （1）子组件中触发自定义事件 在子组件中有
阅读全文
摘要：利用swiper制作轮播图 （1）安装swiper插件，npm i --save swiper@5 （2）引包（在需要轮播图的组件中的script中引入，该项目中是Carousel） 在入口文件引入swiper样式 （3）在页面结构，即轮播图完整的前提下，new Swiper ***如何判断轮播图结
阅读全文
摘要：操作步骤： （1）在项目src文件夹中创建mock文件夹 （2）在mock文件夹中创建相应的JSON文件，准备JSON数据（注意别有空格） （3）把mock数据需要的图片放置在public文件夹中（public文件夹在打包时，会把相应的资源原封不动的打包到dist文件夹中） （4）创建mockSer
阅读全文
摘要：三级联动,用户可以点击的:一级分类、二级分类、三级分类,当你点击的时候 以商城项目为例，Home模块跳转到Search模块,以及会把用户选中的产品(产品名字、产品ID)在路由跳转的时候,进行传递 路由跳转: 声明式导航:router-link 编程式导航:push|replace 方法一:声明式导航
阅读全文
摘要：//对于axios进行二次封装，想用它的请求和响应拦截器 import axios from "axios"; //引入进度条 import nprogress from 'nprogress' //引入进度条样式， import "nprogress/nprogress.css" // 在当前模块
阅读全文
摘要：有三种写法 在router中: // 布尔值写法 // props:true, // 对象写法,额外地给路由组件传递一些props // props:{a:1,b:2} // 函数写法:params参数 query参数都可以传递 props:($route)=>{ return{keyword:$r
阅读全文
摘要：路由传参：传递query参数和params参数 query参数 不属于路径中的一部分，类似于ajax中的queryString /home?k=v&k=v，路径与参数之间用？隔开,路由信息配置path时不需要占位 声明式导航传递query参数 to的对象写法中的path可以换成name 编程式导航传
阅读全文
摘要：路由的跳转有两种形式：声明式导航和编程式导航 声明式导航： <router-link to='/home'>去home页面</router-link> 适用于直接跳转，不需要添加额外的业务逻辑 router-link（可以理解为a标签，可以加class修饰）【就是把a替换成router-link】
阅读全文
摘要：1.对this对象的理解 this是执行上下文中的一个属性，它指向最后一次调用这个方法的对象。 下面使用几个例子来说明“最后一次调用” 例1 var name = 'windowsName' function a() { var name = 'Jack'; console.log(this); c
阅读全文
摘要：在需要控制DOM元素在页面中的显示和隐藏时，可以通过v-if和v-show来实现，两种方法在实现原理、编译过程和性能消耗方面都有各自的特点，因此分别适用于不同的使用场景。 实现原理： v-if是动态的向DOM树内添加或者删除DOM元素； v-show是通过设置DOM元素的display样式属性控制显
阅读全文
