图片转点阵
npm安装tween.js
npm install @createjs/tweenjs
import { Tween } from "@createjs/tweenjs"
https://www.npmjs.com/package/gsap
复制代码
markdown编写api系统
getBoundingClientRect 获取某个元素相对于视窗的位置集合
rectObject= dom.getBoundingClientRect()
rectObject.top:元素上边到视窗上边的距离;
rectObject.right:元素右边到视窗左边的距离;
rectObject.bottom:元素下边到视窗上边的距离;
rectObject.left:元素左边到视窗左边的距离;
复制代码
vue + d3画树形图
tweenMax
www.tweenmax.com.cn/api/timelin…
vue-cli原理
CSS vertical-align 属性
- baseline: 默认。元素放置在父元素的基线上。
- sub:垂直对齐文本的下标。
- super:垂直对齐文本的上标
- top:把元素的顶端与行中最高元素的顶端对齐
- text-top:把元素的顶端与父元素字体的顶端对齐
- middle:把此元素放置在父元素的中部。
- bottom:把元素的顶端与行中最低的元素的顶端对齐。
- text-bottom:把元素的底端与父元素字体的底端对齐。
- length:% 使用 "line-height" 属性的百分比值来排列此元素。允许使用负值。
- inherit 规定应该从父元素继承 vertical-align 属性的值
2018年前端面试
上方元素box-shadow被遮盖
首先要给上方元素relative定位,再给上方元素添加z-index,要求大于下方元素z-index