最近写一个移动端的活动页的的时候被overflow 戏弄一番，戏弄的点就是在pc上用浏览器调试一切正常，在手机上真机实测的时候就不行。想要隐藏的元素没有被隐藏掉。略显尴尬。查明之后确实发现这个知识点趋确实之前没有get到。 有的时候我们为了一些需求和页面的健壮性，经常使用overflow:hidden。使用其帮我们裁剪一下元素等。有时为了避免页面或者元素被撑开我们也会使用overflow属性。但是有些人（比如我）会对overflow:hidden 有一些误解，此属性并不能隐藏所有你想要隐藏裁剪的元素。 正常的使用：…
实现css模块化一直是前端开发人员努力实现的目标，但是作为前端领域发展最慢的一块，css的模块化解决方案着实让人头疼。越是大型的项目最后限制的并不是JavaScript，而是css。ES6、7和各种打包工具的发展，早已把css甩出好几条街。在《深入React技术栈》中对css模块化有所描述，在此结合我本人的经验胡说几句。 书中讲到CSS模块化的解决方案有很多，但主要分为两类。 一类是彻底抛弃CSS，使用css in JS的方式使用json来写样式。比如说jsxstyle，react-style等，结合我司的项目来说…
让文本等内容在div中水平居中显示很容易，直接text-align：center就可以搞定，但是在很久之前我也是比较头疼垂直居中问题，现在我简单介绍一下方法吧，用css3的vertical-align:middle;来实现。 先看一下W3C上对vertical-align的定义：vertical-align 属性设置元素的垂直对齐方式。该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。我第一…
从事web前端的伙伴们都会知道响应式网站，那何为响应式网站？ 响应式网站就是一个网站能自动根据不同的设备来显示效果的网站（大白话），因为我们经常用的设备比如电脑、平板、手机等，这些设备的屏幕是不一样的，响应式网站就是根据不同的设备、不同的屏幕宽度（像素），可以自动的给用户呈现不同样式，使你的网站电脑可以显示，手机也可以显示，而不是制作两个版本的网站。制作响应式的网站可以有两种方式：1.就是通过服务器端来判断，服务器端的语言比如说PHP、jsp或者 .net等，通过服务器判断用户目前使用的是什么设备，然后发送响应的版…
通过document.getElementById(element).style.xxx可以获取元素的样式信息但是对于通过class属性引用的外部样式表就获取不到了，感兴趣的朋友可以了解下 大家都知道，用document.getElementById(‘element').style.xxx可以获取元素的样式信息，可是它获取的只是DOM元素style属性里的样式规则，对于通过class属性引用的外部样式表，就拿不到我们要的信息了。 DOM标准里有个全局方法getComputedStyle，可以获取到当前对象样式规则…