黄子涵

随笔分类 -  查漏补缺

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

点击右上角即可分享
微信分享提示