vue如何禁止body下滑,只让子元素允许滚动

需求场景: 使用vue开发移动端项目时,当页面滚动到顶部继续向下滑动会暴露域名信息,如果我们不希望用户页面滚动到顶部继续向下滑动怎么办,当然可以在vue组件最外层标签添加@touchmove.prevent(禁止滑动事件),但是如果页面内又需要滑动怎么办,那么就需要我们的better-scrol...

2018-07-02 15:18:19

阅读数 3448

评论数 1

vue 组件过渡动效

router-view 是基本的动态组件,所以我们可以用 transition 组件给它添加一些过渡效果 基础用法如下: <transition> <router-view></r...

2018-04-19 16:46:15

阅读数 430

评论数 0

vue 组件注册及引入

vue项目中 每个.vue文件都可以看做一个模板,组件可以看做没有在路由定义且功能单一的模板 组件的使用 1、引入组件 2、注册组件 3、使用组件 <template> <div> ...

2018-04-18 15:00:22

阅读数 1331

评论数 0

vue中watch、set、computed的比较

抛出问题:当 $store.state.topicList变更时,哪种方式实现view更新 1、data(){ return { topicList: this.$store.state.topicList } }, top...

2018-04-09 17:03:16

阅读数 220

评论数 0

深拷贝和浅拷贝

深拷贝一定都是按值传递,浅拷贝一定有按址传递 基本类型和引用类型 基本类型: 存放在栈内存中的数据段,因为是按值存储,可以直接访问和修改 引用类型: 存放在堆内存中的对象。在栈内存中变量保存的是一个指针,指向对应在堆内存中的地址。当访问引用类型的时候,要先从栈中取出该对象的地...

2018-03-23 10:18:50

阅读数 53

评论数 0

mac下npm删除及重新安装

系统升级到 Sierra 之后,npm 经常出问题,最终把 node 卸载了,安装了新版本。mac 卸载 node 比较麻烦,stackoverflow 上面找到一个方法还不错,特地记录下来,代码如下: 首先运行脚本 lsbom -f -l -s -pf /var/db/receipts/or...

2018-03-20 13:31:15

阅读数 9520

评论数 0

小程序上拉加载和下拉刷新问题总结

先说下遇到的问题 1、怎么触发下拉刷新上拉加载及设定触发上拉加载的距离 2、怎么在wx.startPullDownRefresh()中执行方法 3、没有刷新动画 4、ios真机下拉刷新反弹距离过大 一、要触发下拉刷新上拉加载事件,需要能够监听到事件才行 在需要实现下拉刷新上拉加载的页面...

2018-02-24 13:28:09

阅读数 7980

评论数 0

小程序嵌入h5项目总结(二)——移动端Vue项目框架搭建

一、使用vue-cil创建项目 二、引入scss或less语法 1、引入scss:npm install sass-loader node-sass --save-dev,无需其他任何配置 2、移入less:npm install less less-loader --save...

2018-01-30 01:47:52

阅读数 1640

评论数 0

小程序嵌入h5项目总结(一)——开发经验

小程序嵌入h5项目总结 从h5到小程序再到小程序嵌入h5,几个项目陆陆续续做了几个月了,今天就抽个时间对这几个月的项目做个总结吧,结构组织并不怎么规范,边写边完善吧 开发前准备 这里主要讲述,项目开发前对项目的了解,参与产品讨论,理解业务需求,功能需求,思考实现方案评估实现难度及风险,...

2018-01-23 20:15:07

阅读数 6124

评论数 2

粘性布局position:sticky

开篇: 页面开发中常用到固定定位fixed,不过fixed会浮动脱离文档流,于是又要清除浮动,即麻烦有时又未必能够清除浮动,于是sticky华丽出场 介绍: sticky是CSS3中新增的position属性,设置了sticky的元素,在屏幕范围(viewport)内该元素的...

2018-01-04 22:44:01

阅读数 200

评论数 0

HTML文件中meta标签的使用

当用户使用的是国产浏览器时,规定优先使用极速内核(webkit内核) <meta name="renderer" content="webkit">

2017-07-25 13:37:25

阅读数 109

评论数 0

一个div用CSS3做的loading动画

#loading { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 10px; height: 10px; bor...

2017-07-25 13:29:07

阅读数 503

评论数 0

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