代码改变世界

随笔档案-2018年02月

import(),require()

2018-02-23 14:37 by 改吧, 832 阅读, 收藏,
摘要: import():函数是按需加载,import文件的export function require():是运行时加载 import().then(()=>{}) Promise.all([import(),import()]).then(()=>{}) 阅读全文

z-index失效的情况

2018-02-11 17:55 by 改吧, 392 阅读, 收藏,
摘要: 1、父标签 position属性为relative; 2、问题标签无position属性(不包括static); 3、问题标签含有浮动(float)属性。 4、问题标签的祖先标签的z-index值比较小 如果这样的话 position只还剩下absolute跟fixed了喔 阅读全文

利用getBoundingClientRect()来实现div容器滚动固定

2018-02-11 16:43 by 改吧, 636 阅读, 收藏,
摘要: ele.getBoundingClientRect()的方法是可以获得一个元素在整个视图窗口的位置 可以return的值有width,height,top,left,x,y,right,bottom 场景 当你的一个div是处在viewport的一个中部位置 你想要的效果是当页面滚动到这个div的时 阅读全文

css文件放在头部的原因

2018-02-11 16:30 by 改吧, 1251 阅读, 收藏,
摘要: 我在博问上发的一个这个问题 然后有人这样回复我的 我感觉很有道理的样子 所以我放上来了 这样会先加载css的样式,在渲染dom的时候已经知道了自己的样式了,所以一次渲染成功 如果css放在底部,那么需要先渲染dom,然后加载css后会重新渲染之前dom,需要两次渲染 欢迎各位提意见 阅读全文

transition结合:after,:before实现动画

2018-02-11 16:25 by 改吧, 2211 阅读, 收藏,
摘要: 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 改吧, 368 阅读, 收藏,
摘要: http: Hypertext transform protocol 超文本传输协议 是一个为了传输超媒体文档(比如html)的应用层协议 是为了web的浏览器跟web的server端的交流而设计的,他使浏览器更加高效,使网络传输减少 明文的,不加密 默认端口是80 https:Hypertext 阅读全文

window,getComputedStyle,letter-spacing

2018-02-08 15:44 by 改吧, 270 阅读, 收藏,
摘要: 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 改吧, 1020 阅读, 收藏,
摘要: 现在inline-block貌似可以替代float来实现多个item的排列分布吧 div是块级元素,如果不设置他的明确的宽度,那他就等于父元素的宽度,如果想让他其它随着子元素的变化而变化,需要改变他的css diplay属性为inline-block 可包裹div容器 inline-block:im 阅读全文