最近 做的项目,遇到了一点小麻烦,就是我一个页面A页面是加载 列表数据 ,B页面是展示详细信息的.A进去B时,缓存A页面. 效果 做出来 后,缓存是缓存数据 了,但是当我A页面的列表数据 好多,要滚动浏览时,点击到B详细信息的再次返回A页面时, 在安卓下面貌似没什么 问题,滚动到哪里 还是到原来 的位置.在IOS下滚动的位置变了,经自己IP6测试滚动位置都是222, 后来用百度各种方法,vuex什么的自己也试过还是不行..后面还是找到了解决方法, main.js里面,生成 router时添加以下

前情提要: 通过vue 搭建路飞学城记录  一:项目分析 二:项目搭建 1:创建项目 vue init webpack luffy 2:初始化项目 清除默认的HelloWorld.vue组件和APP.vue中的默认模板代码和默认样式 2>1: 清除位置 2>2:修改后效果 2>3:结果图 三:引入ElementUI 1:快速安装ElementUI 对于前端页面布局,我们可以使用一些开源的UI框架来配合开发,Vue开发前端项目中,比较常用的就是ElementUI了. ElementUI是饿

如何去掉vue的url地址中的#号?及其原理? 点击打开视频讲解更加详细 如何去掉vue的url地址中的#号? import Vue from 'vue'; import VueRouter from 'vue-router'; Vue.use(VueRouter) // 1. 定义一些路由 // 每个路由都需要映射到一个组件. const routes = [ { path: '/home', component: ()=> import('../views//home.vue') }, {

在终端里输入下面命令即可让它们显示出来. defaults write com.apple.finder AppleShowAllFiles -bool true   如果想恢复隐藏,可以用这个命令: defaults write com.apple.finder AppleShowAllFiles -bool false   注意:1.执行命令后需要重启 Finder 才能看到效果. 2.不要乱动不懂的隐藏文件,可能会损坏你的系统. IOS虚拟机地址: /Users/xxx/Library/A

