设为Flex布局的容器，都会默认存在两个轴，水平的主轴(main axis)和垂直的交叉轴(cross axis)。 下面将详细介绍以上属性。 space-around: 每个项目两侧的间隔相等。 stretch: 如果项目未设置高度或设为auto，将占满整个容器的高度。 st…

主要结合了内存的概念讲了js的一些的很简单、但是又不小心就犯错的地方。 结论：js执行顺序，先定义，后执行，从上到下，就近原则。闭包可以让外部访问某函数内部变量，而且会导致内存泄漏。 引用类型的值，也就是对象，一个对象是某个引用类型的一个实例，用new操作符创建也可以用字面量的…

如果，你已经很熟悉vue框架，那么可以看看我对双向绑定的实现方式，如果你有更好的方式，非常欢迎分享出来。 如果，你不熟悉vue，则可以完整的看一遍，对于之后使用vue多少会有点帮助。 在分析它之前，我们可以先回答一个问题：为什么需要双向绑定呢？让我们把时间移到十年前，来看看前端…

为了安全，浏览器规定了同源策略，不允许跨域访问资源。 也就是说如果url a 要访问 url b，那么a和b的协议+域名+端口号三者必须一致，才能访问，否则就需要解决跨域问题。 下面我们详细介绍一下每一种方式的具体实现。 1. jsonp jsonp的核心是动态加载js。这种方…

最近在看一些面经，去看看别人面试遇到的题目，然后每看一篇面经就整理一次题目及答案。（之后大概率会持续更新） 本文是因为最近投了个滴滴的前端实习岗位，所以在牛客查了查有关滴滴的面经，于是乎看到这个 滴滴sp前端一面 ，整理了一下关于里面题目的答案。当然啦，如果哪里讲得不好的或是讲…

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！

关于JavaScript中this又是一个老生常谈的话题，也是面试绕不开的经典考题。「前端料包」 系列第三篇就聊聊关于this的话题。写的很小白，如有不对，欢迎各路大佬指正~ 在讲this之前，先得说说环境 这个概念。一门语言在运行的时候，需要一个环境，叫做宿主环境。对于Jav…

创建一个空Map数据结构，遍历需要去重的数组，把数组的每一个元素作为key存到Map中。由于Map中不会出现相同的key值，所以最终得到的就是去重后的结果。 这是最麻烦的方法，效率十分低下，每一个循环都会去动态获取数组的length。且该方法无法过滤掉NaN，因为NaN ===…

为了vue页面样式模块化，不对全局造成污染，每个页面的style标签加上scoped，表示他的样式只属于当前的页面，父组件的样式不会泄漏到子组件中。但是scoped也会造成一些额外的负担，如无法覆盖原有组件的样式。 注意：如果你使用了Less或Sass等预处理器，可能无法>>>…