我们知道，rem可以用来控制字体大小，也就是font-size，那么rem也可以用在例如height和width地方吗，完全使用rem把px取代掉，可以吗？ 我自己写了个demo，发现有一个很奇怪的现象：rem可以用在width和height，但是有点不准确。 <!DOCTYPE html> <ht ...
分类：
Web程序 时间：
2020-06-07 14:59:43
阅读次数：
84
input ios 踩的大坑 前言：最近有个需求要将全平台的交易密码由原来的 6-16位 复杂密码改为6位纯数字交易密码，涉及到非常多的业务场景，但修改起来也无非两种：设置交易密码，使用交易密码 设置交易密码： 普通长条输入框、弹起数字键盘、支持明暗文切换查看 使用交易密码： 显示六个格子、弹起数字 ...
分类：
其他好文 时间：
2020-06-04 21:36:19
阅读次数：
71
简言 目前最优雅地实现多重边框的方案是利用CSS3 的 box-shadow属性，但如果要兼容老的浏览器，则需要选择其它的方案。本文简要地列举了几种多重边框的实现方案，大家可以根据项目实际及兼容性要求等情况，选择最适合的实现方案。 1 利用描边(outline)属性 方案1利用描边(outline) ...
分类：
Web程序 时间：
2020-06-03 15:43:19
阅读次数：
68
达到的效果： 今天碰到这样一个需求，为带有圆角的框加一个角标。而且角标是圆角的。我真的不想切图，怎么办。突然想到css3可以实现条纹背景，那这不就可以了么 background: linear-gradient(45deg, transparent 50%, #61C4CF 0%); backgro ...
分类：
Web程序 时间：
2020-06-03 15:37:06
阅读次数：
233
参考 http://www.ruanyifeng.com/blog/2015/05/async.html https://segmentfault.com/a/1190000007535316 await 只能出现在 async 函数中 async 函数返回的是一个 Promise 对象。 asyn ...
分类：
其他好文 时间：
2020-06-02 11:43:37
阅读次数：
72
本文的内容为使用 HTML 与 CSS 来创建提示工具，提示工具在鼠标移动到指定元素后触发。这个提示工具可以使我们排出的网页增加美感，也可以提升用户的可读性。（提示工具可以四周提示这里只演示上和右，左和下的同理调调距离就可以实现了） 一、提示内容在上面 1<效果图敬上> 2<代码敬上> <!doct ...
分类：
Web程序 时间：
2020-06-01 23:46:55
阅读次数：
81
总结一下这几个经典问题。 JavaScript为什么要放在HTML文档的底部？ 首先说结论：不论是内联还是外链js都会阻塞后续dom的解析和渲染如果把JavaScript放在页面顶部，下载和解析JavaScript的时间里面，dom迟迟得不到解析和渲染，浏览器一直处于白屏，所以把JavaScript ...
分类：
编程语言 时间：
2020-06-01 13:47:37
阅读次数：
99
半透明边框 background-clip: 规定背景的绘制区域 .div { width: 200px; height: 200px; background: blue; border: 10px solid rgba(255, 170, 170, 0.3); background-clip: p ...
分类：
Web程序 时间：
2020-05-31 19:34:47
阅读次数：
74
先看效果图 由于是截图，大小有些失真 实现分析 看到这个图，思考一下，就能明白，其实就两个难点： 左边的锯齿状是如何实现 中间的凹陷是如何实现 上述两个难点解决了，相信有css基础的都能写出这个组件。 实现锯齿效果 方法一：伪元素before和after .sawtooth { /* 相对定位，方便 ...
分类：
其他好文 时间：
2020-05-31 17:45:45
阅读次数：
59
前文 这是的一个经典的老问题，因为之前刚好有读者朋友问到，顺便整理一下。 从一个简单例子说起 先看一个简单示例： <style> .slide1 div { margin:10px 0; } </style> <div class="slide1"> <h3>第1种外边距折叠：兄弟元素</h3> < ...
分类：
Web程序 时间：
2020-05-31 10:58:30
阅读次数：
71
