- 博客(18)
- 资源 (1)
- 收藏
- 关注
原创 网页变灰怎么实现?
以上是哔哩哔哩与淘宝的变灰方式,它们都使用了CSS中的filter属性。filter 属性定义元素(通常是 )的视觉效果(如模糊和饱和度)。filter的默认值是none,不支持继承。在我们遇到公祭日等日子的时候,某些网页可能会有变灰的需求。
2022-12-02 09:00:24 335 1
原创 草履虫都能学会的进度条效果,你还不会nprogress吗
一般情况下,我们可以在二次封装的axios中的拦截器中使用,项目中经常在src文件夹目录下建立api文件夹,比如我将axios二次封装写在request.js中。在我们的项目中,尤其是网页效果,也许会遇到进度条需求,那么我们怎么实现呢?这里介绍一个插件,可以快速实现进度条效果,草履虫都能学会!这样再配合我们的请求,就会发现出现进度条效果,没有的也可以重新npm run serve试试。当然了有其他好用的插件也欢迎在评论区分享哦!没错,插件名就是nprogress。(2)第二步,在哪里使用。
2022-11-28 23:23:37 306
原创 vue2里面的Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location
注意,Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location不影响程序的执行效果,只是控制台会爆红,不在意可以不去修改,并且vue3中不会出现这种情况。这里的location告诉原来的push、replace方法往哪里跳转,传递哪些参数;resolve是成功的回调,reject是失败的回调。
2022-11-26 21:38:59 663
原创 亲测有效——win10底部导航栏没反应怎么办
(2)出现假死,Esc + Shift + Ctrl打开任务管理器——重新启动 Windows资源管理器——恢复正常,再重复步骤(1);今天记录一下困扰了我很久的问题,就是win10系统的底部导航栏经常出现假死、消失这种情况。好了,那么为什么会卡死呢?这是win10自身bug,所以只要关闭资讯和兴趣就好了,最好断开网络进行解决。(1)未出现假死之前,底部导航栏右键——资讯和兴趣(快捷键N)——关闭(快捷键O);设置成功后最好重启电脑。
2022-11-26 20:33:12 3683
原创 什么?你还不会搭建路由组件?保姆级教程教你搭建路由
(2)然后需要小伙伴们去分析做切换的路由组件都有什么,就比如电商项目,它有主页Home、登录页Login、注册页Register、搜索页Search…(1)路由组件一般放在pages/views文件夹,非路由组件一般放在components文件夹;(2)路由组件要在router文件夹注册,在main.js引入等等,非路由组件以标签形式使用即可;(3)注册完路由,无论是路由组件还是非路由组件都有$route和$router属性。注意:声明式能干的,编程式都可以,编程式还可以进行一些其他的业务逻辑。
2022-11-24 18:24:43 432
原创 vue项目里,需要清除默认样式怎么办?
在我们的vue项目里,设置style样式后发现没有清除默认样式导致页面不美观,该怎么做呢?然后放在public文件夹下,再在index.html页面里引入即可。不过,注意这里的默认字体,也许需要引入呦!
2022-11-23 22:19:04 2266
原创 开始一个vue项目需要准备什么?
经常有人遇到代码开头标红的报错,提示我们No Babel config file detected。写在前面:小白学习过程中常常不清楚怎么开始准备一个vue项目,本文以vue2为例,介绍准备工作以及报错解决。app 指令,选择vue2或者vue3(一般选2),再用VSCode打开文件夹,就能开开心心写代码了。可以在桌面新建一个文件夹着手准备新项目,接着进入cmd命令行窗口,使用。package.json里scripts中,
2022-11-22 22:50:40 499
原创 这些vue题,你真的做得对吗?(vue笔试题第三弹)
(2)route:是正在跳转路由的局部对象,可以获取这个正在跳转的路由的name,path,params,query等。(1)push(),数组末尾添加新元素,返回更新后的数组长度,该方法将改变原始数组的长度;(3)shift(),删除数组第一个元素,返回删除的元素,该方法将改变原始数组的长度;(4)unshift(),头部添加一个元素,该方法将改变原始数组的长度;(2)pop(),末尾删除一个元素,该方法将改变原始数组的长度;(5)splice(),删除,插入,替换,该方法将改变原始数组;
2022-11-21 16:19:43 710
原创 这些vue题,你真的做得对吗?(vue笔试题第二弹)
HMR是webpack提供的最有用的功能之一,会在程序运行中,替换、添加、删除模块,无需重新加载整个页面,无需更替所有模块。vue无法检测property的添加或移除,只有在data对象上存在才能呢让它转换为响应式的。Actions提交的是Mutations中的方法,而不是直接变更状态。可以不加,但是刷新页面的时候,可能由于key相同,导致页面不刷新。轻量级、双向数据绑定、组件化、数据驱动视图。
2022-11-20 17:37:37 148
原创 这些vue题,你真的做得对吗?(vue笔试题第一弹)
父子组件生命周期的执行顺序是父亲beforecreate、父亲created、父亲beforeMount、孩子beforecreate、孩子created、孩子beforeMount、孩子mounted、父亲mounted、父亲beforeDestroy、孩子beforeDestroy、孩子destroyed、父亲destroyed,孩子的mounted早于父亲mounted。this.$router.push():跳转到指定URL,向history栈添加一个新的记录,点击后退会返回上一个页面;
2022-11-19 22:07:19 489
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人