利用PostCSS解决移动端REM适配问题 上一期有提到结合postcss-px2rem插件来处理移动端适配的方案,以及相关的避坑方法,之后总觉得这个解决方案问题太多,也就诞生了另一套方案运用postcss-pxtore…
基本视觉格式化
非替换元素:如果元素的内容包含在文档中,则称之为非替换元素。例如,如果一个段落的文本内容都放在该元素的本事之内,这个段落就是一个非替换元素。 替换元素:这是指用作为其他内容占位符的一个元素。经典例子是img元素。 盒子模…
这些国外前端周刊值得你收藏一下
鄙人最近发现自己邮箱很多未读邮件,怕怕;查看大多数都是自己之前订阅前端相关的。 现在在这里也给大家分享分享…带好你们手头的邮箱了,要开车了。 一、nodeweekly 【戳我带飞】 A free, once–…
CSS3新特性的概述
CSS3的新特性大致分为以下六类 1.CSS3选择器 2.CSS3边框与圆角 3.CSS3背景与渐变 4.CSS3过渡 5.CSS3变换 6.CSS3动画 下面分别说一说以上六类都有哪些内容 CSS3选择器 1.基本选择…
那是我在夕阳下的奔跑:边跑边学习html5之audio与video
今天为大家分享一下html5中的视频(video)与音频(audio)。在进入主题之前我们先了解一下Flash与html5这两种技术的时代背景与发展历史。 1.前言 Flash被退休与html5的上位 Flash这项技术…
解决inline-block元素的3个 bug
在使用inline-block时,有时候出现的效果莫名奇妙,例如: 两个inline-block 元素之间如果有空格、回车、tab,那么在页面上就有一个空隙 两个不同高度的 inline-block 元素顶部无法对齐,或…
PostCSS自学笔记(二)【插件篇】
PostCSS常用插件介绍 继上一次PostCSS学习指南(一)后,渐渐开始在项目中应用。 这次决定主要讲解一些个人认为非常有帮助的PostCSS插件。 本期主要介绍以下几个插件和几个坑 autoprefixer pos…
深入理解ES6之《迭代器与生成器》
什么是迭代器 ES5中创建迭代器如下所示: function createIterator(items) { var i = 0 return { next: function () { var done = i >…
蘑菇街前端电话一面
蘑菇街电话一面 DOM事件流的介绍,事件流的顺序,IE下是否一致 跨域的了解,介绍JSONP的原理 如何实现在多行文字条件下,超过5行显示省略号 stopProgagation, preventDefault,retur…
SegmentFault 社区访谈 | Linxz:只会写 CSS 不会写 JS 的“伪”前端
上周没和大家见面,是去邀请大佬来访谈了(///▽///)社区访谈以来,清蒸邀请都是些大家相对熟悉的面孔,比如公子,比如边城大大,这次的访谈嘉宾,大家可能有些陌生,他主要出没在 css 标签下,有请专注 css 三十年不会…
PostCSS自学笔记(一)【安装使用篇】
PostCSS介绍 PostCSS是一个利用JS插件来对CSS进行转换的工具,这些插件非常强大,强大到无所不能。其中,Autoprefixer就是众多PostCSS插件中最流行的一个。 截至目前(2017年7月)Post…
沪江前端由H5页面引起的一场前端数据结构讨论
作者:周周(沪江资深Web前端开发工程师)本文为原创文章,转载请注明作者及出处 前言 近期在小D十周年活动之际,又看到了一个自家H5专题梦工厂生成的页面。 我与小D十年回忆 >> 回想起了一段往事,现在来看还…