黄子涵

摘要: 问题 如题所示 答案 Vue生命周期中mounted和created的区别 mounted是模板渲染成html,也就是页面初始化之后,对应这是每次页面刷新都判断一次滚动条的位置,每次页面刷新都调用fetchcategory这个函数。 阅读全文
posted @ 2022-06-22 22:13 黄子涵 阅读(83) 评论(0) 推荐(0)
摘要: 问题 如题所示 答案 统一返回结果对象 HTTP响应码大全 code代表状态码,2xx表示返回成功。 阅读全文
posted @ 2022-06-22 21:42 黄子涵 阅读(68) 评论(0) 推荐(0)
摘要: 问题 如题所示 答案 vue工程代码优化:新建utils文件夹统一管理工具函数 前端框架里面utils文件的使用。 共享的一些工具和方法。 阅读全文
posted @ 2022-06-22 16:45 黄子涵 阅读(1062) 评论(0) 推荐(0)
摘要: 问题 什么是路由懒加载? 为什么要使用路由懒加载? 答案 vue-router路由懒加载的详解(原因,效果,和三种方式进行懒加载) 当打包构建应用时,JavaScript包会变得很大,影响页面加载。路由懒加载就是将路由对应的组件打包成JavaScript代码块,只有路由被访问到才加载对应的组件 引用 阅读全文
posted @ 2022-06-22 16:43 黄子涵 阅读(49) 评论(0) 推荐(0)
摘要: 问题 如题所示: 答案 看看路由引进的路径有没有写错,写漏, 我一开始的路径是这样的: routes: [ { path: '/', name: 'home', component: () => import('@/views/hzhHome.vue'), meta: { title: '首页' } 阅读全文
posted @ 2022-06-22 15:30 黄子涵 阅读(602) 评论(0) 推荐(0)
摘要: 问题 如题所示,以下代码是啥意思? height: 50px; line-height: 50px; 答案 line-height和height的区别 因为line-height表示的是文字的高度,height表示的是元素的高度,这两者相同的时候就表示元素的高度是由元素中的文字所撑开。 阅读全文
posted @ 2022-06-22 11:51 黄子涵 阅读(392) 评论(0) 推荐(0)
摘要: 问题 如题所示 width: 100%; height: 80px; padding: 0 80px; 答案 父元素width为100%,设置padding,出现滚动条 我们看看没有设置padding之前,视图是个啥情况? 我们可以看到整个整个盒子content的宽度为299,而此时的padding 阅读全文
posted @ 2022-06-22 11:34 黄子涵 阅读(347) 评论(0) 推荐(0)
摘要: 问题 如题所示 答案 Vue中显示img图片,显示不出来怎么办?vue显示图片 将hzh-site-logo.svg图片文件从assets文件夹剪切到static文件夹下。 引入方式从: <img src="@/assets/hzh-site-logo.svg"> 改为: <img src="../ 阅读全文
posted @ 2022-06-22 09:28 黄子涵 阅读(113) 评论(0) 推荐(0)
摘要: 问题 如题所示,控制台报错如下: vue.esm.js?efeb:628 [Vue warn]: Failed to mount component: template or render function not defined. found in > <HzhLayoutFooter> at F 阅读全文
posted @ 2022-06-22 09:18 黄子涵 阅读(1515) 评论(0) 推荐(0)
摘要: 问题 如题所示 padding: 0 80px; 答案 关于css文件中padding属性各参数的顺序设置规则 这段代码设置元素上下内边距为0px,左右内边距为80px。 阅读全文
posted @ 2022-06-22 07:46 黄子涵 阅读(416) 评论(0) 推荐(0)
摘要: 问题 如题所示 transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all linear; -o-transition: 0.3s all ease; -ms-transition: 阅读全文
posted @ 2022-06-22 07:40 黄子涵 阅读(572) 评论(0) 推荐(0)
摘要: 问题 源码中这三行代码是啥意思? display: flex; justify-content: space-between; align-items: center; 答案 html+css:display:flex属性 块元素、行内元素、行内块元素 display: flex;这行代码将ID为l 阅读全文
posted @ 2022-06-22 07:33 黄子涵 阅读(40) 评论(0) 推荐(0)