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

表现

表格边框你知多少

表格边框你知多少

练小习 1年前 (2017-10-26) 1645浏览 2评论

table之间的边框存在共用问题,自然而然就存在冲突。既然存在冲突,那么就势必涉及到最后渲染哪一个样式的问题。本文就主要研究当冲突产生时,如何让浏览器按照自己意愿渲染冲突边框。在这篇文章中都有介绍,以及对表格的边框渲染原理进行了深度的剖析 原理分析 ...

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

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

练小习 2年前 (2017-05-14) 849浏览 4评论

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

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

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

练小习 2年前 (2017-04-28) 854浏览 5评论

本文介绍一些关于响应式图像的适配应用策略,回退原理,SVG的换色技巧,雪碧图的百分比定位计算公式等相关的一些小知识点,目的在于帮助一部分同学快速的理清图像应用思路,以及一些web图像的应用技巧。 转载请注明:练小习的前端技术笔记 » we...

CSS计数器 counter

CSS计数器 counter

练小习 2年前 (2016-09-05) 737浏览 1评论

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

ios下滚动条默认显示

ios下滚动条默认显示

练小习 2年前 (2016-09-02) 1982浏览 3评论

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

css单边投影与双侧投影

css单边投影与双侧投影

练小习 2年前 (2016-08-28) 1121浏览 0评论

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

比例字体&等宽字体

比例字体&等宽字体

练小习 2年前 (2016-08-12) 1212浏览 4评论

我们都知道等宽字体和比例字体的区别,就在于比例字体(Monospaced Font)即每个字母宽度是按一定比例自动调整的,而等宽字体(Proportional font)则是固定宽度,固定间距,字体的每一个字母和字符所占的水平空间都是相同的。 转载请...

制作高大上的Canvas粒子动画

制作高大上的Canvas粒子动画

练小习 2年前 (2016-08-03) 2138浏览 2评论

制作粒子动画效果要解决两个问题:一个是粒子动画轨迹,另外一个是粒子执行动画的时机。 首先来看下我们准备要做的粒子动画效果是怎么样的~ 转载请注明:练小习的前端技术笔记 » 制作高大上的Canvas粒子动画

渲染放大的图片image-rendering笔记

渲染放大的图片image-rendering笔记

练小习 2年前 (2016-06-29) 1123浏览 2评论

image-rendering: pixelated,控制浏览器如何渲染放大的图片,比如图像的自然尺寸为100×100像素,但网页指定其尺寸不为100*100像素时,关闭浏览器标准的平滑缩放(通常为双线性内插法),使用其他算法(通常为最近邻法)。使用...