随笔分类 - uni和小程序
摘要：在网页可以很轻松的添加一个类似tip的全局组件，但是在微信小程序，每个页面都是单独的，无法使用全局组件， 基于此限制，我写了一个自动在每个页面添加组件的webpack插件。 ###实现方法 方法大家应该都能想到，在main.js里使用vue.component()来注册全局vue组件，然后在每个页面
阅读全文
摘要：公共的代码包括公用的vue组件和js代码，从维护性的角度来说应该放到主包才对， 但是主包有大小限制，如果把2个分包都在用的代码放到主包里面那2M很快就满了。 所以该放在哪?我的方案是从维护的角度放在主包，然后用webpack的插件在打包的时候 把只有分包在用的vue和js代码分别放到分包中去。 un
阅读全文
摘要：这次的优化我公司项目主包只减小了32kb，但是减小的不仅仅是主包，所有分包均在没有改动任何业务代码的情况下完成了压缩空间的优化。 主包分包压缩空间的优化都要视项目而定，32kb只是我公司的小程序项目。 还有一点需要提前说明，此优化我公司项目因为主包够用了就还没有正式使用，不保证完全没有问题，所以要辛
阅读全文
摘要：不是标题党，我们公司的项目确确实实是省下了100kb的主包空间，而且还是在没有牺牲任何的性能和业务的前提下实现的。 但是100kb是根据项目大小，所以你用这个插件可能省下超过100kb或者更少。 ###直接上代码看效果 一个名为fixMiniCssPlugin的插件，在vue.config.js使用
阅读全文
摘要：###prop传值给组件 // 页面的wxml，aa是组件 tabs是页面传给aa的prop，除此之外还会传过来一个vue-id的prop // 还会绑定一个__l方法，在子组件的attached钩子内部会触发来建议vue实例之间的父子关系 <aa vue-id="8dd740cc-1" tabs=
阅读全文
摘要：###页面点击触发vm（vue实例）的方法 uni里的vue代码 <template> <view class="content" @click="qq" @longpress='fq' > 3345 </view> </template> 经过uni转换后的小程序wxml代码 <view data
阅读全文
摘要：uni的vue代码是如何在微信小程序里面执行的，对此比较感兴趣所以去调试学习了一波. ###准备工作 // 在vue.config.js里打开非压缩的代码 module.exports = { configureWebpack: config => { config.devtool = 'none'
阅读全文
