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

最新发布

带你零基础入门express
其他技术

带你零基础入门express

练小习 2周前 (04-07) 0评论

导语:作为一篇新手入门,这篇文章没有太多的技巧和花式,只是从零开始带你学习和掌握express的开发应用,比较适合于完全没有使用过express的新手,以及其他非前端同学。 文章分为几个部分 1.express 2.Hello World 3.页面...

【搞怪代码】网站嗨起来!
行为

【搞怪代码】网站嗨起来!

练小习 4个月前 (01-03) 8评论

申明:转载代码–非原创。 用法:带上耳机(有外放的小心了^_^) -> 按下F12 -> 切到console -> 复制下面代码 -> 粘贴并回车 -> 嗨起来。。 大家可以DIY的小目标: 1、基础:将歌曲地址换成自己喜欢的歌曲地址://dn-z...

表格边框你知多少
表现

表格边框你知多少

练小习 6个月前 (10-26) 3评论

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

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

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

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

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

js运算符优先级笔记
行为

js运算符优先级笔记

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

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

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

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

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

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

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

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

练小习 1年前 (2017-03-01) 3评论

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

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

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

练小习 2年前 (2016-10-26) 0评论

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

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

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

练小习 2年前 (2016-10-12) 1评论

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

CSS计数器 counter
表现

CSS计数器 counter

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

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