![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
一只会飞的汪汪
海阔凭鱼跃 天高任鸟飞
展开
-
html页面重绘和回流以及优化
什么是回流与重绘?当render tree中的一部分(或全部)因为元素的规模尺寸,布局,隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至少需要一次回流,就是在页面第一次加载的时候。在回流的时候,浏览器会使渲染树中受到影响的部分失效,并重新构造这部分渲染树,完成回流后,浏览器会重新绘制受影响的部分到屏幕中,该过程成为重绘。当render tree中的一些元素需要更新属性,而这些属性只是影响元素的外观,风格,而不会影响布局的,比如background-color。则就叫称为重绘。注意:转载 2020-06-25 15:45:47 · 873 阅读 · 0 评论 -
css 适配手机深色模式
背景iOS和安卓分别从 iOS 13 和 Android 10(不同厂商不尽相同,部分 Android 9 也支持) 开始加入深色模式的支持,各大浏览器纷纷开始支持深色模式,微信 iOS 客户端 7.0.12、Android 客户端 7.0.13 也支持了深色模式,网页端适配深色模式后将更进一步提高用户体验的一致性。如何切换深色模式iOS:“设置”–“显示与亮度”–“外观”,选择“深色”Android(不同厂商可能略有差别,名字也不尽相同):“系统设置”–“显示”–“深色模式”。适配指南微信内置转载 2020-06-12 10:35:35 · 2127 阅读 · 0 评论 -
HTML5实现输入密码(六个格子)_
HTML实现六个格子密码框话不多说,直接上图。下面附上代码下载链接,往下看!!!下载地址原创 2020-05-21 17:36:02 · 1007 阅读 · 1 评论 -
JS控制输入框只能输入数字且最多两位小数
JS控制输入框只能输入数字且最多两位小数<html lang="en"><head> <meta charset="UTF-8"> <title>JS 控制只能输入数字并且最多允许两位小数点</title&原创 2018-10-12 17:20:58 · 8038 阅读 · 1 评论 -
Css样式的书写顺序
aaaa原创 2018-10-08 13:25:46 · 340 阅读 · 0 评论 -
深入研究-webkit-overflow-scrolling:touch及ios滚动
1. -webkit-overflow-scrolling:touch是什么?-webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果.auto: 使用普通滚动, 当手指从触摸屏上移开,滚动会立即停止。touch: 使用具有回弹效果的滚动, 当手指从触摸屏上移开,内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。...转载 2018-12-03 13:54:34 · 185 阅读 · 0 评论 -
JS判断H5/Html页面,是在手机APP内或者是在手机浏览器打开
1.在前端开发过程中,遇见过一个需求,需要 H5页面 判断是在手机APP内打开,还是在手机浏览器里面打开的。2js 获取 window.navigator.userAgent 浏览器信息,唯一的区别是在最后面会有一个当前APP里面的协议头。使用APP的协议头来加以判断。例如下面获取的信息后面会有一个 xxxpay的标识3.然后我们可以使用JS方法来判断,建议使用三种方式以或者的条件进行判断...原创 2019-01-30 14:34:49 · 22912 阅读 · 22 评论 -
关于Vue cli 3的 vue.config.js 配置实时打包问题,启动npm run build命令,webpack的watch实时打包文件
vue-cli 3.0项目 vue.config.js 配置,npm run build之后,webpack的watch实时打包(dist)文件vue-cli 3.0 官方配置文档链接 点击进入,vue-cli 3.0 官方配置文档链接,更加深入了解详细配置vue-cli 3.0 不建议直接修改webpack,提供两个配置参数,以供修改webpack里面配置项1. chainWebpa...原创 2019-01-30 15:42:36 · 7579 阅读 · 1 评论