2018年03月_babulongbo

原创使用swiper3实现旋转木马的遇到的连接点击错误问题

问题描述：公司在活动日推出首页轮播图公告，想要通过swiper来实现旋转木马，但是实现旋转木马后，点击图片时，发现个别图片跳转有问题。(公司的连接都是通过特殊的函数处理，因为是在小程序的环境下，连接跳转的方式不一样) 问题分析：通过监听连接的@click.prevent事件(就是在连接转换函数添加console.log代码)，并且直接添加onclick事件(排除vue的问题)...

2018-03-29 19:56:02 1181

原创 javascript实现图片懒加载和预加载

所谓懒加载就是通过某些特定的条件，然后再给图片的src赋值，常见的懒加载方式有点击加载和滚动加载。如果是点击加载，那么一般是通过点击事件。例如：然后添加点击事件: 效果如下: 如果是加载，那么就有些复杂，首先你要先明白触发加载的条件，一般都是文档的高度-浏览器窗高度-浏览器距离顶部的高度<规定的尺寸。达到一定条件的后,向for循环的图片数组(笔者使用的是vue)添加元...

2018-03-29 19:34:02 1890

原创 swiper定义loop为true时有空白的页

当使用swiper定义loop为true是，一张或最后一张会出现空白页，要解决这个问题可以使用 loopAdditionalSlides: 2, loopAdditionalSlides的是值越大，出现空白的几率越小，但是也不要太大，否则dom会复制的太多...

2018-03-28 11:36:28 8872 4

原创移动端手机软键盘遮挡输入框问题

页面:<section class="links"> <h3 class="title">联系方式</h3> <div class="content"> <input autocomplete="autocomplete" type="text" n

2018-03-23 11:07:42 1424

原创微信小程序实现搜索框以及踩过的坑

先上代码： wxml:<view class="inputcontainer"> <view class="input" catchtap="inputSwitchStatus" wx:if="{{!edit}}">搜索商品</view> <view

2018-03-22 12:14:01 19330 3

原创动态瀑布流布局的图片墙

要实现动态瀑布流布局的图片墙：要做到两点：一.实现瀑布流的图片墙，二.使用函数节流监听window的resize事件首先：实现瀑布流的图片墙，网上有各种各样式的实现，但是纯css的实现，总是有些bug，不容易控制，所以我使用js进行控制。它的原理是：首先使用浮动布局，图片可浮动。具体结构：这时除了第一行，其他的图片的都有较大的间距。剩下的工作需要js来完成： ①声明...

2018-03-20 20:06:27 1391

原创 Duplicate keys detected: '8'. This may cause an update error. 错误

这个错误是我使用vue-cli项目时出现的错误，看错误的的报告中关键字’keys’,联系错误的时机，可以知道这个错误出现在我使用vue的循环中，循环再vue或者小程序中饭为了保证每一项的独立性，都会推荐使用key，所以综上所述，很可能是key出现问题，现在查找关于key的代码，果然：很显然后几个的index重复了，所以修改index后，就不再出现此问题了。...

2018-03-20 10:58:49 125154 5

原创动态修改vue-cli的spa的标题

import Vue from 'vue'import Router from 'vue-router'import Home from '@/components/home'import Items from '@/components/Items'import Waterfull from '@/components/Waterfull'Vue.use(Router)const...

2018-03-19 19:16:15 537

原创 SQLSTATE[42S02]: Base table or view not found: 1146 Table 'aplum.t_blogger_generalize' doesn't exist

昨天使用php向数据库写入数据时，发生这个错误。对该错误进行分析：首先它说数据库的表不存在，但是在数据库可以找到这给表，所以数据表是正常的。其次仔细看数据表为aplum.t_blogger_generalize，也就是aplum数据库中的t_blogger_generalize表，所以在aplum数据库中再找该表，发现这个表在aplum数据库中并不存在，但是在aplum_activit...

2018-03-15 11:09:38 14626

原创使用yii生成数据库表对应的model类

一. 首先在数据库中中创建你的数据表。二. 在你的项目的url加上/gii，回车进入gii页面三. 选择start选项点击start 四. 进入当前页面输入你的数据表名字以及生成的model class的名字，如果有多个数据库则需要选择你的Database Connection ID, ...

2018-03-15 10:36:02 1900

原创 js中数组拷贝失败

一般如果数组是常用类型，可以使用slice()方法和concat()进行拷贝，例如: let arr = originArr.slice(0); let arr = originArr.concat(); 但是如果数组的元素是对象的话，上面的方法就失败了，所以，需要自己写一个深拷贝函数：// 数组深拷贝函数 function deepCopyArray (arr) { ...

2018-03-09 13:37:13 510

原创控制SPA页面跳转(history)

/** * SPA页面回退问题解决方案 * ①保存当前页面的url到history * ②监听popstate事件 * ③触发popstate事件，控制history回退 */ console.log(‘window.history:’,window.history,”,state:”,window.history.sta...

2018-03-06 11:30:41 1475

babulongbo的博客