![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
weixin_30980795
Don't repeate youself
展开
-
新版本通知,判断资源是否存在,flv协议资源无法中断处理,vue3响应式,git revert,面包屑,flex-basic与width,vite热更新失效
日常踩坑原创 2022-10-17 08:23:49 · 311 阅读 · 1 评论 -
唤醒淘宝app并跳转对应的商品详情页面
跳转测试地址:taobao://m.tb.cn/h.4Ab8FZy?sm=7ad5e7function loadURL(url) { var iFrame; var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X.原创 2021-08-07 18:00:55 · 3190 阅读 · 2 评论 -
H5和PC端setTimeOut定时器时间不准
在h5手机端时间不准的时候:监听事件visibilitychange重新更新时间 // 防止息屏后计时器停止,开启后刷新页面 let _this = this document.addEventListener('visibilitychange',function() { if(document.visibilityState=='visible') { _this.getLuckDraw() } })在pc手机端时间不准的时候:原创 2021-08-07 15:28:25 · 291 阅读 · 0 评论 -
nuxt动态路由和设置别名
在nuxtconfig.js里面router配置router: { mode: "history", extendRoutes(routes, resolve) { let newRouter = []; // 路由别名 aliasList.map((item) => { const index = routes.findIndex(route => ''+route.name === ''+item.name) .原创 2021-07-29 09:53:05 · 1710 阅读 · 0 评论 -
vue的$ref写内联样式,标签和组件的区别
1.如果是你在某个组件写内容样式比如:此时,写样式的时候,必须加上el![在这里插入图片描述](https://img−blog.csdnimg.cn/20210604164928915.png?x−oss−process=image/watermark,typeZmFuZ3poZW5naGVpdGk,shadow10,textaHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zMDk4MDc5NQ==,size16,colorFFFFFF,t70)打印的结果,el![在这原创 2021-06-04 16:51:46 · 125 阅读 · 0 评论 -
vue项目vscode常用插件
对于很多使用vscode编写vue项目的新手同学来说,可能不知道使用什么插件,这里简单说一下我常用的几款插件。javascript console utils它的主要功能是快速的生成console.log(),再调试js的过程中难免要打印一些东西,所以快速生成就很爽下载安装好就可以用了然后按ctrl/cmd+shift+L调试好了之后需要把这些console.log删除掉这时按ctrl/cmd+shift+Dveturvetur能够实现在 .vue 文件中:语法错误检查,包括 CSS/转载 2021-05-14 10:29:35 · 632 阅读 · 0 评论 -
vue-router指南-思维导图
学习链接:https://router.vuejs.org/zh/guide/原创 2021-04-29 15:13:49 · 151 阅读 · 0 评论 -
缩短图片等待时间服务端缓存和客户端缓存
一看这图片才3k,加载时间就要1.77s,还是CDN加速后的。对比其他图片是用Cache-Control:no-cache;MDN上面解释是no-cache在发布缓存副本之前,强制要求缓存把请求提交给原始服务器进行验证(协商缓存验证)字意是不缓存的意思,很容易迷惑人,但是本质的函意,意味着每次发送请求静态资源时都需要向服务端进行一次过期认证,通常情况下,过期认真证需要配合(etag和Last-Modified)进行一个比较,这个话题后继再展开讨论,如果验证并没有过期,则会发送304的状态码,通知.原创 2021-04-08 17:59:43 · 204 阅读 · 0 评论 -
钉钉聊天中链接转卡片
钉钉这种卡片配置不需要调用api, 只需在html写上些许代码便可, 钉钉的卡片识别策略为: 基于Open Graph Data协议来识别当前网页内容, 如果该网页不支持OGP, 那么基于钉钉默认规则提取网页标题, 主图, 正文摘要, 注: 必须静态写在html中, 不支持js插入出现这种情况时候,退出钉钉再登录改了这个后,后面修改的路由的title就会正常生效了路由根目录的title也被我改了微信和钉钉网页分享流程:https://blog.csdn.net/c_kite/article原创 2021-02-19 20:43:01 · 2572 阅读 · 2 评论 -
vue单页面用prerender-spa-plugin做SEO
什么是预渲染用户请求前的服务器渲染即为「预渲染」。用户请求后的服务器渲染即为「服务端渲染」。最近,SSR(Server-Side-Rendering)风靡JavaScript前端世界。事实上,你现在可以在服务器上呈现你的站点和应用程序,然后再将它们发送给你的客户端,这绝对是一个革命性的想法(而且完全不是每个人都在做什么,在JS客户端应用程序开始流行之前…)然而,对于PHP、ASP、JSP(以及类似的)站点,同样的批评也适用于今天的服务器端呈现。它很慢,很容易中断,而且很难正确实现。问题是,不管大原创 2021-01-30 16:35:15 · 188 阅读 · 0 评论 -
解决浏览器拦截跳转新窗口-可以用额,回调函数处理方法
开头一张图表明来意,我就是来集赞的,你的一个赞很重要。希望能帮到广大前端同僚,解决了记得点赞加关注。开头拉!!只要是异步变同步都会导致浏览器拦截跳转新窗口,最后只能使用大招了请求后拿到数据,再回调处理,终于没有拦截了哈哈哈哈哈哈哈,下图是在火狐试过是???? 问题的,回调都可以猫问题拉。大家节奏带起来,hihihi附上代码大法:封装了请求方法,大家方兴用,嗨起来,带节奏// 浏览器拦截跳转新窗口/** * @author jie * @date 2020.11.4 * @param原创 2020-11-04 22:20:05 · 5618 阅读 · 0 评论