摘要:import():函数是按需加载,import文件的export function require():是运行时加载 import().then(()=>{}) Promise.all([import(),import()]).then(()=>{}) 阅读全文
z-index失效的情况
2018-02-11 17:55 by 改吧, 388 阅读, 0 推荐, 收藏, 编辑
摘要:1、父标签 position属性为relative; 2、问题标签无position属性(不包括static); 3、问题标签含有浮动(float)属性。 4、问题标签的祖先标签的z-index值比较小 如果这样的话 position只还剩下absolute跟fixed了喔 阅读全文
利用getBoundingClientRect()来实现div容器滚动固定
2018-02-11 16:43 by 改吧, 622 阅读, 0 推荐, 收藏, 编辑
摘要:ele.getBoundingClientRect()的方法是可以获得一个元素在整个视图窗口的位置 可以return的值有width,height,top,left,x,y,right,bottom 场景 当你的一个div是处在viewport的一个中部位置 你想要的效果是当页面滚动到这个div的时 阅读全文
css文件放在头部的原因
2018-02-11 16:30 by 改吧, 1242 阅读, 0 推荐, 收藏, 编辑
摘要:我在博问上发的一个这个问题 然后有人这样回复我的 我感觉很有道理的样子 所以我放上来了 这样会先加载css的样式,在渲染dom的时候已经知道了自己的样式了,所以一次渲染成功 如果css放在底部,那么需要先渲染dom,然后加载css后会重新渲染之前dom,需要两次渲染 欢迎各位提意见 阅读全文
transition结合:after,:before实现动画
2018-02-11 16:25 by 改吧, 2186 阅读, 0 推荐, 收藏, 编辑
摘要:div代码 <div class='div'> hover </div> css代码 .div{ width:200px; height:100px; line-height: 100px; text-align: center; border-radius: 5px; background-col 阅读全文
http跟https的区别
2018-02-09 15:30 by 改吧, 359 阅读, 0 推荐, 收藏, 编辑
摘要:http: Hypertext transform protocol 超文本传输协议 是一个为了传输超媒体文档(比如html)的应用层协议 是为了web的浏览器跟web的server端的交流而设计的,他使浏览器更加高效,使网络传输减少 明文的,不加密 默认端口是80 https:Hypertext 阅读全文
window,getComputedStyle,letter-spacing
2018-02-08 15:44 by 改吧, 262 阅读, 0 推荐, 收藏, 编辑
摘要:js 拿到element的css样式 window.getComputedStyle(ele,[pseuso) 比如想拿到一个element的背景色 window.getComputedStyle(document.body).backgroundColor css letter-spacing:设 阅读全文
inline-block,vertical-align:middle
2018-02-08 15:38 by 改吧, 977 阅读, 0 推荐, 收藏, 编辑
摘要:现在inline-block貌似可以替代float来实现多个item的排列分布吧 div是块级元素,如果不设置他的明确的宽度,那他就等于父元素的宽度,如果想让他其它随着子元素的变化而变化,需要改变他的css diplay属性为inline-block 可包裹div容器 inline-block:im 阅读全文
vue css动画
2018-01-31 14:08 by 改吧, 359 阅读, 0 推荐, 收藏, 编辑
摘要:.toggle-cart-enter-active, .toggle-cart-leave-active { transition: all .3s ease-out; } .toggle-cart-enter, .toggle-cart-leave-active { transform: tran 阅读全文
js sort
2018-01-25 14:02 by 改吧, 442 阅读, 0 推荐, 收藏, 编辑
摘要:有谁知道这是为什么吗?a-b就能升序,b-a就能降序???????? var numbers=[2,3,4,45,234,234,23,454,4,3,45,3,2,3] numbers.sort(function(a,b){ return a-b}) 升序 return [2, 2, 3, 3, 阅读全文