随笔分类 - 查漏补缺
摘要:问题 如题所示 答案 css3 unset属性 CSS 中的 initial、inherit、unset、revert、all 相关源码: <div class="hzh-back-top" v-show="hzhShow" @click.stop="hzhGetTop"> <img class="
阅读全文
摘要:问题 如题所示 background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; 答案 CSS 背景位置 background
阅读全文
摘要:问题 如题所示 答案 相关源码: .footer-main .footer-item:nth-child(3){ flex: 2; } css选择器:nth-child()的用法 这里的: .footer-item:nth-child(3) 控制的是.footer-item元素的第三个直接子元素。
阅读全文
摘要:问题 如题所示 答案 相关源码: created(){ this.getSocial(); this.$store.dispatch('initComputeTime'); } vue dispatch用法_Vuex基本用法 Vue进阶(二十四):vuex 之 commit 和dispatch 这里
阅读全文
摘要:问题 如题所示 答案 相关源码如下: initComputeTime: ({commit}) => { commit('GET_RUNTIME_INTERVAL'); }, vuex直接修改state 与 用commit提交mutation来修改state的差异 这里commit函数的作用是提交到m
阅读全文
摘要:问题 如题所示,相关源码如下: // style.less @fish-sm:2vmin; @fish-md:3vmin; @fish-lg:5vmin; 答案 LESS详解之变量(@) 根据上面,@符号后面是在设置变量,分别设置三个变量fish-sm、fish-md、fish-lg,但是用在哪里呢
阅读全文
摘要:问题 如题所示 答案 相关源码: export function getTime(type) { if (type 'start') { return new Date().getTime() - 3600 * 1000 * 24 * 90 } else { return new Date(new
阅读全文
摘要:问题 如题所示 答案 相关源码: export function getTime(type) { if (type 'start') { return new Date().getTime() - 3600 * 1000 * 24 * 90 } else { return new Date(new
阅读全文
摘要:问题 如题所示 答案 相关源码: <article class="post post-list"> ...... </article> html5用article标记什么意思,html中article标签的作用是什么? 这个标签主要用于文章类的布局。
阅读全文
摘要:问题 如题所示 答案 transition: opacity .4s ease-out; CSS3 Transition 这个样式是用于过渡,这个过渡属性是透明度,因为只有一个时间,第一个时间是过渡持续的时间,这里是0.4s,过渡的函数类型是减速。
阅读全文
摘要:问题 如题所示 答案 Absolute(绝对定位)与relative(相对定位)的图文讲解 absolute相对于最近的父元素进行定位,relative相对于自身原来的位置进行定位。
阅读全文
摘要:问题 如题所示 答案 相关源码: object-fit: cover; 图片变形处理,设置属性object-fit: cover完美解决! [css3 object-fit: cover解决图片变形问题](https://blog.csdn.net/badgirl_hong/article/deta
阅读全文
摘要:问题 如题所示 答案 相关源码: animation-play-state: paused; 怎么使css 动画停止,如何用纯CSS方式实现CSS动画的暂停与播放效果?animation-play-state属性介绍(详解)... 根据上面,这是样式是用来控制动画的暂停。
阅读全文
摘要:问题 如题所示 答案 相关源码: created(){ this.getWebSiteInfo() this.getSocial() }, Vue进阶(三十六):created() 详解 vue中created、mounted等方法整理 Vue生命周期中mounted和created的区别 vue
阅读全文
摘要:问题 如题所示 答案 相关源码: * { font-family: miranafont, "Hiragino Sans GB", STXihei, "Microsoft YaHei", SimSun, sans-serif; margin: 0; padding: 0; text-decorati
阅读全文
摘要:问题 如题所示 答案 相关源码: <template> <div id="app" v-cloak> <loading></loading> <layout-header></layout-header> <layout-body></layout-body> <layout-footer></la
阅读全文
摘要:问题 如题所示 答案 ::-webkit-scrollbar { width: 5px; height: 5px; } ::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #d81e06; } ::-webkit-sc
阅读全文
摘要:问题 如题所示 答案 相关源码: blockquote, q { quotes: none; } blockquote 和 q 标签 css样式 这个样式是为了去掉双引号。
阅读全文
摘要:问题 如题所示 答案 相关源码: export function param2Obj(url) { const search = url.split('?')[1] if (!search) { return {} } return JSON.parse( '{"' + decodeURICompo
阅读全文
摘要:问题 如题所示 答案 相关源码: export function param2Obj(url) { const search = url.split('?')[1] if (!search) { return {} } return JSON.parse( '{"' + decodeURICompo
阅读全文