mcuking/mobile-web-best-practice

:tiger: 移动 web 最佳实践

mobile-web-best-practice's Issues

意见建议收集区

该 issue 专门用于收集大家对该项目的意见和建议，欢迎大家积极留言建议。
一个人的能力和精力是有限的，众人拾材火焰高，希望一起把这个项目做成 h5 写移动应用的最佳模板🤠

（如果是反馈 bug，还请另外开 issue）

路由堆栈管理不能记住滚动条的位置

您好，我有下载您的这个demo测试，发现路由堆栈管理不能记住滚动条的位置，我做的工作只下载例子，安装依赖，运行测试。

请问一下，react项目该怎么使用配置您的离线包打包插件呢？

"out-of-memory crash"报错,会直接把浏览器卡死

新建任务页面

文章描述错误

您好，文章和项目对我受益很大，但是有一点描述错误

在
https://github.com/mcuking/mobile-web-best-practice#scrollbehavior

根据我目前项目亲测，并不一定一定需要是 history 模式 ，只要浏览器支持 history.pushState 就可以。

没有适配iPhoneX系列的底部区域

iPhoneX系列底部会多出一块，如何较好的适配底部安全区域？包括含有TabBar和没有TabBar界面的颜色融合等。不只是iPhoneX系列，iPhone相关的底部都会多出，应该是状态栏的高度。

点击输入框的时候，ios 页面会被放大

点击输入框的时候，ios 页面会被放大

即使完成输入之后，页面还是放大的

npm install失败，找不到sentry，请问如何解决？

6835 timing command:install Completed in 57442ms
6836 verbose stack Error: command failed
6836 verbose stack at ChildProcess. (C:\Users\l00288921\AppData\Roaming\npm\node_modules\npm\node_modules@npmcli\promise-spawn\lib\index.js:63:27)
6836 verbose stack at ChildProcess.emit (node:events:527:28)
6836 verbose stack at maybeClose (node:internal/child_process:1092:16)
6836 verbose stack at Process.ChildProcess._handle.onexit (node:internal/child_process:302:5)
6837 verbose pkgid @sentry/[email protected]
6838 verbose cwd D:\03-Code\01-ExcellentCode\03-vue\mobile-web-best-practice-master
6839 verbose Windows_NT 10.0.19044
6840 verbose node v16.16.0
6841 verbose npm v8.15.0
6842 error code 1
6843 error path D:\03-Code\01-ExcellentCode\03-vue\mobile-web-best-practice-master\node_modules@sentry\cli
6844 error command failed
6845 error command C:\WINDOWS\system32\cmd.exe /d /s /c C:\Users\L00288~1\AppData\Local\Temp\install-3fba2495.cmd
6846 error info sentry-cli Downloading from https://downloads.sentry-cdn.com/sentry-cli/1.74.5/sentry-cli-Windows-x86_64.exe
6846 error Error: Unable to download sentry-cli binary from https://downloads.sentry-cdn.com/sentry-cli/1.74.5/sentry-cli-Windows-x86_64.exe.
6846 error Error code: ETIMEDOUT
6847 verbose exit 1

docker-compose.yml

volumes中的挂载项目
目前是 ./:/usr/share/nginx/html/
应该是./dist:/usr/share/nginx/html/吧？

npm run build编译 异常

` ERROR Failed to compile with 1 error 下午2:41:23
error in ./src/utils/swipe-right-mixin.ts

Syntax Error: Bad character escape sequence. (2:92)
1 | /* @babel/template */;

2 | window.$sentry.log({error: e, fileName: '\github\mobile-web-best-practice\src\utils\swipe-right-mixin.ts', lineNo: undefined, scope: '_isNativeReflectConstruct()'})
| ^
=============

@ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--13-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/quote/index.vue?vue&type=script&lang=ts& 26:0-56 126:9-24
@ ./src/views/quote/index.vue?vue&type=script&lang=ts&
@ ./src/views/quote/index.vue
@ ./src/router/router-list.ts
@ ./src/router/index.ts
@ ./src/main.ts
@ multi ./src/main.ts

ERROR Build failed with errors.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build: vue-cli-service build && rm -rf dist/js/*.js.map
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] build script.`

Mask 页面 频繁点击触发onTap事件导致<li></li>元素放大