基于hash实现前端路由
前端路由分为两部分,hash 路由和 History 路由,例如我们常用的 vue-roter 就包含这两部分,这里并不探讨框架是如何进行封装的,而是使用原生的 api 来实现这样一个功能。
预计分为两部分,这里先介绍 hash 路由,实现基本的接受响应和前进后退(为了方便,下面代码不做任...
MatchMedia API
注意matchMedia为实验性语法文档可能被重新修订,后面有可能会改变语法,在生产中请配合matchMedia polyfill使用
通过媒体查询,您可以根据各种设备特征和参数的值或者是否存在来调整您的网站或应用;
上面是 MDN 对媒体查询的定义,简单情况通过 css 媒体查询 调整页面...
ResizeObserver API
无意之间看到这个 API,发现这个 API 十分实用特来分享一下。
ResizeObserver 可以监听到 Element 的元素的变化,例如大小变化,在之前我们可能要监听 window 对象,因为 resize 定义在 window 上,不过注意这个 API 还是处于实验性阶段,在项目中要...
无效的height100%?
之所以写 height,是因为它出现的场所比较多
body {
height: 100%;
}
不知道你们有没有这样写过 css 属性,不过很遗憾这是无效的。
父级没有给定明确的高度么? 这样说有一定正确性,不过不够全面,在 height 的规范中规定了两种情况 100%可以解析出来
父...