哪里有人收费做网站,有价值 网站,网站内容更新教程,即墨做网站公司第21集#xff0c;第22集#xff1a;照敲就行#xff0c;引入概念。 第23集#xff1a;防抖概念#xff1a;前面所有的触发被取消#xff0c;最后一次执行在规定的时间之后才会触发#xff0c;只会执行一次。Lodash插件里面封装了函数的防抖和节流的业务。用到lodash确实…第21集第22集照敲就行引入概念。 第23集防抖概念前面所有的触发被取消最后一次执行在规定的时间之后才会触发只会执行一次。Lodash插件里面封装了函数的防抖和节流的业务。用到lodash确实比硅谷外卖新很多。学到了.debounce. 第24集节流概念在规定的间隔时间范围内不会重复触发回调只有大于这个时间间隔才会触发回调把频繁触发改为少量触发。.throttle. 第25集,第26集第27集这一集有个要注意的是html中的自定义属性data-后面的无视大小写如果想让它在js中大写的话要加-,其它的还好vue3里面路由传空串路由也不会出错。声明式导航会创造很多的实例导致性能损耗。 第29集这里vue3的话在less里给.sort-enter加个from可能是vue3的写法吧不去深究。 第30集这集这个优化挺重要的 第32集mockjs还是在前端拦截ajax模拟服务器接口的。在项目中拿mock文件夹来装。还有个知识点‘/images/banner1.jpg’前面的这个/是服务器的根目录是相对于html来说的因为其他的js和vue组件都是挂载到它身上的。把mock数据需要的图片放在public文件夹中图片和json在vite这些构建工具中都是默认对外暴露的。 第34集我们直接用最新的Swiper8,创造Swiper前页面中的结构必须存在swiper8里用.swiper不用.swiper-container 第35集这个setTimeout我自己写也会首先想到。Swiper8小圆点不显示这个也不是重点能用就行。 第38集这个知识点很重要请求不在该组件中传递接收到参数时组件结构已经渲染好了。 第39集主要是一个拆分全局组件的思想全局组件的注册跟之前的vue3写法一样。 第40集有一些小细节,就是老师视频里经常会对一些组件名大小写进行修改但没有讲解所以一集一集理解着过还好如果不写复制就会出错在vuecli里.vue后缀可以不写我们用vite需要补全既然我们不用默认的index.vue我们可以把名字改成类似Search.vue这样的易于理解。 第41集哈哈哈哈哈本来以为自己是学霸结果遇到问题还是弹幕给我解答这里照着写好后并不会发请求而是在跳转到search组件后里面的mounted才会生效简单说来就是要点击页面上的搜索才行还以为是接口问题。。。接口是可以正常使用的代码一模一样。 第45集route不用加this这是watch里的。接口的问题和之前的一样。第47集vue3取消了全局事件总线要使用route不用加this这是watch里的。接口的问题和之前的一样。 第47集vue3取消了全局事件总线要使用route不用加this这是watch里的。接口的问题和之前的一样。第47集vue3取消了全局事件总线要使用bus要安装mitt和tiny-emitter,现在vuex都快被pinia取代了老师用$bus就是想加深大家印象我们直接用vuex就行了。大概意思就是search组件传递一个clear事件让header组件将它的keyword清空先传递事件
然后在Home组件的vuex中
最后在组件中监听state并修改数值
这里要加.home来区分不同模块。试过以后发现这样的话多次跳转监听不到把上面的代码稍微改一下每次state.changeKeyword取反再把if(newValuetrue)去掉。只要不加immediate执行第一次就好了。其它的跟着老师写就好了。 第48集这一集如果trandemark设为undefined的话上面就用v-if不要用v-show了不然结构还存在读取undefined的split方法会报错。 第50集接口还是可以使用的照着写就行了。
