最新消息:你必须穷尽一生磨练技能,这就是成功的秘诀,也是让人家敬重的关键。

最新发布

请不要忘了,有一个值叫 inherit
表现

请不要忘了,有一个值叫 inherit

练小习 3个月前 (05-14) 3评论

请不要忘了,有一个值叫 inherit 下午在写组件的时候瞄了一眼qq群,看到有个哥们在问一道css的问题,他的问题如下图 红圈部分超出主体的部分,他是用伪元素写的,通过border和背景色,与最后一行的一个单元格融为一体。 但是表格是隔行换色的,...

js运算符优先级笔记
行为

js运算符优先级笔记

练小习 3个月前 (05-12) 1评论

运算符的优先级决定了表达式中运算执行的先后顺序,优先级高的运算符最先被执行。 下面是一个简单的例子: 3 + 4 * 5 // 计算结果为23 乘法运算符 (“*”)比起加法运算符(“+”)有着更高的优...

web图像的常见应用策略与技巧
表现

web图像的常见应用策略与技巧

练小习 3个月前 (04-28) 4评论

本文介绍一些关于响应式图像的适配应用策略,回退原理,SVG的换色技巧,雪碧图的百分比定位计算公式等相关的一些小知识点,目的在于帮助一部分同学快速的理清图像应用思路,以及一些web图像的应用技巧。 1.响应式图像的应用与回退 特点:应用简单,上手容易,...

浏览器亚像素渲染与小数位的取舍
其他技术

浏览器亚像素渲染与小数位的取舍

练小习 5个月前 (03-01) 1评论

在响应式项目中,百分比的数值的应用越来越多,比如栅格化布局、背景定位、内边距等。以往对于这种数值,我们大都是直接采用计算器计算出来的数值。但这种数值有时会很长,特别是除不尽的数值如23.33333333%。数据不美观不说,关键对于这种小数位的位数应该...

带你轻松打开svg滤镜的大门
其他技术

带你轻松打开svg滤镜的大门

练小习 9个月前 (10-26) 0评论

上次和大家一起,用最简单直白,轻松粗暴的方式学习了一遍SVG动画,这次我们再一起来搞点不一样的东西,SVG滤镜的实现。 SVG滤镜绝对称得上是他最强大的功能之一,在不影响任何文档结构的前提下,允许你给你的矢量图形添加各种专业视觉效果,我个人给他的定义...

表格列的hover状态与选中状态
未分类

表格列的hover状态与选中状态

练小习 10个月前 (10-12) 1评论

组织表格列的交互状态一直是很头疼的事情,他不像行那样有天然的tr包裹可控,只有一个虚无缥缈的col元素可以操作,而且原生的col样式在操作的时候也是有各种坑。 在做表格的列的hover效果的时候,尝试了控制col用纯css,最终因为各种bug放弃,最...

CSS计数器 counter
表现

CSS计数器 counter

练小习 11个月前 (09-05) 1评论

适用场景: 当排序以及序号变动对服务端造成的压力大的情况下,使用css计数。 在早期,只有ol和ul可以对子元素li进行排序,,而CSS2.1规范中加入了counter这一属性,配合伪元素:before、:after中的content使用,便可以对指...

ios下滚动条默认显示
表现

ios下滚动条默认显示

练小习 11个月前 (09-02) 1评论

研究这个问题的背景: 众所周知,ios下垂直和水平滚动条都是默认不出现,用户滑动时,才显示,滑动结束以后,又隐藏滚动条。 横向滚动条默认隐藏,用户很可能会忽略右侧被隐藏的部分,由于模块的特殊性,让滚动条默认出现是成本的小的处理方案。 因此就有了让滚动...

css单边投影与双侧投影
表现

css单边投影与双侧投影

练小习 11个月前 (08-28) 0评论

早晨在前端交流群里,有个朋友问css实现单侧投影的办法,因为这个朋友前几天刚发过照片,晒他买的csssecrets,我问他你书买来还没看吗? 他说来不及翻书了,项目比较急上来问一下。 我顿时觉得真是暴殄天物了。看到下面有几个人都在问,于是直接写了几个...

几种SVG图像的fallbacks
其他技术

几种SVG图像的fallbacks

练小习 12个月前 (08-17) 0评论

在网页前景图像的使用上,针对不同像素比的屏幕,常规的做法是使用2X 3X的图像。 一些特定场景可以使用SVG来完成,因为他的矢量特性,不需要再针对更高的像素比出多套图片。 而使用svg必然要因为兼容性等因素考虑好fallbacks,常用的有几种方式:...