摘要: H5弹窗底层滑动 背景 产品提出H5 弹出窗滑动时,底层页面也会跟随滑动,需要调整禁止底层滑动,增加用户体验。 问题产生原因 ios 滑动时有回弹效果 顶层元素滑动默认行为 解决办法 阻止元素的默认(此方法会阻止整个页面滑动,导致在弹出窗内容也不能滑动。) 影藏body高度,使页面高度小于弹窗高度( 阅读全文
posted @ 2022-08-19 10:16 影的记忆 阅读(233) 评论(0) 推荐(0)
摘要: axios 下载文件流 背景:在处理文件下载时,服务端存在校验,需要在请求头里添加token 这时直接使用 a 标签就不能满足需求。接下来我们直接通过 axios 请求,在请求头里设置 token 请求获取文件流并下载 axios({ method: "GET", url: `${请求地址}`, h 阅读全文
posted @ 2022-06-20 10:38 影的记忆 阅读(3002) 评论(0) 推荐(0)
摘要: 重学前端 - react: 添加ts + scss 简介: 上一节我们新建了 react 项目。项目中并没有使用 ts + scss. 现在我们为项目添加 ts + scss。是项目后期维护更加方便,也为他团队提供书写规范。 安装 typescript 相关 module npm install - 阅读全文
posted @ 2022-05-15 12:23 影的记忆 阅读(359) 评论(0) 推荐(0)
摘要: 重学前端 - react 项目第一节:创建react 项目 简介:之前一直使用的都是 vue 全家桶开发项目,现在在新的项目上开始使用react开发。 现在开始在重新学习一下 react 相关技术。 本项目使用: react 18.1.0 react-router-dom 6.3.0 管理路由 re 阅读全文
posted @ 2022-05-14 23:56 影的记忆 阅读(67) 评论(0) 推荐(0)
摘要: https://www.cnblogs.com/lovewhatIlove/p/16174107.html 阅读全文
posted @ 2022-05-13 15:46 影的记忆 阅读(18) 评论(0) 推荐(0)
摘要: https://zhuanlan.zhihu.com/p/431389907 阅读全文
posted @ 2022-05-13 10:21 影的记忆 阅读(13) 评论(0) 推荐(0)
摘要: 学习 React 之 Context 使用 记录一次React context 使用 React.createContext Api 新建文件 contexts.js 文件用来存放 context 对象 import React from "react"; const ThemetContext = 阅读全文
posted @ 2022-05-05 11:39 影的记忆 阅读(42) 评论(0) 推荐(0)
摘要: 浏览器加载过程 前言: 浏览器从输入URL 到加载页面中间经历哪些过程是面试中经常提到的问题,现在总结内容如下 输入URl地址 输入URL地址,浏览器开启线程,对输入的地址进行解析 域名组成 protocol:协议头,比如http,https,ftp等; host:主机域名或者IP地址; port: 阅读全文
posted @ 2022-04-25 22:52 影的记忆 阅读(299) 评论(0) 推荐(0)
摘要: <template> <div id="app"> <router-view /> </div> </template html::-webkit-scrollbar, body::-webkit-scrollbar,#app::-webkit-scrollbar { display: none; 阅读全文
posted @ 2022-04-07 15:23 影的记忆 阅读(136) 评论(0) 推荐(0)
摘要: 安装 webpack-bundle-analyzer npm i webpack-bundle-analyzer -D 配置vue.config.js module.exports = defineConfig({ ...其他配置 chainWebpack: config => { config.p 阅读全文
posted @ 2022-03-30 14:05 影的记忆 阅读(415) 评论(0) 推荐(0)