http-vue-loader是个好东西

需要写个简单的小项目,3个网页跳转,有些逻辑处理

想到了用vue,简单处理不用构建工具编译,创建了3个html,分别使用vue处理模板和逻辑显示,这时增加了个需求,有个悬停的音频播放按钮要贯穿3个页面,这要分开写,页面一跳转音频就停止了。

这时就需要一个能在html中加载多个vue模板的的功能,终于发现了:
http-vue-loader

官网github例子中主要是用作子组件和如何添加到当前页,实际使用时发现搭配vue-router也十分好用,跟使用构建工具没有什么大差别。

html中: 
const Question=httpVueLoader('question.vue')
  const routes = [
        { path: '/question', component: Question },
    ]

question.vue中:
<script>
    module.exports = {
        data() {
        ......
         }
    }
</script>

//唯一的使用差异可能也就是 module.exports  这里了

IOS微信带zoom属性的网页,设置过字体后会变大

早期网页是按照1:1做的没问题。
新网页按照750设计图宽度制作,再按照zoom适配不同屏幕等比缩放。发现一旦使用的了微信的设置字体会导致zoom失效。div能缩放但文字不能缩放。网上的方法是
text-size-adjust:100% !important;
使用ios设备测试发现设置成100%依旧无法正常显示文字,改成auto可以解决。如:

body {
-webkit-text-size-adjust: auto !important;
text-size-adjust:auto !important;
-moz-text-size-adjust:auto !important;
}