![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
文章平均质量分 79
一只会飞的汪汪
海阔凭鱼跃 天高任鸟飞
展开
-
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浮点数计算精度不准确问题的解决办法
如果我问你 0.3 - 0.2 等于几?你可能会送我一个白眼,0.3 - 0.2 = 0.1 啊,那还用问吗?连幼儿园的小朋友都会回答这么小儿科的问题了。但是你知道吗,同样的问题放在编程语言中,或许就不是想象中那么简单的事儿了。不信?我们可以做个试验。问题原因分析问题原因是Javascript采用了IEEE-745浮点数表示法(几乎所有的编程语言都采用),这是一种二进制表示法,可以精确地表...原创 2020-04-06 21:02:50 · 1636 阅读 · 0 评论 -
js中的apply、call、bind的区别以及使用
apply、call、bind三者都是改变函数this对象指向的;apply、call、bind三者第一个参数都是this要指向的对象,也就是指定的上下文对象;apply、call、bind三者都可以利用后续参数传参,apply 后续参数传入的数组call、bind 后续参数传入的是单个参数bind返回的是函数,方便后续调用;apply、call则是立即调用...原创 2020-04-04 21:28:04 · 145 阅读 · 0 评论 -
js判断对象为空对象的五种方法总结整理
将对象转换为json字符串,判断字符串是否为 “{}”; var obj = {}; if(JSON.stringify(obj) == '{}'){ console.log('obj 是一个空对象''); }for in 或者 for of var obj = {}; function check_obj_is_empty_fun1(obj) { for(va...原创 2020-02-29 16:20:33 · 715 阅读 · 0 评论 -
关于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 评论 -
JS判断H5/Html页面,是在手机APP内或者是在手机浏览器打开
1.在前端开发过程中,遇见过一个需求,需要 H5页面 判断是在手机APP内打开,还是在手机浏览器里面打开的。2js 获取 window.navigator.userAgent 浏览器信息,唯一的区别是在最后面会有一个当前APP里面的协议头。使用APP的协议头来加以判断。例如下面获取的信息后面会有一个 xxxpay的标识3.然后我们可以使用JS方法来判断,建议使用三种方式以或者的条件进行判断...原创 2019-01-30 14:34:49 · 22912 阅读 · 22 评论 -
Css样式的书写顺序
aaaa原创 2018-10-08 13:25:46 · 340 阅读 · 0 评论 -
移动端-浏览器设置全屏方法
移动端-浏览器设置全屏方法,解决移动端浏览器底部盖住页面移动端浏览器,在做移动端页面的时候,移动端浏览器底部工具栏会遮盖住页面底部弹出框,很是头疼。最终在移动端设置全屏之后,达到想要的效果。以下是设置全屏的方法,以供大家解决遇到的问题。 ...原创 2018-11-27 18:47:57 · 12598 阅读 · 3 评论