2018年10月18日

vue单页缓存存在的问题及解决方案(小结)

摘要: 1.css同名覆盖,解决方法:父组件加上scoped ? 1 2 3 <style lang="scss" scoped> @import './unbind.scss' </style> ? 1 2 3 <style lang="scss" scoped> @import './unbind.sc 阅读全文

posted @ 2018-10-18 21:05 zanguixuan 阅读(985) 评论(1) 推荐(0) 编辑

Vue中对拿到的数据进行A-Z排序的实例

摘要: 最近在做一个音乐app练手项目,拿到的数据是杂乱的,又不想跟视频那样重新构造数据,就自己百度使用简便的方法排序,下面说一下 我拿到的数据是这样的,我想让他按照A-Z顺序排列 前端精品教程:百度网盘下载 1.对于数组的操作,官网有例子,在这里我们根据官网使用计算属性来重新排列。 前端精品教程:百度网盘 阅读全文

posted @ 2018-10-18 21:04 zanguixuan 阅读(446) 评论(0) 推荐(0) 编辑

vue单页缓存方案分析及实现

摘要: 实现全站的页面缓存,前进刷新,返回走缓存,并且能记住上一页的滚动位置,参考了很多技术实现,github上的导航组件实现的原理要么使用的keep-alive,要么参考了keep-alive的源码,但是只用keep-alive没法实现相同path,不同参数展示不同view,这就有点坑了,所以需要结合自己 阅读全文

posted @ 2018-10-18 21:03 zanguixuan 阅读(144) 评论(0) 推荐(0) 编辑

解决IE11 vue +webpack 项目中数据更新后页面没有刷新的问题

摘要: vue +webpack 项目中数据更新后页面没有刷新问题,ie11下,如果GET请求请求相同的URL,默认会使用之前请求来的缓存数据,而不会去请求接口获取最新数据,我用的解决方法是在每个请求发送前,拦截请求并给请求接口的URL后加一个时间戳(new Date().getTime()),这样就保证了 阅读全文

posted @ 2018-10-18 16:12 zanguixuan 阅读(1055) 评论(0) 推荐(0) 编辑

ExtJs使用自定义插件动态保存表头配置(隐藏或显示)

摘要: 关于保存列表表头的配置,一般我们不需要与后台交互,直接保存在 localStorage 中就能满足常规使用需求(需要浏览器支持)。 直接上代码,插件: 前端精品教程:百度网盘下载 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 2 阅读全文

posted @ 2018-10-18 16:11 zanguixuan 阅读(173) 评论(0) 推荐(0) 编辑

vue使用rem实现 移动端屏幕适配

摘要: 要想移动端适配 并使用 rem 您需要先看这篇文章,配置好less ➡️ 在vue 中使用 less,就可以使用rem了 如果项目已经开发的差不多了,没有用到rem 又要使用rem,您用这招。 postcss-pxtorem:转换px为rem的插件 安装 postcss-pxtorem 前端精品教程 阅读全文

posted @ 2018-10-18 16:09 zanguixuan 阅读(8793) 评论(0) 推荐(0) 编辑

详解vue动画的封装

摘要: 本文实例为大家分享了vue动画封装的具体代码,供大家参考,具体内容如下 前端精品教程:百度网盘下载 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 <style> .v-enter, 阅读全文

posted @ 2018-10-18 16:07 zanguixuan 阅读(151) 评论(0) 推荐(0) 编辑

在vue 中使用 less的教程详解

摘要: 1.安装 npm install --save-dev less less-loader npm install --save-dev style-loader css-loader 先在index.html页面head标签内插入这段代码 前端精品教程:百度网盘下载 ? 1 2 3 4 5 6 7 阅读全文

posted @ 2018-10-18 16:05 zanguixuan 阅读(350) 评论(0) 推荐(0) 编辑

web页面和微信小程序页面实现瀑布流效果

摘要: 小程序实现瀑布流效果,和web页面差不多,都要经过以下步骤: 1)、加载图片,获取图片的宽高度; 2)、根据页面需要显示几列计算每列的宽度; 3)、根据图片真实宽度和每列的宽度比,计算出图片需要显示的高度; 4)、重新对图片进行定位 前端精品教程:百度网盘下载 1、web页面瀑布流效果,先看效果图( 阅读全文

posted @ 2018-10-18 16:04 zanguixuan 阅读(1773) 评论(0) 推荐(0) 编辑

Vue监听一个数组id是否与另一个数组id相同的方法

摘要: 数据list,结构为[{id:1,…},{id:2,…}],数据shoplist,结构为[{id:1,…},{id:2,…}],判断当shoplist.id等于list.id时显示list的数据。 .vue文件: 前端精品教程:百度网盘下载 ? 1 2 3 4 5 6 7 8 9 10 11 12 阅读全文

posted @ 2018-10-18 16:01 zanguixuan 阅读(2456) 评论(0) 推荐(0) 编辑

导航