vue不用window的方式刷新当前页面

vue项目中我们很多时候需要刷新页面,比如本地用户信息更新后,或者需要重新加载当前页面的数据时,使用window.location.reload()或者window.history.go(0)方法都是整个窗口的刷新,和h5快捷键一样,会有短暂空白出现,体验很不好,这里说两种在vue项目里使用的无感...

2019-05-20 21:38:50

阅读数 15

评论数 0

H5项目中有滚动元素,ios系统拖动默认行为和滚动事件冲突解决

问题:h5页面,在ios系统中,拖动顶部固定元素(红色区域)时,会默认拖动整个浏览器,导致出现白色背景,影响到自定义的滚动事件(橙色区域),因为自定义滚动是用了ui框架的,会导致其短暂的无法滚动,必须要等整个页面停稳了才能滚动橙色区域,影响到体验。这应该是ios系统自带的缓动效果,当用户拖动页面元...

2019-05-04 18:07:15

阅读数 16

评论数 0

作用域和闭包

一说到javascript里的闭包,大部分人都好像有所耳闻,但又说不太清楚到底是个什么东西。那么闭包到底是何方神圣呢? 闭包是javascript中非常常见,但是又非常神秘的一个概念,有多少人像我一样,看了好多关于闭包的技术文章,却始终没能彻底搞懂闭包的深层次原理,经常是面试前突击一下闭包相关的...

2019-04-11 21:10:06

阅读数 7

评论数 0

vue组件通信方式小结

vue项目中,组件间的通信是最常用到的,也是面试必问的问题之一。 组件通信可以分为几种类型: 1、父子通信 1.1 父传子 1.2 子传父 2、跨级传递 2.1祖父传孙 3.1孙传祖父 3、同级组件间通信 首先说一下通用的方式,即不管哪种场景都在功能上可以实现,撇开具体场...

2019-04-01 22:34:00

阅读数 14

评论数 0

自定义v-model用法

在vue中,v-model是用来进行数据双向绑定的一个语法糖,比如说用在input上,输入框数据变化,v-model绑定的对应的值也会跟着变化,无需单独获取。 其实v-model还可以在自定义组件中使用,可以被拆解为props:value和event:input,也就是说组件必须接收一个valu...

2019-03-31 20:39:01

阅读数 17

评论数 0

pc端多页面公用回到顶部功能

在pc端,页面超过可视区高度后便会有滚动条,那么回到顶部的功能就必不可少了。 现在我面临的情况: 1、点击回到顶部,默认隐藏,滚动超过一定距离才显示回到顶部icon 2、部分页面不需要回到顶部功能,比如登录、修改密码等模块; 3、滚动效果的实现使用的是element-ui的scrollba...

2019-02-27 20:12:29

阅读数 30

评论数 0

当better-scroll 遇上element-ui时,dialog的层级问题处理

现在越来越多的开源工具使得开发效率大大提高,让开发者从繁琐的样式编写等工作中抽离出来,专注于前端逻辑的编写,很多时候只需要找到不同的工具、零件,按照自己的业务需求拼装在一起就是一辆很棒的车。只是不同的工具,组件也好、插件也好,都是由不同的人员开发维护的,属于独立的项目,但当我们要造车的时候,拿过来...

2019-02-02 11:34:27

阅读数 216

评论数 0

javascript中的this的四种绑定方式

