spa

vue项目开发中遇到的问题总结--内部分享

Deadly 提交于 2020-05-07 09:03:22
1.路由变化页面数据不刷新问题 这种情况一般出现在vue-router的history模式下,初次进入会执行钩子函数,再次进入时则不会。   解决方案: 监听路由变化 watch : { "$route" (to, from) { if (to.path.indexOf('/home') > -1 ) { this .initData() } } } 2.setInterval路由跳转继续运行并没有及时进行销毁   比如一些弹幕,走马灯文字,这类需要定时调用的,路由跳转之后,因为组件已经销毁了,但是setInterval还没有销毁,还在继续后台调用,控制台会不断报错,如果运算量大的话,无法及时清除,会导致严重的页面卡顿。   解决方案:在组件生命周期beforeDestroy停止setInterval beforeDestory() { clearInterval( this .timer); MessageBox.close() } 3.vue 滚动行为用法,进入路由需要滚动到浏览器底部、头部等等 使用前端路由,当切换到新路由时,想要页面滚到顶部,或者是保持原先的滚动位置,就像重新加载页面那样。 vue-router 能做到,而且更好,它让你可以自定义路由切换时页面如何滚动。 注意:这个功能只在支持 history.pushState 的浏览器中可用。 解决方案:https:/

vue中mode hash 和 history的区别

时间秒杀一切 提交于 2020-05-07 09:01:02
对于 Vue 这类渐进式前端开发框架,为了构建 SPA(单页面应用),需要引入前端路由系统,这也就是 Vue-Router 存在的意义。前端路由的核心,就在于 —— 改变视图的同时不会向后端发出请求。 为了达到这一目的,浏览器当前提供了以下两种支持: hash —— 即地址栏 URL 中的 # 符号(此 hash 不是密码学里的散列运算)。 比如这个 URL:http://www.abc.com/#/hello,hash 的值为 #/hello。它的特点在于:hash 虽然出现在 URL 中,但不会被包括在 HTTP 请求中,对后端完全没有影响,因此改变 hash 不会重新加载页面。 history —— 利用了 HTML5 History Interface 中新增的 pushState() 和 replaceState() 方法。(需要特定浏览器支持) 这两个方法应用于浏览器的历史记录栈,在当前已有的 back、forward、go 的基础之上,它们提供了对历史记录进行修改的功能。只是当它们执行修改时,虽然改变了当前的 URL,但浏览器不会立即向后端发送请求。 因此可以说,hash 模式和 history 模式都属于浏览器自身的特性,Vue-Router 只是利用了这两个特性(通过调用浏览器提供的接口)来实现前端路由。 使用场景 一般场景下,hash 和 history 都可以

巴厘岛适合蜜月旅行的你们(比心)

情到浓时终转凉″ 提交于 2020-05-03 21:45:05
联系方式: QQ(找服务):800070706 微信:vivianzhang46 微博:@vivian私家定制游 Mail: viviantour@126.com 前言 这是本人第二次去往巴厘岛,依然选择了之前私人订制的旅行社,提前沟通咨询,预定好酒店,这次的旅行意义是蜜月旅行,主要是享受巴厘岛一级的酒店,还有私人泳池。如果看完这篇游记有不懂的问题可以留言,我会不定期回复。(或者看一下我第一次去巴厘岛的游记,属于实惠型)希望这篇攻略能帮助到更多的情侣和即将步入蜜月旅行的你们。 提醒: 飞机票不管是直飞还是转机最好是买白天的飞机票,下午或者八九点之前到达巴厘岛,因为坐飞机还是比较累的一件事情,提前预定好一个过度酒店,到达之后直接吃饭休息,养足精神然后去享受第二天的行程。 防晒是肯定要注意的一项,因为不仅会晒黑,还会晒伤 ~~ 防晒霜最好是买 PM 高一些的,一般我都是到达巴厘岛之后买他们当地人用的一款防晒,巴厘岛大街上随处的超市都有卖。墨镜,遮阳伞,遮阳帽这些也要一并带齐。 转换插头在淘宝上提前买好,租赁 wifi 也可以网上租(在机场租贵一些)或者给中国移动或者中国联通打客服咨询有没有国外使用流量的服务,相对比较选一个更划算的就 ok 了。 防水手机套,药:晕车晕船药,过敏药,退烧药等 ... 日常洗漱用品准备好( 100 毫升以上的液体不允许带上飞机,托运可以带)

