最多时候有11个标签页，包括两个 ... ，但是它们不能点击，所以我也把例子里的页码设为11 首页和尾页都保留，第二个页码和倒数第二个页码都为 ... ，同时页面从当前页码位置向两侧算 从上面的思路来看，页码具体如何呈现由当前页码的位置决定，所以我们要在data里设置一个cur…

之前用ember.js写过一个类似组件，现在基于vue2.0封装一个，方便以后用于不同项目，可以拿来直接使用. 渲染页面，当然这只是相通的一小部分，也是这类框架基本思想。

大型团队的合作框架下，必须依赖更复杂的DevOps架构（参考：DevOps详解）。但对于成员不多、负责的Web项目工程量也不大的团队，面临的问题肯定也更单纯： 即便是只有这些需求，在以往的“开发机”的联调环境里，一旦需要添加开发或者测试人员，或者需要更新nginx的配置，再或者…

好了废话不多说，进入今天的主题：如何更好管理 Api 接口。 为了让这些模块在Vue中更好地直接使用，我们将导出的模块通过“挂在”Vue.prototype的形式注入到Vue组件中,以此来为Vue对象添加了一个原型属性，而不是一个全局变量。 添加全局方法或者 property。…

前端面试系列之 JavaScript，还有两篇

这个是比较传统的方法了。注意的是，addEventListener接收消息的时候，必须首先使用事件对象的origin和source属性来校验消息的发送者的身份，如果这里有差错，可能会导致跨站点脚本攻击。而且需要iframe的onload触发后才能使用postmessage 子页…

在前后端分离的开发场景下，不可避免的会有前后端联调。在联调阶段，经常会遇到各式各样的问题，比如乱码问题、前端传的数据（字符串、数组、Json对象）后端无法正常解析等问题。 本文希望从源头着手，理清问题的根本原因，快速定位出现问题的位置，让前后端联调得心应手,让甩锅不再那么容易.…