input框在iOS里,无法聚焦,不能输入内容,把-webkit-user-select:none改成-webkit-user-select:auto;或者直接加一个style=“-webkit-user-select:…
分类:css
在单页应用中,如何优雅的上报前端性能数据
最近在做一个较为通用的前端性能监控平台,区别于前端异常监控,前端的性能监控主要需要上报和展示的是前端的性能数据,包括首页渲染时间、每个页面的白屏时间、每个页面所有资源的加载时间以及每一个页面中所以请求的响应时间等等。…
Flexbox响应式网页布局 - W3Schools视频02
今日继续W3Schools响应式网页布局的实现,采用Flexbox方案。使用Flexbox实现响应式网页布局是目前最流行的做法。如果你对Flexbox并不熟悉,可以查看W3Schools的教学: W3Schools Fl…
解决html页面展开内容出现滚动条时抖动问题
html { overflow-y: scroll; } :root { overflow-y: auto; overflow-x: hidden; } :root body { position: absolute; …
2019年1月所遇知识点整理
*注:本文章是在工作过程中所接触的知识点的整理,涉及的东西比价杂乱,如有错误之处,欢迎纠错与指导 一, webpack之css模块化 二, 组件化设计与开发 三, webpack打包并将文件加载到指定的位置 四, Pos…
单/多行文本溢出省略
单行文本溢出省略: overflow:hidden; text-overflow:ellipsis; white-space:noerap; 注:一定要给容器定义宽度; 少了overflow:hidden,文字会撑到容器…
Vue & Bootstrap 结合学习笔记(二)
本文主要描述不才在学习Vue和Bootstrap中遇到的关于插槽的问题及解决方案 插槽理解 vue官网和很多热心朋友又很多关于默认插槽,具名插槽,插槽作用域相关的解释,我就不重复搬过来占用篇幅了,这里简单的谈谈我个人的浅…
vue使用iview的表格改变颜色
1. .ivu-table-header th { color: #fff; //字体颜色 font-weight: bold; //字体粗细 background-color: #041A23; //背景颜色 bord…
html下拉菜单的实现方式
** 方法一:纯css实现下拉菜单 ** <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> &l…
搞清animation/transtion/transform/translate
css3动画 animation 使用css3动画需要2步 为指定元素添加animation属性及属性值。各浏览器私有属性在前,通用属性在最后。 使用@keyframes定义动画过程名称。各浏览器私有属性在前,通用属性在…
web 移动端 ios 浏览器中 animation 动画异常
关键字:animation,ios,移动端,异常解决问题的办法:页面dom加载完毕时延时给dom加上动画类名。即在vue的mounted钩子中用定时器延时100ms左右给需要动画的dom加上类名。 我们在写动画的时候常常…
纯css实现叉号
HMTL部分 <a href="#" class="close"></a> CSS部分 .close { position: absolute; right: 32px; top: 32px; w…