【NuxtJS进阶】
Vue全家桶+SSR+Koa2全栈开发美团网
不停喝水
Web. Write Less,Do More
展开
-
【NuxtJs】阻止微信内置浏览器的字体缩放的解决方案(vue,h5)
需求场景:产品经理把手机字体调到最大,微信字体也设置最大,然后去测试了小程序和H5移动端页面,发现样式字体乱了,于是找到我。以下配置:如果是正常vue项目放在【index.html】里。IOS禁止微信调整字体大小body{ // css-webkit-text-size-adjust: 100% !important;text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;}Androi.原创 2022-03-08 11:31:23 · 795 阅读 · 1 评论 -
【NuxtJs】 如何实现浏览器内多个标签页之间的通信 ?(阿里)
如何实现浏览器内多个标签页之间的通信 ? (阿里)一:简介二:WebSocket、SharedWorker;三 :localstorge、cookies 等本地存储方式;四:页面可见性(Page Visibility API) 可以有哪些用途 ?五、document.visibilityState六、页面卸载一:简介做支付会遇到的问题有时候,开发者需要知道,用户正在离开页面。常用的方法是监听下面三个事件。pagehidebeforeunloadunload二:WebSocket、Share原创 2022-02-14 11:38:00 · 961 阅读 · 0 评论 -
【NuxtJs】封装支付剩余时间倒计时
封装支付剩余时间倒计时一:实现效果,动态倒计时二:创建utils/countDown三:使用 传值格式 2022-02-11 23:59:59一:实现效果,动态倒计时二:创建utils/countDown<template> <div class="Date"> <span>{{ `${d || 0}天${h || 0}小时${m || 0}分${s || 0}秒` }}</span> </div><原创 2022-02-11 11:10:43 · 678 阅读 · 0 评论 -
【NuxtJs】移动端禁止缩放
移动端禁止缩放问题方法一:nuxt.config.js配置head方法二:nuxt项目新建一个plugins文件方法一:nuxt.config.js配置head head: {meta: [ { charset: 'utf-8' }, { name: 'format-detection', content: 'telephone=no' }, { name: 'viewport', content: 'width=device-width,initial-scale原创 2022-02-10 15:16:26 · 1380 阅读 · 1 评论 -
【NuxtJs】支付宝PC支付跳转支付页面处理方案
一:支付宝支付基础结构页面构建1.选择支付宝选项2.点击下面立即支付按钮 <button @click="handlePay">立即支付</button>二:支付宝官方页面唤起操作支付宝支付一般是请求接口后收到一组form表单代码,在PC中,可以直接像下面这样直接使用async handlePay() { this.QRcodeVisible = true const div = document.createElement('divfor原创 2021-12-26 10:57:54 · 3521 阅读 · 4 评论 -
【NuxtJs】不存在路由重定向至404页面
一:项目上线以后发现404页面没有配置情况:如果进入到了不存在的页面log会提示404 这个时候我们就需要一个404页面二:根目录下创建middleware文件夹中新建 unknownRoute.js 代码如下:/** * 未知路由重定向 404页面 */export default ({store, route, redirect}) => { if (!route.matched.length) { redirect('/404') }}三:去nuxt原创 2021-12-17 16:46:12 · 3457 阅读 · 0 评论 -
【Vue全家桶+SSR+Koa2全栈开发美团网】课程导学-介绍①
一:课程导学1.我们的技术内容前端-美团-服务端用到的技术栈Vue-Cli 3NuxtJsVue2SSR VueX Koa2 Redis mongoose mongodb2.主要内容3.课程特色4.项目页面首页城市页面注册登陆搜索详情页购物车 订单系统订单系统...原创 2021-11-22 23:29:09 · 481 阅读 · 0 评论