Vue 问题记录 汇总日常开发中遇到的关于vue的问题 VeeValidator 语言设置 校验消息默认是英文的,定义中文或其他语言的错误提示消息 import VeeValidate from 'vee-validate'; import Vue from 'vue' Vue.use(VeeValidate) var dict = { zh_CN: { messages: { required: function(field){ return field + '不能为空!'; }, betwe

php实现反转链表(链表题一定记得画图)(指向链表节点的指针本质就是一个记录地址的变量)($p->next表示的是取p节点的next域里面的数值,next只是p的一个属性) 一.总结 链表反转两种实现方式:a.头插法(遍历一遍链表即可实现链表反转)  b.借助数组反转(遍历一遍链表将数值存在数组,反转数组,将数组里面的值尾插法插入链表,返回链表) 链表题一定记得画图 指向链表节点的指针本质就是一个记录地址的变量($p=链表,$p里面记录的就是一个地址),节点的next域里面记录的是下一个变量的地

vue实战,一步步实现vue购物车功能的过程记录,课程与素材来自慕课网,自己搭建了express本地服务器来请求数据 作者:狐狸家的鱼 本文链接:vue实战-实现购物车功能(六) GitHub:sueRimn 主要实现地址页面的适配和设置地址默认与删除,以及更多显示的状态取反. address.html <!-- address list --> <div class="checkout-title"> <span>配送地址</span>

先上个效果图 现在只开发了年月,还在优化. 在网上看了一个纯原生js实现实现惯性滚动和回弹的文章  地址:https://www.cnblogs.com/ranyonsue/p/8119155.html. 于是改造成vue的scroll组件,然后派发scroll-end 滚动结束事件 和 on-scroll正在滚动事件, 传入滚动的Y值. 最后基于scroll组件调整位置,开发出示例图上的datepicker, 功能比较简单, 等优化后再传上代码

动画  http://www.jianshu.com/p/1c6a2de68753 iOS App性能优化  http://www.hrchen.com/2013/05/performance-with-instruments/

我也是第一次写这种地址联动的 刚开始的时候 我还以为直接用select来写 后来公司的ios告知并不是这样的 他说应该时这样的 于是第一想法 赶紧找插件吧 但是找了一会未果  就问了公司大神 他刚开始更我讲了滴滴的一个插件 但是不怎么好用 于是乎他又让我用了这个插件 首先使用方法 可以参考官网 http://mint-ui.github.io/#!/zh-cn 这里不多说了 因为下面还有很多内容 在一切准别就绪之后 你会发现官网上给的都很鸡肋 很少的东西 自己整理的思路时正确的  但是怎么实现

vue实战,一步步实现vue购物车功能的过程记录,课程与素材来自慕课网,自己搭建了express本地服务器来请求数据 作者:狐狸家的鱼 本文链接:vue实战-实现购物车功能(三) GitHub:sueRimn 模仿网页考拉的购物车样式进行了一些修改,以上图片就是渲染后的效果. 一.cart.js获取数据 通过AJAX获取本地的json数据,这里会出现跨域问题,还好提前搭建了本地服务器,可以成功获取数据渲染界面. 当通过get获取地址数据时,可以在调试界面看到我们需要的数据有哪些,从而获取数据的i

vue实战,一步步实现vue购物车功能的过程记录,课程与素材来自慕课网,自己搭建了express本地服务器来请求数据 作者:狐狸家的鱼 本文链接:vue实战-实现购物车功能(一) GitHub:sueRimn 一.前提准备 1.vue基础 指令的使用:v-model .v-text.v-show.v-if.v-bind.v-for.v-on 过滤器filter 组件component 2.购物车实现 创建Vue实例 通过v-for渲染产品 使用filter对金额和图片进行格式化 使用v-on实现

参考资料:vue.js官网 项目演示: 项目源代码: 核心代码及踩坑 删除: new Vue({ el:'#app', data:{ productlist:[], totalMoney:0, checkAllFrag:false,//默认没有全选 deFlag:false, //当前的存起来 curProduct:'' }, //必须加mounted函数,这是页面初加载,如果不写这个函数,network中将请求不到数据 mounted:function(){ this.cartView();

前面的话 Vue中文文档写得很好,界面清爽,内容翔实.但文档毕竟不是教程,文档一上来出现了大量的新概念,对于新手而言,并不友好.个人还是比较喜欢类似于<JS高级程序设计>的风格,从浅入深,娓娓道来 于是,还是按照自己的思路,对Vue的知识体系从浅入深的开始学习.本文是Vue学习记录的第一篇,介绍Vue入门基础.把学习记录总结成博客,也是希望能够帮助到同样入门Vue的朋友 概述 Vue.js对自己的定位是一套构建用户界面的渐进式框架.如下图所示 下面来解释下,何为渐进式框架 如果只使用Vue最基

第一次安装Vue时,npm run dev报错处理 1.如果是报错:提示说没找到test这个文件夹 参考资料:https://segmentfault.com/q/1010000010893904 就是直接在报错的文件夹地址中简单粗暴新建一个test文件夹就可以了!!!我也不知道什么原理..反正建了就可以启动了. 2.第二次启动vue,使用npm run dev又报错:module.js:491     throw err;     ^  Error: Cannot find module 'c

我们直接从vue的工程化开始入手. 在这里用git命令行搭建项目环境.(当然直接cmd命令行下也是一样的) git下载安装地址:https://www.git-scm.com/download/win git使用教程:http://www.cnblogs.com/havenshen/p/3493522.html git常用命令整理:http://www.cnblogs.com/luxiaoxing/p/7545403.html 1.node安装. node下载安装地址:http://nodejs

vue实战,一步步实现vue购物车功能的过程记录,课程与素材来自慕课网,自己搭建了express本地服务器来请求数据 作者:狐狸家的鱼 本文链接:vue实战-实现购物车功能(五) GitHub:sueRimn 一.单价商品的金额计算 整个操作过程是,商品的数量是可以控制的,可增可减,最少为1.并且在数量的变化中,商品的总价也在变化. 控制数量与总价的变化需要定义新方法. 页面中的+和-控制数量的变化,当点击的时候调用changeMoney()函数,传递参数,通过数量的变化去改变金额.+的时候增1

vue实战,一步步实现vue购物车功能的过程记录,课程与素材来自慕课网,自己搭建了express本地服务器来请求数据 作者:狐狸家的鱼 本文链接:vue实战-实现购物车功能(四) GitHub:sueRimn 一.过滤器filter 1.定义 Vue.js 允许自定义过滤器,可被用于一些常见的文本格式化 用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持) 添加在 JavaScript 表达式的尾部,由“管道”符号指示 2.注册 过滤器注册和组件相同有两种注册方

vue实战,一步步实现vue购物车功能的过程记录,课程与素材来自慕课网,自己搭建了express本地服务器来请求数据 作者:狐狸家的鱼 本文链接:vue实战-实现购物车功能(二) GitHub:sueRimn 一.前言 上一篇讲解了如何运用node.js+express搭建本地服务器,解决chrome浏览器跨域而导致无法获取本地数据的问题,这章讲解如何创建本地实例. 二.安装vue依赖 在vs code终端输入以下命令安装vue依赖: npm install vue --save 结束后继续输入

今天开始了Vue的学习,下面我就记录一下学习了什么. 1.什么是Vue? vue是一套基于javaScript的渐进式框架,是MVVM框架.View ——ViewModel——Model  其中View就是视图层, Model就是数据层,而中间的监控者就负责监控两侧的数据,并相对应地通知另一侧进行修改.比如,你在数据层改变了某个数据的值,那么视图层的数据也会修改.这个过程就是有ViewModel来操作的,不需要你手动地去写代码去实现(你不用再手动操作DOM了). 2.Vue的基础知识点: 1)数

一.创建Vue步骤(VS Code)    1.全局安装       npm install -g vue-cli 2.新建项目    vue init webpack "project-name" 3.安装依赖    npm i 4.运行    npm run dev 二.Vue架构       1).记住“三个位置”: 1.router-->index.js(存放路由.路由组件.路由页面路径等) 注:此项目默认路径是“/”.在path下一行加入(redirect:“/test