在面向对象的编程中,最常用到的就是this关键词。 this是在执行函数时绑定的,而不是在声明的时候绑定的,他的上下文取决于函数调用时的各种条件,和声明的位置没有关系,只和调用的位置有关。 this有四种绑定方式: 第一种:默认绑定 var a = 9; function abc() {...

2018-12-20 21:09:34

阅读数 63

评论数 0

小程序购物车功能(支持手动输入数量)以及侧边栏和列表栏联动的实现

小组刚完成一个小程序项目,第一版正式发布了,过程中也遇到了很多问题,这里记录一下我负责的模块中的购物车功能的实现过程。后期再把其他小伙伴的模块也一并贴上来分析一下,自己也学习一下他们的独门技能!效果图如下: 在这里,计数器、购物篮做成组件用于复用,由于左右联动的功能在另一个模块也有用到,...

2018-09-17 11:08:24

阅读数 774

评论数 1

flex布局换行后均匀分布

今天做一个需求的时候发现一个问题,原型需要做出这样的布局效果 首先想到的肯定是flex布局 display: flex; justify-content: space-between; flex-wrap: wrap; 嗯,确实达到了效果,完美!! 但是当数据不是4的倍数的时候,...

2018-09-12 16:02:24

阅读数 4783

评论数 1

vue在新窗口打开页面的方法

有时候后我们会需要在一个新窗口打开页面,而我们都知道,vue是单页面的应用,通过router在内部跳转的。但是依然有办法实现这个需求。 刚开始在网上找了一下,有两种方式,一种是给outer-link标签添加tag=a跳转打开新窗口,亲测有效。 <router-link t...

2018-08-14 19:14:42

阅读数 8965

评论数 2

axios 请求参数格式与后台不对应导致415错误

用axios请求后台数据的时候,默认的头部配置是 Content-Type: application/x-www-form-urlencoded;charset=UTF-8 这样的话,data的配置格式和传递的格式就是一样的,都是是json键值对 data:{"token...

2018-08-02 10:44:15

阅读数 1334

评论数 0

weex踩坑日记

1、文字只能放在text里面,包括字体图标<text class="main-icon icon"></text> 2、cell不支...

2018-07-22 22:09:38

阅读数 264

评论数 0

better-scroll和vue-router中scrollBehavior不兼容处理

在做一个实战项目时,首页是一个商品列表页,引入better-scroll实现滚动效果 import BScroll from 'better-scroll';mounted() { this._initScroll(); },methods: { _initScro...

2018-07-04 17:04:02

阅读数 573

评论数 0

解决vue中keep-alive缓存问题

vue开发的时候,我们经常会有这样的需求:开发一个详细页面来展示商品的详细信息,根据列表页传入的id进行请求,拿到对应的数据进行渲染。但是一般在路由上都会加上keep-alive保持数据的状态,除非强制无缓存刷新,这就导致第一次进入详情页面时,可以在created中拿到id,但是返回后,再点击进入...

2018-07-04 11:57:49

阅读数 2788

评论数 0

小程序滚动组件,左边导航栏与右边内容联动效果实现

最近公司要开发小程序,趁着ui还没出来,先把一些功能实现一下。其中有一个功能,需要左边的导航栏和右边的内容对应联动,其实就想饿了么外卖的选单界面,但是在小程序里实现又有点不同了。最终效果如图(丑是丑了点,关注功能就好)右边内容容器是可以滚动的,可以使用小程序提供的scroll-view组件,要强调...

2018-06-25 13:55:47

阅读数 12035

评论数 16

koa配置后台

新建server文件夹,npm init 初始化文件夹:新建服务器index入口文件,启动服务器,断开3000:npm i mogoose -S,安装mongoose新建database文件夹,存放数据文件新建schema文件夹,存放分类数据文件,在里新建User文件,用于插入用户信息新建init...

2018-06-23 15:45:32

阅读数 544

评论数 0

mpvue本地开发环境搭建

将解压文件中server文件夹复制到项目跟目录,并修改配置项在开发者工具中操作,第一次上传勾选模块上传,之后就勾选智能上传每次修改后需点击上传部署,不方便一般搭建本地开发环境本地安装mysql指南 https://cloud.tencent.com/document/product/619/114...

2018-05-30 15:18:14

阅读数 2166

评论数 0

vue父组件异步获取数据传给子组件

最近一直在做一个vue移动端商城的实战,期间遇到一个小小的问题,值得一说,可能别人已经遇到过了,只是我第一次遇到而已。首页有个楼层区域,用于展示不同类别的商品,比如:水果,衣服,酒水等,布局都是一样的,所以将单个楼层独立出来成一个组件,只需要给响应的六层传入对应的数据就可以按需渲染了:先在父组件引...

2018-05-15 09:19:41

阅读数 11499

评论数 0

webpack学习

webpack是一款前端自动化构建工具,通过模块化打包运行,大大提高了前端工程师的工作效率,优化了前端代码。本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(depe...

2018-05-09 10:15:41

阅读数 109

评论数 0

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