月美好的四月春天中的春

六月ゝ 毕业季﹏ 提交于 2020-05-03 15:48:47
sdfsdf 服务网格作为一个改善服务到服务通信的专用基础设施层,是云原生范畴中最热门的话题。随着容器愈加流行,服务拓扑也频繁变动,这就需要更好的网络性能。服务网格能够通过服务发现、路由、负载均衡、心跳检测和支持可观测性,帮助我们管理网络流量。服务网格试图为无规则的复杂的容器问题提供规范化的解决方案 将供应链搬出中国,似乎成了过去两三个月新冠肺炎疫情衍生出的热门话题。 年初新冠肺炎疫情爆发,让中国供应链的生产活动几乎完全停顿,影响席卷全球:苹果的新 5G 有可能因疫情而延期推出,特斯拉新款芯片无法及时交付、陷入“芯片门”纠纷。其余像三星、小米、索尼等著名跨国企业,均受到供应链停摆的影响。 因此,sjzjbhk.answers.yahoo.com/question/index?qid=20200426201305AAW4Yct?EN5=46chw=13o answers.yahoo.com/question/index?qid=20200426201305AAW4Yct?HC9=77cmt=32d nz.answers.yahoo.com/question/index?qid=20200426201305AAW4Yct?CA7=79uvu=78j in.answers.yahoo.com/question/index?qid=20200426201333AACjH1F?BE6

vs2013+qt5.3.2+pcl1.8.0+osg2.3开发环境配置

送分小仙女□ 提交于 2020-05-02 06:36:36
一、安装vs2013 注意:最好安装 VS2013 Update 5 ,不然有些项目会报莫名其妙的异常。 VS2013 Update 5下载: https://pan.baidu.com/s/1TAU5Qig3i-w7Cw3IeG-sPA 密码:3emj 二、安装Qt5.3.2 所有Qt版本下载地址: http://download.qt.io/archive/qt/ 所有Qt Creator下载地址: http://download.qt.io/archive/qtcreator/ 所有Qt VS开发插件下载地址: http://download.qt.io/archive/vsaddin/ Qt相关下载大全: http://download.qt.io/ 本文安装的是: qt版本: qt-opensource-windows-x86-msvc2013_opengl-5.3.2 下载地址: https://pan.baidu.com/s/15Ug2zk55mFzN28MwnmbnWw 密码:ys3y vs插件: qt-vs-addin-1.2.3-opensource 下载地址: https://pan.baidu.com/s/1RrRNNRLhZ_OdLEbfs7rAig 密码:jmyd 安装路径:D:\Program Files (x86)\Digia\Qt5VSAddin

基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传插件

烂漫一生 提交于 2020-04-30 13:42:25
目录 1. 前言 2. 关于vue-simple-uploader 3. 基于vue-simple-uploader封装全局上传组件 4. 文件上传流程概览 5. 文件分片 6. MD5的计算过程 7. 秒传及断点续传 7.1 对于前端来说 7.2 前端做分片检验:checkChunkUploadedByResponse 8. 源码及后记 8.1 关于第一个分片丢失问题 2019/8/6更新 1. 前言 之前公司要在管理系统中做一个全局上传插件,即切换各个页面的时候,上传界面还在并且上传不会受到影响,这在vue这种spa框架面前并不是什么难题。然而后端大佬说我们要实现 分片上传 、 秒传 以及 断点续传 的功能,听起来头都大了。 很久之前我写了一篇webuploader的文章,结果使用起来发现问题很多,且官方团队不再维护这个插件了, 经过多天调研及踩雷,最终决定基于 vue-simple-uploader 插件实现该功能,在项目中使用起来无痛且稳定。 如果你只是想实现基本的(非定制化的)上传功能,直接使用 vue-simple-uploader ,多读一下它的文档,不需要更多的二次封装。 如果你只是想实现全局上传插件,也可以参照一下我的实现。 如果你用到了分片上传、秒传及断点续传这些复杂的功能,恭喜你,这篇文章的重点就在于此。 本文源码在此: https://github.com

CISCO运维记录之3650堆叠设备升级IOS(Version 16.3.6版本存在bug)

