31 2022-05 HTML/CSS 记录Chrome下使用CSS3动画效果导致页面出现闪烁Bug【已修复】 最近优化主题的过程中出现一个神奇的bug,开启首页轮播“爆炸效果”后,在疯狂点击下一页切换时候,页面会出现整个闪烁问题 问题复现 方案一 最先考虑到的是分裂的碎片是否超出屏幕导致引起的布局短暂错... 阅读全文 2022年05月31日 22:53:54 周二 2022-05-31 周二 83 0 0
19 2022-04 HTML/CSS 仅需一行 CSS即可 实现 10 种主流布局 10 种强大的 CSS 布局,它们实现了一些非凡的工作 超级居中:place-items: center 对于第一个“单行”布局,让我们解决所有 CSS 领域中最大的谜团:居中。我想让您知道,使用 place-items: center 会让... 阅读全文 2022年04月19日 11:53:51 周二 2022-04-19 周二 243 0 0
18 2021-03 HTML/CSS 为什么图片你应该使用Picture标签而不是Img标签 现代 web应用程序中,在用户界面中使用大量图片和动画是一件很常见的事情。这些现代设计聚焦于提升应用的用户体验,但是如果没有做好设备对图片的响应式支持,其效果可能适得其反。作为开发者,我们需... 阅读全文 2021年03月18日 09:54:56 周四 2021-03-18 周四 2156 0 1
07 2020-12 HTML/CSS 【已解决】a标签做鼠标放上去90度3D旋转,会出现点击失灵 这个问题在我目前博客3D导航模块中就有出现,有兴趣的可以在线更改css尝试体会下这个bug,其实解决办法很简单,将原本旋转90deg改成小于90即可,哪怕是89.99页面都可正常点击了,感兴趣的话可以看看sta... 阅读全文 2020年12月07日 21:37:47 周一 2020-12-07 周一 1944 1 0
05 2020-12 HTML/CSS 关于css3动画性能一点点优化之will-change的学习理解 我们都知道,动画都是相对比较耗电脑性能的,复杂动画会导致电脑卡顿甚至风扇加速,如果在手机上,那最突出的问题可能就是导致你设备发热+电池电量消耗过快,所以如果有机会去尝试优化一些动画,我们何... 阅读全文 2020年12月05日 09:34:43 周六 2020-12-05 周六 320 1 3
01 2020-12 HTML/CSS 前端黑科技:root之CSS变量var,从此Sass/Less是弟弟(下篇) 该篇幅不是主要硬核知识,更多的是让大家了解下CSS近年来一些发展以及对未来的一些展望,如果想了解关于CSS变量硬核技术篇可阅读前端黑科技:root之CSS变量var,从此Sass/Less是弟弟(上篇)。众所周知... 阅读全文 2020年12月01日 16:56:44 周二 2020-12-01 周二 3437 1 0
30 2020-11 HTML/CSS 利用Animation与Svg绘制loading/圆形进度条组件 很多UI框架都有那种原型进度条,其实我们自己通过Animation自己也能很容易画一个,本篇文章案例来自(凹凸实验室),例如下图: svg画圆 首先,我们使用 svg 绘制一个圆周长为2 * 25 * PI = 157 的圆 ... 阅读全文 2020年11月30日 22:16:49 周一 2020-11-30 周一 2704 1 1
15 2020-11 HTML/CSS 前端黑科技:root之CSS变量var,从此Sass/Less是弟弟(上篇) 用过sass或leass的都知道,主要他们可以有嵌套和变量以及函数功能,其实在原生css中,已经开始逐渐支持,诚然目前只有你我熟知,而他人还处在萌芽中,了解css变量,你会发现CSS从此变得异常强大。 变量... 阅读全文 2020年11月15日 16:06:24 周日 2020-11-15 周日 5255 4 2
11 2020-05 HTML/CSS 使用a标签时,可能会忽略的一个安全问题 本篇文章将会说到a标签_blank的缺陷和同进程产生的问题和解决方法,a标签有什么安全问题?有兴趣的小伙伴,可以来看一下哦~ a标签_blank的缺陷: 当一个链接使用target="_blank"的方式,这个链接会打... 阅读全文 2020年05月11日 22:56:24 周一 2020-05-11 周一 2467 0 3
12 2019-11 HTML/CSS css3区间(范围)选择器骚操作用法分享 所谓区间选择器,顾名思义就是我不想取指定某一个元素,比如一个div下有10个p元素,我想取中间第3-7个给他们同时加上样式或者干嘛,这时候用css怎么写呢?依照惯例,能用css的我们不用js,下面通过实际... 阅读全文 2019年11月12日 15:10:22 周二 2019-11-12 周二 4480 0 6
03 2019-11 HTML/CSS Html5中应用程序缓存技术-Cache manifest 遇到过好几次项目网站打开速度慢需要优化问题,那么在之前我也说过,在你代码写的并非十分稀烂,图片、js、css文件已经压缩情况下,剩下的问题基本都是接口和服务器问题,而前端所能优化占比通常只占30... 阅读全文 2019年11月03日 11:19:20 周日 2019-11-03 周日 2680 0 1
18 2019-08 HTML/CSS 未知高度div在屏幕上下左右居中fixed固定定位 居中定位很常见,可能你已经做前端3-5年了,但你针对未知内容高度div在屏幕中完全定位有完美解决办法吗?最近意外发现一种办法,通常固定定位我们宽度是固定的,但高度却不一定,就是说不给高度,让它... 阅读全文 2019年08月18日 00:00:35 周日 2019-08-18 周日 4709 2 5
13 2019-08 HTML/CSS 未知宽高不满一屏footer固定在底部-不完美中的完美 需求:头部,中间容器,底部三块内容宽高不固定,内容不确定,如何让在中间内容不能撑满一屏幕时候底部固定在屏幕下面,足够一屏幕时候跟随文档流自由滚动?这个问题是个很老的问题了,多年以来似乎没... 阅读全文 2019年08月13日 11:38:10 周二 2019-08-13 周二 3526 3 1
26 2019-06 HTML/CSS 谁说css中id选择器权重一定比class“高”? 在前端世界里,大家学完布局应该就脑子有个印象,觉得css世界中id的权重肯定是比class要高,事实一定如此吗?甚至很多人做了个比重打分划分,如下: 权重的等级 1234561、!important,加在样式属性值后... 阅读全文 2019年06月26日 14:05:40 周三 2019-06-26 周三 4114 3 2
11 2019-05 HTML/CSS 利用css3 flex布局超简单快速实现瀑布流排版 瀑布流布局基本大家都见过,绝大多数是用于图片上。其实以前想做瀑布流还是不容易的,因为需要去定位,动态计算每张图片位置,于是就很多人做了类似的jq插件,但css3出来后,想做瀑布流那就是小儿科了... 阅读全文 2019年05月11日 14:44:45 周六 2019-05-11 周六 16320 0 15
12 2019-04 HTML/CSS 利用css3进行表单验证并且配带结果提示 通过css3我们也可以进行验证表单非法字符,并且还能给出提示语 1234567891011 <form class="form" id="form" method="get" action="/api/form"> ... 阅读全文 2019年04月12日 19:42:57 周五 2019-04-12 周五 2193 0 5