使用js跳转https

如果不使用nginx的重定向的话,可以使用下列js进行强制使用https访问,缺点就是如果是http请求打开的页面会多消耗一些流量。 <script type="text/javascript"> var targetProtocol = "https:"; if (window...

Vue组件 – img标签的封装

使用场景:例如我在项目中使用了这种图片,这张图片可能是很久以前上传的并且因为被删除或者其他原因导致无法获取到图片资源时,我们仍然希望在页面上能够显示一个默认的图片或者图片错误的提示,而不是导致例如...

js去除数组中的重复值

let arr = [1,2,2,3,1,4,5,6,1,6,7,2]; let newArr = []; for(var i =0;i<arr.length-1;i++){    if(newArr.indexOf(arr[i]) === -1){     newArr.push(arr[i]);   } } console.log(newArr) //▶(7) [1...

使用嵌套路由来优化Vue单页应用

相信不少的buddies都是从一个列表页,一个详情页开始学Vue的,(没有错我说的就是知乎日报。) 哈哈哈哈哈哈 目的效果 进入详情页面能够保存列表的滚动高度,返回时列表不会重新刷新。(如应对列表内容更新的情...

Vue子父组件通信实践–弹窗与关闭

场景 现在我有一个新闻列表页面,列表上方是一个导航栏NavBar,Bar的右侧放一个搜索按钮,点击的时候弹出搜索面板,搜索面板弹出以后,点击面板中的取消关闭弹窗。 传统实现方式: 为这个弹窗绑定一个v-if属性,...