摘要: 1、高度不要用百分比和vh,使用计算高度的方式,在index.html入口 <style> :root { --app-height: 100%; } html, body { margin: 0; height: 100vh; /* 基础高度 */ height: var(--app-height 阅读全文
posted @ 2025-07-04 10:00 鹿俊俊 阅读(10) 评论(0) 推荐(0)
摘要: scrollIntoView 方法用于滚动指定元素的父容器或者当前窗口,使指定的元素对用户可见。 可以满足业务场景,需要滚动到指定区域的需求。 element.scrollIntoView(options):其中 options 参数可选,默认值为{block: "start", inline: " 阅读全文
posted @ 2024-11-26 10:22 鹿俊俊 阅读(306) 评论(0) 推荐(0)
摘要: git stash 将代码暂存 切换分支操作完成后,再切换回来时,git stash apply 阅读全文
posted @ 2024-07-29 16:35 鹿俊俊 阅读(129) 评论(0) 推荐(0)
摘要: 1 filterType(id, tree) { 2 function filterOurType(id,tree){ 3 for(let l of tree){ 4 if(id l.id){ 5 return l.name; 6 }else{ 7 if(l.children&&l.children 阅读全文
posted @ 2023-05-31 09:36 鹿俊俊 阅读(54) 评论(0) 推荐(0)
摘要: 1.今天在制作页面数据的时候,发现除IE浏览器,其他浏览器当文字的时候是自动换行的,但是当数字过多的时候无法自动换行。所以需要加上 word-break: break-all; 可以让数字也强制换行。 这里提到IE浏览器是因为,IE浏览器就很顽固,即使加上这条修饰,它也无法换行。因为我是用的tabl 阅读全文
posted @ 2020-04-30 16:12 鹿俊俊 阅读(346) 评论(0) 推荐(0)
摘要: 1.CSS中单位非常多,px、rem、%应该是用的最多的,em要慎用,最近还看到vw、vh。 在实践过程中,使用rem,一定要记得结合html元素,设置font-size; html{ font-size:12px; } 如果你不写,你会发现在谷歌和IE浏览器下,你的布局大部分都乱了。因为谷歌默认的 阅读全文
posted @ 2020-01-15 16:49 鹿俊俊 阅读(244) 评论(0) 推荐(0)
摘要: 父级没有设置高度的情况下产生的父级高度崩塌:使用浮动会产生此结构。 解决方法:1.父级写样式 overflow:hidden; 2.伪类:after :after{ content:"", clear:both, display:'block' } 阅读全文
posted @ 2020-01-10 10:02 鹿俊俊 阅读(213) 评论(0) 推荐(0)
摘要: http://www.zhangxinxu.com/study/201008/css3-color-names.php 现在写网页最烦的就是颜色的搭配了,然后在Stephen666的博客园看到这个网站,我本来以为就是很普通的颜色值,但是我发现他写的顺序搭配的挺很好看。仔细瞧会发现这是147的有英文命 阅读全文
posted @ 2020-01-08 14:30 鹿俊俊 阅读(521) 评论(0) 推荐(0)
摘要: 1.box-shadow属性除了常用于阴影效果、卡片等基础使用外,还可以用于实现比较炫酷的特效; 类似这样的想过都是可以通过box-shadow属性制作的;资料来源于CSDN:很小白的小白 附上他的代码, <!DOCTYPE html> <html lang="en"> <head> <meta c 阅读全文
posted @ 2019-12-31 18:09 鹿俊俊 阅读(2654) 评论(0) 推荐(0)