SelfWu

什么是Popper组件？ 即使窗口变化、滚动，也不会让弹出框被遮挡，这是一个非常能让用户体验提升的功能，想实现这个功能其实并不困难。

SCSS 是 Sass 3 引入新的语法，其语法完全兼容 CSS3，并且继承了 Sass 的强大功能。也就是说，任何标准的 CSS3 样式表都是具有相同语义的有效的 SCSS 文件，官方解释。 传统的css文件缺失变量等概念，导致需要书写的重复的代码很多。我写JS的习惯是遇见重…

该篇文章的例子同时也算是我CSS动画的启蒙之作，思路来源于掘友的一篇文章，文末有链接，但只提供思路，于是我打算实现一波，顺便分享一下动画制作过程中的心得体会。也算是应证了，当你打开思路以后，动画，真的很简单。 接上篇文章JS动画？其实没你想的那么难。150行代码，带你走进新世界…

背景 近期公司投放在展厅大屏中演示的大数据页面，出现了文字、图表、表格等多类组件显示错乱的情况。 目的 解决页面错乱问题，实现多种分辨率的大屏适配 入坑分析 俗话说的好，走过的最多路，就是网友们套路

filter 函数 filter中的回调函数有一个要求：必须返回一个boolean值 true当返回true时，函数内部会自动将这次回调的n加入到新的数组中 flase当返回false时，函数内部会过

for loop 普通 for 循环 自行指定循环次数。 先来看一下常见写法： 如果数组长度在循环过程中不会改变，将数组长度用变量存储起来会获得更好的效率，改进后的写法： forEach 循环 ite

固定的代码结构 方法一 使用工具库 Lodash/Underscore 两种工具使用方法一样，只是引用的库不一样！ 方法二 ES6 Set方法 首先New一个Set将数组放入,Set的特点是，里面的元

1.认识flex布局 flex布局是目前web开发中使用最多的布局方案： 两个重要的概念: 2.flex布局模型 main axis称为主轴： cross axis称为交叉轴： 3.flex相关的属性

盒子模型： 盒子尺寸的计算： box-sizing：border-box 开启box-sizing：border-box 后是设置 width 和 height 的是最终的盒子宽度和高度，一样不算外边