我们通常使用圣杯布局和双飞翼布局来实现两边等宽中间自适应的三栏布局。 这两种布局的实现思路基本一致，但有一些细微的差别。 圣杯布局的实现思路是通过设置父元素的padding-left和padding-right值，让父元素左右的两边撑出足够容纳左右子元素的空间，然后调整左右两个…

1. join() 2. reverse() 3. sort() 4. concat() 5. push()和pop()

1. 原理：左右浮动，脱离标准流，中间不浮动，处在标准流之中，通过margin留出左右两个盒子的宽度。 2. 实现：左右分别采用浮动的方法，中间margin：0 width； 4. 效果图 1. 原理：两边绝对定位，脱离标准流，中间不脱离标准流，通过margin空出左右两个盒子…

定义：懒加载简单来说就是延迟加载或按需加载，即在需要的时候的时候进行加载。 定义：keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染成一个…

Webpack 用于编译JS模块，即俗称的“项目工程化”工具。 详见英文文档和中文文档。 如果你使用脚手架（vue-cli）等快速搭建工具，一般都集成了Webpack和一些基本配置。 首先通过 npm 查看 Webpack 的版本信息。 我们使用默认的最新版本 webpack4…

过完元宵，就到上海找了波工作，现在已经入职好了，蹭波热点，写一波面试记录，内容包含笔试题和面试题，还有一些没有写进来，准备再开一篇，许久没写了，写的确实有些慢。如果喜欢的话可以点波赞，或者关注一下，希望大家看完本文可以有所收获。 跨域问题是这是浏览器为了安全实施的同源策略导致的…

... 小伙子：你为何 不按套路提问 呢？你应该这样问我：MVVM是什么，生命周期有哪些，双向绑定的原理啊，我对这些比较熟悉。 我：此时的我，被反问给愣住了（难道是我错了吗？我是农村来的不懂套路，还好我经历过风风雨雨，假装镇定下）。 看到网上vue相关的题量都非常少，完全不能满…

通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象，这个对象是一个全局对象。它包含了所有的路由以及许多关键的对象和属性。 push方法其实和<router-link :to="...">是等同的。 注意：push方法的跳转会向 h…

编者注：在移动端中利用rem的相对于根HTML进行改变，通过一段时间JS实现了移动端自适应，本文则使用纯CSS视口单位来自行自适应，虽然现在的兼容性还没法完全能够接受，但不妨碍你认识这个vw和vh的强大。 响应式布局的实现依靠媒体查询（Media Queries）来实现，选取主…