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