如果视频又打不开了，可以去我公众号的文章里看。 现在我们来分析下这个漏洞的产生过程。 首先标题中存在 HTML <input onfocus="alert('1')">，在网页中如果不对这部分文本做转义的话，就会正常渲染为 HTML。 在文章详情中其实我们并没有发现这个问题，也…

transform 可以实现元素的形状，角度，位置等的变化。 skew(x, y) 接受两个值，第一个参数对应 X 轴，第二个参数对应 Y 轴。如果第二个参数未提供，则默认值是 0 任何一个元素都有一个中心点，默认情况下，其中心点是居于元素 X 轴和 Y 轴的 50% 处。 当…

一. 基础 二. 运算 1. 除法 四. 带参数的mixin 可以在变量的结尾添加 !default 给一个未通过 !default 声明赋值的变量赋值，此时，如果变量已经被赋值，不会再被重新赋值，但是如果变量还没有被赋值，则会被赋予新的值。

垂直居中，在 CSS 中是一个老生常谈的问题，面试的时候也会时常被提及。所以，今天我们就来聊聊 9 种不同的居中方法。 有常见的 flex、transform、absolute 等等。也有 CSS3 的网格布局。还有伪元素的方法，是的，你没有看错，::after 和 ::bef…

这几个月几乎每天都会有朋友加我微信，而他们问的最多的问题就是 —— 前端技术现在如此繁杂，我到底应该如何学习。这个话题太大了，几句话回答不好；也由于这个问题确实困扰了很多前端开发人员，所以我也就着手系统的输出这篇文章。 我们俨然能感受到前端岗位现在已经发展成了最重要的研发岗位之…

作者：滴滴公共前端团队 - 小春前言： 最近我们开源的小程序脚手架 - miniapps (A useful tool for developing webchat apps)，它其中提供了 css 预编译的能力，支持 sass、stylus 等。 最早我们的版本默认根据用户选…

SASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。 本文总结了SASS的主要用法。我的目标是，有了这篇文章，日常的一般使用就不需要去看官方文档了。 SASS是Ruby语言写的，但是两者的语法没有关系。不懂Ruby，…

学过css的肯定知道层叠样式表 (Cascading Style Sheets，缩写为 CSS），是一种样式表语言，用来描述 HTML 或 XML（包括如 SVG、MathML、XHTML 之类的 XML 分支语言）文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素…

SASS的官方网站，提供了一个在线转换器。你可以在那里，试运行下面的各种例子也可以去（Sass中文文档）试试都是在线转换器。 然后引入一个div样式中。div本身设置大小。 产生的效果是：外层的选择器和引入sass文件中的选择器会全部构成父子结构。 如果没定义，则使用当前定义的。