- 博客(16)
- 收藏
- 关注
RSS订阅转载 vue项目中keep-alive的使用，从详情页返回列表时保存浏览位置
背景描述：最近在做移动端前端项目中，需要实现以下场景：1.在页面查询列表，进入详情页时，返回需要页面返回到上次浏览的位置2.由于查询列表获取的数据可能会短时间改变，如果前端长时间缓存数据，并不符合业务要求。3.我在进入详情页时可以修改列表的数据，返回时滚动到，用户看到的应该是最新的数据4.每个列表页面需要用到滑动加载更多数据。项目中vue的使用：1.用到keep-ali...
2019-12-23 21:43:05
1194
原创 vue iview 前端表格分页
// 获取Table数据 handleListTable() { // 保存取到的所有数据 // 初始化显示，小于每页显示条数，全显，大于每页显示条数，取前每页条数显示 if (this.tableDataAll.length < this.pageSize) {...
2019-12-18 23:40:21
701
1
原创 vue 导航守卫结合keep-alive实现缓存
1 app.vue<template> <div id="main" class="app-main"> <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-al...
2019-12-18 22:28:21
405
原创 js 事件委托
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2019-12-14 22:14:57
193
转载 js 事件委托（事件代理）
JS中的事件委托（事件代理）一步一步来说说事件委托（或者有的资料叫事件代理）js中事件冒泡我们知道，子元素身上的事件会冒泡到父元素身上。 事件代理就是，本来加在子元素身上的事件，加在了其父级身上。 那就产生了问题：父级那么多子元素，怎么区分事件本应该是哪个子元素的？ 答案是：event对象里记录的有“事件源”，它就是发生事件的子元素。 它存在兼容性问题，在老的IE下，事件源是 wi...
2019-12-14 21:01:11
165
转载 js 事件流（2）
一、概述事件流：事件流描述的是从页面中接收事件的顺序。DOM事件流传播的三个过程：事件捕获阶段 ——》 处于目标阶段 ——》 事件冒泡阶段。事件冒泡：事件开始时由最具体的元素接收，然后逐级向上传播到较为不具体的元素事件捕获：不太具体的节点更早接收事件，而最具体的元素最后接收事件，和事件冒泡相反事件流示意支持W3C标准的浏览器在添加事件时用addEventL...
2019-12-14 11:44:53
120
翻译 js 事件流
Javascript与HTML之间的交互是通过事件实现。一、事件流事件，是文档或浏览器窗口中发生的一些特定的交互瞬间。事件流，描述的是页面中接受事件的顺序。IE9，chrome，Firefox，Opera，Safari均实现了DOM2级规范中定义的标准DOM事件，而IE8和IE8以下版本仍然保留专有的事件处理方式。事件冒泡事件冒泡是由IE开发团队提出来的，即事件开始时由最具体的元素...
2019-12-14 11:36:53
78
原创 摘要js的三中加载方式
js阻塞原理浏览器内核可以分成两部分：渲染引擎（Layout Engine 或者 Rendering Engine）和 JS 引擎。早期渲染引擎和 JS 引擎并没有十分明确的区分，但随着 JS 引擎越来越独立，内核也成了渲染引擎的代称（下文我们将沿用这种叫法）。渲染引擎又包括了 HTML 解释器、CSS 解释器、布局、网络、存储、图形、音视频、图片解码器等等零部件。JS 引擎是独立于渲染引...
2019-12-13 21:56:22
90
原创 Vue Router 的params和query传参的使用和区别
首先简单来说明一下$router和$route的区别//$router : 是路由操作对象，只写对象//$route : 路由信息对象，只读对象//操作 路由跳转this.$router.push({ name:'hello', params:{ name:'word', age:'11' }})//读...
2019-12-09 22:02:41
162
原创 vue 强制组件重新渲染（重置）
数据通过异步操作后，对之前刚加载的数据进行变更后，发现数据不能生效方案一当数据变更后,通过watch监听，先去销毁当前的组件，然后再重现渲染。使用v-if可以解决这个问题<template> <third-comp v-if="reFresh"/></template> <script> export defau...
2019-12-09 22:01:52
1198
原创 js(jquery)中常用追加元素的几种方法：append，appendTo，after，before，insertAfter，insertBefore，appendChild
<script type="text/javascript">// <
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人