自动伸缩输入框

使用设置contenteditable属性的元素模拟实现

:empty伪类设置未输入时的内容,实现placeholder

[contenteditable=true]:empty:before ......

Sass !default

sass中定义变量时,如果变量之前已经有一个值,就会被新的值覆盖

$color: red;

$color: blue;

body {

color: $color; // blue

}

这种......

CSS Counter

CSS计数器可以让内容基于它在文档中的位置有不同的表现,例如可以使用计数器来为页面的标题自动编号。计数器本质是CSS维护的变量,依据CSS规则进行递增来记录使用次数。

相关属性

cou......

gulp小记2

browser-sync del

构建步骤

清除构建目录

运行编译代码任务

启动服务器

检测变化,实时更新

npm i browser-sync del -D

const b......

Media Queries Level 4中的几个属性

一般用屏幕大小来判断移动设备,然后为移动端用户更方便的点击页面上的链接或是其他交互类的元素,而设置不同于pc端的样式。但是现在越来越多的小屏设备可以外接键盘和鼠标,对页面元素能比较精确的做点击、输入操......

数据导出excel文件

插件:

简单过程:数据转sheet,添加到workbook,生成excel文件的对象然后下载

const data = [

['id', 'name', &......

SVG pattern

<svg viewBox="0 0 400 100" width="400">

<pattern width=".5" h......