封装 <template> <div class="header_sticky"> <slot></slot> </div> </template> <script> export default { name ...
vue组件化 原理:检查是否兼容position: sticky ,若兼容就使用,若不兼容则在watch监听高度 若高度是变化的 或者在mounted中直接调用 高度不变 要用异步获取高度 css 在watch中监听高度变化 在mounted中获取高度变化 lt 使用 gt html ...
2018-11-06 16:36 0 750 推荐指数:
封装 <template> <div class="header_sticky"> <slot></slot> </div> </template> <script> export default { name ...
开篇 笔者刚刚结束淘宝的工作,现在加入了一家有青春活力的垂直电商公司,正对着阿里巴巴的西溪园区,最近一直在熟悉新的工作环境和规范,因此博客有好些时间没有更新了,在此抱歉! 在忙碌完公司的发布系统之后,逐渐接触到具体的业务。在这里主要介绍下关于css3草案的position:sticky属性的兼容 ...
问题 在这里主要介绍下关于css3草案的position:sticky属性的兼容。 目前前端的h5有个需求,就是“当页面上的若干个标题被拖动到视口的顶部时,则显示一个被定位到视口的顶部的tab标签,可对这个tab标签进行点击导航,并在某个特殊的情况下隐藏”。最简单粗暴的做法 ...
。 但是其兼容性在ios上很流畅,但是再安卓上,安卓4.4.4以下全军覆没,莫名其妙在安卓7上也跪了。 ...
vue-cli2:兼容ie9及其以上; flex:兼容ie10及其以上; vue-cli3:兼容ie11及其以上 ...
假如你的前端框架使用了vue,那你可以大胆地使用以下技术,并忽略其他js和css的兼容性问题,因为 关于vue的兼容性 官方给出了规定 Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript ...
一、首先我们来看看定位的兼容性,当然是在IE6、7但是现在大多数公司都已经不考虑了 我们就作为一个了解吧: 1、在IE67下,子元素有相对定位的话,父级的overflow:hidden包不住子元素 解决办法: 给父级也加相对定位 2、在IE6下绝对定位元素的父级宽高是奇数的时候,元素 ...
项目中发现,在安卓4.3及以下的手机不支持axios的使用,主要就是无法使用promise。加上以下polyfill就可以了。 项目中安装es6-promise cnpm install es6-promise --save-dev main.js里面添加 require ...