posted @ 2019-08-12 16:59 勤勤恳恳大猿人 阅读(218) 评论(0) 推荐(0)
摘要:
filter:定义了元素的可视效果 具体函数: hue-rotate() 色相旋转 blur() 高斯模糊效果 brightness() 图片变亮 contrast() 图像的对比度 grayscale() 灰度 invert()反转 opacity() 透明度 saturate() 饱和度 阅读全文
摘要:
最近开发一款产品,要求PC端两列展示: 移动端展示: 使用display:flex布局,在最外面的wrap上添加overflow-y:auto;手机端使用媒体查询将两列宽度设为100%; 出现问题:当表格数据比较大时,PC端与安卓滚动条出现,滚动无问题,但是苹果IOS在表格里滑动无法触发滚动; 解决 阅读全文
posted @ 2019-08-09 09:38 勤勤恳恳大猿人 阅读(3828) 评论(0) 推荐(1)
摘要:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style type="text/css"> .wrap{ display: flex; justify-content:center; width: 100vw; height: 100vh; margin 阅读全文
posted @ 2019-08-07 18:22 勤勤恳恳大猿人 阅读(168) 评论(0) 推荐(0)
摘要:
今天手写一个input校验框,突然想起了防抖与节流,好久不深思,记忆有些模糊,特意写下来,加深一些理解与记忆 首先,防抖动与节流是干什么的? 比如,书写一个input框,你需要手写校验,一般我们的处理方法当你输入完失去焦点,我们来监听失焦事件,再来校验,现在比较流行的校验方式都是你输入完就会校验出错 阅读全文
posted @ 2019-08-06 10:37 勤勤恳恳大猿人 阅读(173) 评论(0) 推荐(0)
摘要:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style > *{ margin: 0; padding: 0; } .wrap{ margin: auto; w 阅读全文
posted @ 2019-08-02 10:21 勤勤恳恳大猿人 阅读(201) 评论(0) 推荐(0)
摘要:
今天遇到一行代码: border-radius: 50% 50% 50% 50%/ 0% 0% 100% 100%; 初看很熟悉,但看到后面“/”,又十分模糊,下面仔细研究下 border-radius: 20px; border-radius: 20px 40px; (上左 下右) border- 阅读全文
posted @ 2019-08-01 09:41 勤勤恳恳大猿人 阅读(235) 评论(0) 推荐(0)
摘要:
今天无意写个样式选择,想到nth-of-type与nth-child,记忆有点模糊,闲来仔细推敲下: :nth-child() 表示父元素下的第n个子元素,注:同时校验第n个元素是否是该元素 :nth-of-type() 表示父元素下的第n个类型的元素 阅读全文
posted @ 2019-07-30 11:04 勤勤恳恳大猿人 阅读(95) 评论(0) 推荐(0)