随笔分类 - 查漏补缺
摘要：问题 如题所示 width: 100%; height: 80px; padding: 0 80px; 答案 父元素width为100%，设置padding，出现滚动条 我们看看没有设置padding之前，视图是个啥情况？ 我们可以看到整个整个盒子content的宽度为299，而此时的padding
阅读全文
摘要：问题 如题所示 答案 Vue中显示img图片，显示不出来怎么办？vue显示图片 将hzh-site-logo.svg图片文件从assets文件夹剪切到static文件夹下。 引入方式从： <img src="@/assets/hzh-site-logo.svg"> 改为： <img src="../
阅读全文
摘要：问题 如题所示，控制台报错如下： vue.esm.js?efeb:628 [Vue warn]: Failed to mount component: template or render function not defined. found in > <HzhLayoutFooter> at F
阅读全文
摘要：问题 如题所示 padding: 0 80px; 答案 关于css文件中padding属性各参数的顺序设置规则 这段代码设置元素上下内边距为0px，左右内边距为80px。
阅读全文
摘要：问题 如题所示 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:
阅读全文
摘要：问题 源码中这三行代码是啥意思？ display: flex; justify-content: space-between; align-items: center; 答案 html+css:display:flex属性 块元素、行内元素、行内块元素 display: flex;这行代码将ID为l
阅读全文
摘要：问题 如题所示 答案 html li是块级元素,li是行内元素吗？ 块元素、行内元素、行内块元素 <div id="hzh-layout-header"> <div class="hzh-site-logo"> <img src="@/assets/hzh-site-logo.svg"> <p cl
阅读全文
摘要：理论 什么是 CSS 中的交集选择器 实践 源码中： p.site-name { font-size: 15px; font-weight: bold; position: relative; top: -10px; } 也就是选中p标签的同时，也选中类名为site-name的元素。
阅读全文
摘要：问题 如何取消浏览器默认样式和和列表的小点点，又或者如何引入rest.css文件？ 答案 Vue统一样式（reset.css与border.css） 在没有引入初始化文件rest.css之前，页面是这样的： 在assets文件下新建styles文件夹，将rest.css放在该目录下： 引入方式如下：
阅读全文
摘要：问题 以下源码中，@符号代表什么啥意思？ <img src="@/assets/site-logo.svg" alt="" /> 答案 Vue中 @表示的路径 关于@符号的设置可以到webpack.base.conf.js文件中进行修改： 所以这里@/就是表示src路径下啦(▽)
阅读全文
摘要：问题 webpack.config.js文件在哪里？ 答案 Vue中 webpack.config.js在哪儿
阅读全文
