随笔分类 - 查漏补缺
摘要：问题 源码如下： .hzh-banner-img:hover { transform: scale(1.1, 1.1); filter: contrast(130%); } 答案 :hover表示光标悬挂在元素上发生改变。 transform表示2D转换，scale表示缩放转换，两个参数表示水平和垂
阅读全文
摘要：问题 如题所示 答案 完美的背景图全屏css代码 – background-size:cover? 说说background-size:cover;与background-size:contain的区别 相关源码： .hzh-banner-img { width: inherit; height:
阅读全文
摘要：问题 如题所示 答案 在源码中看到这样一句源码： <div class="banner-img" :style="{'background-image': `url({src})这个到底是啥？不太懂，然后群里的朋友跟我说这是模板字符串，然后在网上搜一下答案： 模板字
阅读全文
摘要：问题 如题所示 答案 html中cursor的属性,cursor怎么用？CSS中cursor属性的使用方法以及可选值的解析 CSS 鼠标样式 cursor属性 cursor的用法 cursor: pointer;这个的意思是鼠标的光标移动到组件时会变成竖起来的手指。效果如下图：
阅读全文
摘要：问题 如题所示 答案 setInterval函数的用法 setInterval的用法以及示例 相关源码： let timer = setInterval(() => { let scrollTop = window.pageYOffset || document.documentElement.sc
阅读全文
摘要：问题 如题所示 答案 js 小数向上取整，保留一位有效数字 js 小数向上取整，保留一位有效数字 Math.ceil()表示向上取整，那么向上取整的意思是将会返回一个大于或者等于给定数字的最小整数。
阅读全文
摘要：问题 如题所示 答案 rem和em的区别 em,rem的区别与使用 相关的源码如下： .hzh-back-top { background-color: #ffffff; position: fixed; right: 3rem; bottom: 8rem; } rem是根据html根目录下的字体大
阅读全文
摘要：问题 如题所示 答案 css3 vh单位使用 CSS3新vw, vh单位 css3新单位vw、vh、vmin、vmax的使用详解 vh，指的是Viewport height，也就是视窗的高度。而什么是视窗呢？ 视窗单位-vw/vh/vmin/vmax 如下图所示，浏览器显示内容的部分，其中也包括滚动
阅读全文
摘要：问题 如题所示 答案 CSS中margin属性详解 CSS margin属性详解 margin：auto 与 margin：0 auto 区别 margin:0 auto 表示什么意思？？ 相关的源码 .footer-main{ max-width: 800px; margin: 0 auto 20
阅读全文
摘要：问题 如题所示 答案 【原】a.class与a .class的区别 相关的源码： a.out-link:hover{ color: #ff6d6d; } 如果a标签和类名中有空格，就是后代选择器，也就是a标签中的所有元素。没有空格，就是要满足有a标签和有该类名的条件，但是不太明白为什么这样，直接写这
阅读全文
摘要：问题 如题所示 答案 target="_blank HTML 链接 - target 属性四种选择_blank、_parent、_self、_top HTML5 <a>中 target="_blank"属性值含义 相关源码： <div class="hzh-footer-item"> <div>黄子
阅读全文
摘要：问题 如题所示 答案 Vue中key属性的作用 vue中：key的作用 Vue中key值的作用 vue核心面试题：v-for中为什么要用key 相关源码： <div class="footer-item" v-if="socials.length"> <div v-for="item in soci
阅读全文
摘要：问题 如题所示 答案 Vue.js教程（三）：v-if条件判断 vue中v-if的常见使用 v-if，条件渲染，也是先对后面的布尔值判断真假，再进行渲染。 相关源码： <div class="footer-item" v-if="socials.length"> <div v-for="item i
阅读全文
摘要：问题 如题所示 答案 vuejs里:style和:class的区别（vue动态操作绑定class 和 style的方法） Vue框架整理：动态设置样式style、class 动态style(vue) 动态添加的类名是基于数据的，当对应的数据为 true 时会显示，否则没有 😒tyle属于内联式动态
阅读全文
摘要：问题 如题所示 答案 vue地址去掉 # VUE路由去掉“#” 修改前源码是这样的： export default new Router({ routes: [ { path: '/', name: 'hzhHome', component: () => import('@/views/hzhHom
阅读全文
摘要：问题 如题所示 答案 Vue中this.$router.push（参数） 实现页面跳转
阅读全文
