一、结构标记 header 页头文档头 section 页面主体 文档主体 nav导航 aside边栏 article文章 footer底部 其中 header nav footer section用的比较多主要是切分结构方便阅读。 二、标 ...

首先说一下实现原理： 下拉刷新 实现下拉刷新主要分为三步： 监听原生touchstart事件，记录其初始位置的值，e.touches[0].pageY； 监听原生touchmove事件，记录并计算当前滑动的位置值与初始位置值的差值，大于0表 ...

本文目录： 1.Sass、LESS和Stylus的基本语法 2.变量（Variables） 3.作用域（Scope） 4.混合(Mixins) 5.嵌套（Nesting） 6.继承（Inheritance） 7.颜色函数 8.导入（Impo ...

如图，需求是将el-tree改成如下样式： 需求样式 默认展开第一层，左侧添加蓝色条条 点击任意一项时，左侧添加蓝色条条，其他的蓝色条条均消失 我们可以自由控制el-tree里面文字的样式，但是由于CSS暂时不支持通过子元素去查找父元素，所 ...

gray-image 简易的灰度化图片的工具 引子 今天对于全国同胞来说是个庄严肃穆的日子，是纪念在抗击新冠疫情牺牲的烈士与广大同胞的纪念日，也是中国的四大传统节日「清明节」。 自古以来，清明节就是我们用来纪念先人，缅怀祖先的，20 年这个 ...

1. CSS Reset 为什么需要CSS Reset 浏览器对于各个HTML都赋予了默认的样式，并且不同的浏览器默认的样式不同，而通常我们的产品设计中样式都是不同于浏览器默认样式的，所以我们在开发中经常要去覆盖默认的样式，针对不同的浏览器 ...

html5新增结构标签 header 头部 nav 导航 section 区域 article 文章 aside 侧边栏 figure 一组多媒体内容 figcaption 多媒体内容的标题 footer 底部 hgroup 区块的相关信息 ...

HTML5的结构化标签，对搜索引擎更友好 li 标签对不利于搜索引擎的收录，尽量少用 banner图片一般拥有版权，不需要搜索引擎收录，因此可以使用ul + li 可用于浅色副标题 display:inline-b ...

编辑器：sublime text3 标注工具：PxCook 切图工具：PS 开发前准备：设计图标注 PxCook 空格键可以上下拖动 大致标注图纸：（可惜不能文字标注和拉参考线） 开发前准备：PS切图 在指定图层上新建一个图层，使用ctr ...

video在各浏览器中显示的差异 video支持的基本视频格式：mp4 / webm / ogv ...