Decorative image frame

【转载】Web前端开发工程师编程能力飞升之路

最近在网上看到这篇“Web前端开发工程师编程能力飞升之路”的文章,受益颇深,故转载到博客中,勉励自己。作者把前端技术按照《入门》《登堂》《入室》《入微》《化蝶》《大侠》《宗师》来划分等级,每个级别都提供了进阶之路,帮助在该等级迷茫的人们早日突破自己,更上一层楼。

阅读全文...

css小技巧:巧用padding实现iframe等比例缩放

我们经常会遇到需要将其他视频网站上的视频插入到自己的页面中,从视频网站上获取的代码是固定宽高的iframe,如果自己的页面是响应式的,如何将iframe适配到各个设备成了问题。网上有很多使用js动态设置高度来实现,而一向坚持“能够使用css实现的就不去写js”原则的我,发现了一种巧妙的方法解决这个问题。

阅读全文...

前端解读:彻底理解css3结构伪类选择器

css3提供了一整套完备的新选择器。就样式化而言,它允许你匹配更多指定的元素。当你想匹配“列表的最后一项”,或者“总是包含某个东西的第一个段落”,这时你就可以废除那些无意义的id和class了。css选择器有很多,比如属性选择器、后代选择器、否定式选择器、目标伪类选择器、结构伪类选择器等等。今天主要为大家详细讲解css中的结构伪类选择器。

阅读全文...

涨姿势:你真的会用console调试代码吗?

如果你是开发测试人员,一定对console不陌生。如果是初学者,恐怕只知道console.log()啦。对于整个的console家族,你又了解多少呢?我们使用console对js进行调试,但js原生中默认是没有console对象的,它是宿主对象,也就是浏览器提供的内置对象,所以浏览器不同,console对象也会有些许差异。使用console.log(console)打印出浏览器中的console对象,看看你用过哪些?

阅读全文...