江木

CSS 的预处理程序--------------------Sass、LESS、Stylus

Stylus - 富有表现力的、动态的、健壮的CSSStylus安装Stylus安装如下，先去nodejs官方下载页面下载安装nodejs，支持window系统，直接双击安装。然后，安装stylus包，如下代码：cnpm install stylus选择器(Selectors)缩排(Indentation)Stylus蛮“玄幻”的(如基于缩进)，空格有重要的意义，所以，

position:sticky---------------------用这个属性，主要是ios下的safari已经支持了，在ios下可以免去js模拟，效果更平滑；安卓的话暂时不要考虑了关于这个position:sticky的介绍，可以google一下，网上有很多介绍了 。在这简述一下：position: sticky，自IOS 6.1就支持了，最近Chro

CSS 属性 touch-action 用于指定某个给定的区域是否允许用户操作，以及如何响应用户操作（比如浏览器自带的划动、缩放等）。/* Keyword values */touch-action:auto;touch-action:none;touch-action:pan-x;touch-action:pan-left;touch-action:

单行居中显示文字，多行居左显示，最多两行超过用省略号结尾这题就厉害了我的哥。题目就是如上要求，使用纯 CSS，完成单行文本居中显示文字，多行居左显示，最多两行超过用省略号结尾，效果如下：不愿看长篇大论的可以先看看效果：接下来就一步一步来实现这个效果。 首先是单行居中，多行居左居中需要用到 text-align:center，居左是

前言----------最近工作中有同事遇到css的z-index与transfrom相互影响的问题，在此总结整理下。出现影响的原因就是对元素层叠上下文理解问题。一 什么是层叠上下文，层叠水平，层叠顺序层叠上下文，英文称作”stacking context”. 是HTML中的一个三维的概念。如果一个元素含有层叠上下文，我们可以理解为这个元素在z轴上就level更高一级。换句话说就是于网页...

一 什么是 Tree-shakingtree-shaking可以理解为通过工具"摇"我们的JS文件，css文件；将其中用不到的代码"摇"掉，是一个性能优化的范畴。具体来说，在 webpack 项目中，有一个入口文件，相当于一棵树的主干，入口文件有很多依赖的模块，相当于树枝。实际情况中，虽然依赖了某个模块，但其实只使用其中的某些功能。通过 tree-shaking，将没有使用的模块摇掉，这样...