会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
催晚
博客园
首页
新随笔
联系
订阅
管理
2019年7月18日
如何在vue中监听scroll,从而实现滑动加载更多
摘要: 首先需要明确3个定义: 文档高度:整个页面的高度 可视窗口高度:你看到的浏览器可视屏幕高度 滚动条滚动高度: 滚动条下滑过的高度 当 文档高度 = 可视窗口高度 + 滚动条高度 时,滚动条正好到底。 首先在mounted中添加监听:window.addEventListener('scroll',
阅读全文
posted @ 2019-07-18 11:47 催晚
阅读(5196)
评论(0)
推荐(2)
2019年6月27日
git 如何新增分支以及提交合并
摘要: git branch -a 查看所有分支 git branch 分支名 新建本地分支 git checkout 分支名 切换分支 git checkout -b 分支名 切换并新建本地分支 git pull origin 远程分支名:本地分支名 拉取远程分支与本地分支合并 git push orig
阅读全文
posted @ 2019-06-27 14:42 催晚
阅读(799)
评论(0)
推荐(0)
2019年5月27日
《CSS世界》笔记
摘要: 无依赖绝对定位 Absolute 只设置子元素为absolute,而父元素不设置relative以及left、top等偏移值 然后再通过margin来调整子元素的定位从而实现功能。 利用margin设置右对齐 由于CSS中margin初始值为0,若只设置margin-left:auto 则会实现右对
阅读全文
posted @ 2019-05-27 19:51 催晚
阅读(171)
评论(0)
推荐(1)
2019年4月25日
解决vscode换行光标跳转行首
摘要: 这个问题是由于设置自动保存而造成的。 解决方法1:取消自动保存。 解决方法2:在首选项的设置里加上"files.autoSaveDelay": 10000,延迟一小会自动保存的时间即不会再跳动。
阅读全文
posted @ 2019-04-25 20:13 催晚
阅读(4325)
评论(0)
推荐(1)
2019年3月12日
形状
摘要: 自适应的椭圆 border-radius: 50% / 50%; => border-radius: 50%; 自适应半椭圆 横向: border-radius: 50% / 100% 100% 0 0; 纵向: border-radius: 100% 0 0 100% / 50%; 平行四边形 以
阅读全文
posted @ 2019-03-12 11:38 催晚
阅读(260)
评论(0)
推荐(0)
2019年3月7日
背景与边框
摘要: 半透明边框 border: 10px solid hsla(0,0%,100%,.5); background: white; 因为background-clip默认为border-box所以无法实现半透明边框效果。 此时应改为padding-box即可实现效果。 多重边框 使用box-shadow
阅读全文
posted @ 2019-03-07 20:47 催晚
阅读(166)
评论(0)
推荐(0)
前言
摘要: CSS代码优化 font-size:20px; => font-size:20px line-height:30px; line-height:1.5 border-width: 10px 10px 10px 0; => border-width: 10px; border-left-width:
阅读全文
posted @ 2019-03-07 19:18 催晚
阅读(169)
评论(0)
推荐(0)
2018年12月20日
echarts踩坑---容器高度自适应
摘要: 在echarts中,若设置固定高度,当柱状图数据过多时会出现数据相互挤压,给用户的体验十分糟糕,可以通过给容器设置自适应高度,然后通过getDom()的方法解决此问题。 具体解决办法如下: <div id="myChart1" :style="{width:'650px'}" class="char
阅读全文
posted @ 2018-12-20 20:10 催晚
阅读(12002)
评论(0)
推荐(0)
2018年12月10日
vue中刷新页面时去闪烁,提升体验方法
摘要: 首先在最外层div添加v-if="isReloadAlive",并创建变量isReloadAlive = true 随后添加provide()以及reload方法,如下: export default { provide() { return { reload: this.reload } }, d
阅读全文
posted @ 2018-12-10 15:36 催晚
阅读(1795)
评论(0)
推荐(0)
2018年11月7日
2018.11.7
摘要: 正则判断是否为空: if(!/^\s*$/.test(对象)){ document.getElementById("last").style.display="none";//若不为空,则不显示 } git拉取本地不存在的分支: git checkout -b 本地分支名 origin/远程分支名
阅读全文
posted @ 2018-11-07 14:44 催晚
阅读(91)
评论(0)
推荐(0)
下一页
公告