自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除