18-12-04

173 阅读1分钟

图片转点阵

www.itdaan.com/blog/2017/0…

npm安装tween.js

npm install @createjs/tweenjs
import { Tween } from "@createjs/tweenjs"

https://www.npmjs.com/package/gsap

markdown编写api系统

juejin.cn/post/684490…

getBoundingClientRect 获取某个元素相对于视窗的位置集合

rectObject= dom.getBoundingClientRect()

rectObject.top:元素上边到视窗上边的距离;
rectObject.right:元素右边到视窗左边的距离;
rectObject.bottom:元素下边到视窗上边的距离;
rectObject.left:元素左边到视窗左边的距离;

vue + d3画树形图

juejin.cn/post/684490…

tweenMax

www.tweenmax.com.cn/api/timelin…

vue-cli原理

juejin.cn/post/684490…

CSS vertical-align 属性

  1. baseline: 默认。元素放置在父元素的基线上。
  2. sub:垂直对齐文本的下标。
  3. super:垂直对齐文本的上标
  4. top:把元素的顶端与行中最高元素的顶端对齐
  5. text-top:把元素的顶端与父元素字体的顶端对齐
  6. middle:把此元素放置在父元素的中部。
  7. bottom:把元素的顶端与行中最低的元素的顶端对齐。
  8. text-bottom:把元素的底端与父元素字体的底端对齐。
  9. length:% 使用 "line-height" 属性的百分比值来排列此元素。允许使用负值。
  10. inherit 规定应该从父元素继承 vertical-align 属性的值

2018年前端面试

juejin.cn/post/684490…

上方元素box-shadow被遮盖

首先要给上方元素relative定位,再给上方元素添加z-index,要求大于下方元素z-index