China☆狼群 提交于 2020-04-30 11:45:56
CISCO运维记录之3650堆叠设备升级IOS(Version 16.3.6版本存在bug) 思科3000系列交换机使用cat3k_caa-universalk9.16.3.6版本存在bug,设备运行一段时间后,内存使用率超过80%~95% ,以下是监控系统告警记录: show platform software status control-processor brief 显示平台软件状态控制处理器   官方显示推荐版本16.3.7 & 16.6.4 : CISCO 3560 升级IOS步骤 : (1)备份交换机配置(由于此ios文件有bug,这个就不备份); (2)将新ios系统的.bin文件通过TFTP或是FTP上传到交换机中; (3)设置交换机启动ios,重启(或是手动设置引导顺序)交换机,检查是否升级完成 (4)释放内存,将原有.bin文件删除。 1. 备份交换机配置 2. 将新ios系统的.bin文件通过TFTP或是FTP上传到交换机中 2.1 第一台交换机上传新的ios文件: 查看已经将新ios复制到第一台交换机。 2.2 第二台交换机上传新的ios文件: 3. 设置交换机启动ios,重启(或是手动设置引导顺序)交换机 boot system switch all flash:cat3k_caa-universalk9.16.06.04a.SPA.bin wr

理解Web路由(浅谈前后端路由与前后端渲染)

梦想与她 提交于 2020-04-30 11:29:20
1.什么是路由? 在Web开发过程中,经常会遇到『路由』的概念。那么,到底什么是路由?简单来说, 路由就是URL到函数的映射。 路由的概念最开始是由后端提出来的,在以前用模板引擎开发页面的时候,是使用路由返回不同的页面, 大致流程可以看成这样: (1)浏览器发出请求 (2)服务器端监听到80端口或者443有请求过来,并解析url路径 (3)根据服务器的路由配置,返回相应信息(可以是html文件,json数据,也可以是图片) (4)浏览器根据数据包的content-type来决定如何解析数据 简单来说 路由就是用来跟后端服务器进行交互的一种方式 ,通过不同的路径来请求不同的资源,请求不同的页面是路由的其中一项功能。 2.router 和 route 的区别 route就是一条路由,它将一个URL路径和一个函数进行映射 ,例如: /users -> getAllUsers() /users/count -> getUsersCount() 这就是两条路由,当访问 /users 的时候,会执行 getAllUsers() 函数;当访问 /users/count 的时候,会执行 getUsersCount() 函数。 而 router 可以理解为一个容器,或者说一种机制,它管理了一组 route 。简单来说,route 只是进行了URL和函数的映射,而在当接收到一个URL之后,

Vue.js---SPA与router是密不可分的

拥有回忆 提交于 2020-04-29 17:51:33
Vue.js---SPA与router是密不可分的 1. 创建vue06,安装router和vuex 2. 3. router: 在MVVM的模型之上,外加一个router, 实现不同组件的切换,每个组件都是单独一个MVVM模型 4. 以上这一套是SPA 单页面应用程序 5. 敲代码熟悉Vue 6. 来源: oschina 链接: https://my.oschina.net/u/4290521/blog/4258572

使用Laravel 和 Vue 构建一个简单的SPA

纵然是瞬间 提交于 2020-04-28 22:13:55
本教程是作者自己在学习Laravel和Vue时的一些总结,有问题欢迎指正。 Laravel是PHP的一个框架,Vue是前端页面的框架,这两个框架如何结合起来构建一个SPA(Single Page Application)呢?流程大致分为下面三步: 页面请求Laravel的一个路由 路由返回渲染一个包含了Vue的SPA框架 在上面渲染出来的框架中使用Vue来加载不同的页面单元模块 主要会学习使用到三个东西: laravel vue.js Vue-router axios 上面是一个简单的流程图,从图中我们可以看到,当请求 3 和 4 的路由时,并不会再次请求后端的Laravel,而是前端渲染了。 说了这么多,我们开始写代码吧~ 1. 安装 composer create-project --prefer-dist laravel/laravel laravel-spa "5.6.*" cd laravel-spa npm install npm install vue-router 安装好 laravel 和 vue-router 后,我们需要配置前端路由和路由对应的组件 2. 配置Vue Router 在 Vue Router 中把 route 和vue组件做了一个映射,在渲染时会把不同的组件渲染到 <router-view></router-view> 标签中。 首先,我们修改