|
|
@@ -1,7 +1,3 @@
|
|
|
-# vueMultiplePages
|
|
|
-
|
|
|
-## 一个 Vue 多页面应用,适用于移动端不需要单页应用（SPA）的场景
|
|
|
-
|
|
|
### Project setup
|
|
|
|
|
|
```
|
|
|
@@ -28,48 +24,3 @@ yarn build // 打包正式环境
|
|
|
```
|
|
|
yarn lint
|
|
|
```
|
|
|
-
|
|
|
-### Customize configuration
|
|
|
-
|
|
|
-See [Configuration Reference](https://cli.vuejs.org/config/).
|
|
|
-
|
|
|
-这是一个做了大量移动端的 vue 多页面最佳实践(自我认为)。使用了全新依赖和 ESLint+Prettier 第二次重构(2020.01)。
|
|
|
-
|
|
|
-### 说明
|
|
|
-
|
|
|
-- 使用 normalize.css 重置样式。(如果使用 vant 可以去掉)
|
|
|
-- 添加了 axios 请求库，并做了简单的拦截。
|
|
|
-- 添加了漂亮的移动端调试工具 eruda,方便在手机上调试（使用 npm run build 命令不会出现此工具）。
|
|
|
-- 添加了 Url 参数验证和初始化，`Vue.prototype.$pageParams` 保存了 Url 携带的参数对象。`let { id } = this.$pageParams;`
|
|
|
-- `window.PAGE_PATH(Vue.prototype.$pageName)` 表示当前页面的名字，如 index 目录生成 index.html，window.PAGE_PATH 就是 index
|
|
|
-- 想要添加自己 UI 库,安装好在 common.js 引用即可。（推荐 Vant）
|
|
|
-- 封装了微信 jsSdk 的常用签名分享等一堆堆常用的东西，食用前请先安装 weixin-js-sdk，并在 utils/wechat.js 引入。
|
|
|
-- 添加 postcss-px2rem 自动将 px 转换为 rem 适配移动端，目前为了和大部分 ui 库兼容，设置的设计稿宽度为 375，可自行修改。
|
|
|
-- 添加了 node 工具，在 src/utils/nodeTool 下，运行 node index.js -h 即可查看使用方法。
|
|
|
-- 添加页面请在 pages 文件夹下新建目录，在里面放置 index.js 和 Index.vue（建议使用提供的 node 工具生成页面，他会更新你的配置）。编译后，目录的名字即为网页的名字。至于为什么？请查看 page.config.js。
|
|
|
-- 如果页面太多，可以通过在 pages 下添加分组目录来分类页面,支持无限层级目录，只要目录里存在 index.js 和 Index.vue 即被认为是一个页面。
|
|
|
-- 没有路由（vue-route）,页面跳转请使用
|
|
|
-
|
|
|
-```javascript
|
|
|
-window.location.href = "./demo.html" + obj2StrParams(params);
|
|
|
-```
|
|
|
-
|
|
|
-### 其他
|
|
|
-
|
|
|
-我们还需要 fastclick js 去解决移动端点击 300ms 延迟吗？
|
|
|
-从 Chrome 32（早在 2014 年）开始，这种针对移动设备优化的网站的延迟就消失了，
|
|
|
-而无需消除缩放问题！Firefox 和 IE / Edge 之后不久也做了同样的事情，并在 2016 年 3 月在 iOS 9.3 中进行了类似的修复。
|
|
|
-只要您 head 包括：
|
|
|
-
|
|
|
-```html
|
|
|
-<meta name="viewport" content="width=device-width" />
|
|
|
-```
|
|
|
-
|
|
|
-浏览器就会以这种方式假定您已使文本在移动设备上可读，因此无需双击。
|
|
|
-
|
|
|
----
|
|
|
-
|
|
|
-还有各种移动端奇形怪状的问题解决方案
|
|
|
-https://juejin.im/post/5d6e1899e51d453b1e478b29
|
|
|
-
|
|
|
-> 番外： [MareWood](https://github.com/xusenlin/MareWood) 是一个 Go 开发的轻量级前端部署工具,可以很灵活的配置各种打包部署环境并提供访问,特别是远程的时候，方便后端和测试使用,草鸡好用。
|
