04 2020 档案
摘要:Z4ZSP0F8FF-eyJsaWNlbnNlSWQiOiJaNFpTUDBGOEZGIiwibGljZW5zZWVOYW1lIjoi5rC45LmF5r+A5rS7IGlkZWEubWVkZW1pbmcuY29tIiwiYXNzaWduZWVOYW1lIjoiIiwiYXNzaWduZWVFbWF
阅读全文
摘要:vue 路由如何回退指定页面: 一般页面跳转记录 a => b,想从 b 退回 a this.$router.go(-1) 如果页面跳转记录 a => b => c,想从 c 一步退回 a this.$router.go(-2) 如果页面跳转记录 a => b => c => b,页面的堆栈记录为
阅读全文
摘要:vue-router中的路由钩子函数基本用法 路由钩子函数分为三种类型如下: 第一种:全局钩子函数。 router.beforeEach((to, from, next) => { console.log('beforeEach') //next() //如果要跳转的话,一定要写上next() //
阅读全文
摘要:1、通过keep-alive和router-view实现路由缓存,具体代码如下:在app.vue: <router-view v-if="!$route.meta.keepAlive"/> <keep-alive> <router-view v-if="$route.meta.keepAlive"/
阅读全文
摘要:目前解决跨域主要的方案有: jsonp(淘汰)corshttp proxy此处介绍的使用devServer解决跨域,其实原理就是http proxy 将所有ajax请求发送给devServer服务器,再由devServer服务器做一次转发,发送给数据接口服务器 由于ajax请求是发送给devServ
阅读全文
摘要:配置webpack的自动打包功能 1.运行 npm install webpack-dev-server -D 命令,安装支持项目自动打包的工具 2.修改package.json->scripts中的dev命令: "scripts":{ "dev":"webpack-dev-server" } 3.
阅读全文
摘要:1.必备快捷键 Ctrl+/:注释当前行Ctrl+Shift+/:当前位置插入注释Ctrl+Alt+/:块注释,并Focus到首行,写注释说明用的Ctrl+Shift+A:选择当前标签前后,修改标签用的F11:全屏Shift+F11:全屏免打扰模式,只编辑当前文件Alt+F3:选择所有相同的词Alt
阅读全文
摘要:SVN中检出(check out)、导出(export)、导入(import)、add(添加)、update(更新)的区别: 1.check out检出获得文件后,检出的文件仍处于SVN版本控制中,与版本库保持关联,比如你可以进行Svn Update或者Svn Commit操作。同时导出文件夹下有一
阅读全文
摘要:SVN客户端的安装与使用 一:SVN客户端下载与安装 下载网址:https://tortoisesvn.net/downloads.html 注:在下载页的下面,有不同的语言包,可以选择下载一个中文语言包。 下载完成后,点击安装 TortoiseSVN 与 LanguagePack语言包 进行安装即
阅读全文
摘要:vee-validate使用方法 *本文适合有一定Vue2.0基础的朋友参考,根据项目的实际情况来使用,关于Vue的使用不做多余解释。 一、安装 npm install vee-validate@next --save 注意:@next,不然是Vue1.0版本 bower install vee-v
阅读全文
摘要:移动端vue配置 REM 适配 Vant 中的样式默认使用px作为单位,如果需要使用rem单位,推荐使用以下两个工具: postcss-pxtorem 是一款 postcss 插件,用于将单位转化为 rem amfe-flexible 用于设置 rem 基准值 一、使用 amfe-flexible
阅读全文
摘要:明天4月4日会举行全国性哀悼活动,小伙伴需要将彩色网页都变成黑白的,代码如下: <style type="text/css">html {-webkit-filter: grayscale(100%);}</style> 上面的 CSS 代码可能只对主流浏览器支持,如果你需要支持 QQ 浏览器、36
阅读全文
摘要:vue2.0 给data对象新增属性,并触发视图更新如下代码,给 student对象新增 age 属性 data () { return { student: { name: '', sex: '' } } } 众所周知,直接给student赋值操作,虽然可以新增属性,但是不会触发视图更新 moun
阅读全文
摘要:代理模式(Proxy)为对象提供另一个代理对象以控制对这个对象的访问。 使用代理的原因是我们不想对原对象进行直接操作,而是通过一个“中间人”来传达操作。生活中有许多代理的例子,比如访问某个网站,不想直接访问,通过中间的一台服务器来转发请求,这台服务器就是代理服务器。又比如明星,普通人无法直接联系他们
阅读全文
摘要:通常又被称为 发布-订阅者模式 (Publisher/Subscribers):它定义了对象和对象间的一种依赖关系,只要当一个对象的状态发生改变时,所有依赖于它的对象都得到通知并被自动更新,解决了主体对象与观察者之间功能的耦合。 生活中观察者模式也是非常常见的,比如订阅公众号,订阅报纸,订阅各种媒体
阅读全文
摘要:浏览器缓存可以分为两种模式,强缓存和协商缓存。 强缓存(无HTTP请求,无需协商) 直接读取本地缓存,无需跟服务端发送请求确认,http返回状态码是200(from memory cache或者from disk cache ,不同浏览器返回的信息不一致的)。 对应的Http header有: Ca
阅读全文
摘要:防抖 概念: 在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。 例子:如果有人进电梯,那电梯将在10秒钟后出发,这时如果又有人进电梯了,我们又得等10秒再出发。 思路:通过闭包维护一个变量,此变量代表是否已经开始计时,如果已经开始计时则清空之前的计时器,重新开始计时。 functi
阅读全文
摘要:在vue中,使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法: <input type="text" v-model="cityName"/> new Vue({ el: '#root', data: { cityName: 'shanghai' },
阅读全文