- 博客(12)
- 收藏
- 关注
原创 使用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 19329 3
原创 动态瀑布流布局的图片墙
要实现动态瀑布流布局的图片墙:要做到两点: 一.实现瀑布流的图片墙, 二.使用函数节流监听window的resize事件 首先:实现瀑布流的图片墙,网上有各种各样式的实现,但是纯css的实现,总是有些bug,不容易控制,所以我使用js进行控制。 它的原理是:首先使用浮动布局,图片可浮动。具体结构: 这时除了第一行,其他的图片的都有较大的间距。剩下的工作需要js来完成: ①声明...
2018-03-20 20:06:27 1390
原创 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 14624
原创 使用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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人