趁着清明放假的空闲，将之前写过的代码整理了一下，发现了一个比较有意思的项目，该项目其实也比较简单，就是利用Canvas的各种原生API在图像中绘制一些基础图形，以及一些图形的更改操作。顺便借此项目复习一下Canvas基础。 目前实现功能 基 ...

常用几何体概念 所有几何体的基类分为Geometry和BufferGeometry两大类，两类几何体直接可以相互转化。 注：以下所有示例材质（材质的具体概念下次再讲）选用均建议用如下： //第一个参数是几何体颜色 第二个为网格 线框展示 ...

一、结构标记 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 ...