移动端
Maximus_ckp
逆水行舟,不进则退。努力过上自己想要的生活。
展开
-
移动端侧滑显示删除按钮(与VUE框架整合)
通过样式找到目标DOM数组,循环绑定滑动事件, 通过初始点与当前点判断左右滑动, 将每一行内容设置为120%宽度, 在滑动后给一个swipeLeft类, 利用C3变形相对自己位移15%,露出删除按钮。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" conte原创 2017-05-02 15:51:48 · 6091 阅读 · 1 评论 -
【移动端】仿hover效果触发导航菜单展开
PC端,很多交互是由鼠标滑过触发伪类‘:hover’来实现的, 而移动端是没有鼠标hover事件的, 我们可以将原来响应:hover的DOM元素, 绑定监听touchstart和touchend, 动态添加/除去 ‘.hover’这个类来达到等价于PC端交互的效果。逻辑核心: **onTouchStart 相当于 onMouseOver, onTouchEnd 相当于 onMouseOu原创 2017-09-18 17:13:31 · 4014 阅读 · 0 评论 -
每天学么点儿技术花活儿(八月篇)
数据深层拷贝var arr1 = [1,2,3];var arr2 = arr1;arr1 = [9,2,3]; // 重新给arr1赋值arr2 => (3) [1, 2, 3] // arr2 没跟着arr1改变而变化var arr1 = [1,2,3];var arr2 = arr1;arr1[0] = 9; // 重新给arr第一个元素赋值 arr2 =...原创 2018-08-21 15:24:13 · 2560 阅读 · 0 评论 -
Vue 解决Loading chunk (\d)+ failed问题
import Vue from 'vue';import Router from 'vue-router';// 两种页面引入方式// 方式1,将所有页面import进来,会打包成一个巨大的js,首页加载慢,后续页面加载快,不推荐// import Page404 from '@/pages/Page404';// import Indexfrom '@/pages/index';...原创 2019-01-10 15:16:12 · 17352 阅读 · 2 评论