原因在上一篇《微信小程序实现数据侦听器，类似vue的watch，替代Observer》中，我们实现的watch功能，但使用起来还是有点麻烦。能不能像Vue那样直接写个watch属性呢？当然可以，这就是写这一片博客的目的。我们要实现以下几个目标：支持侦听对象的变化，侦听对象的子属性的变化，支持立即执行少量几行代码即可引入，不修改之前代码结构，不需要每个页面都引入使用方式和vue的wa...

原因在开发中有个需求，要统计用户在每个页面的访问量，和停留时间。这个在Vue项目中很好实现，利用全局路由，在router的beforeEach方法和afterEach方法中做事情就可以了。但小程序中没有全局路由，又不想在每个页面的onShow和onHide中写重复代码，该怎么实现呢？解决方案先说明这个解决方案没有完美的解决，还是有些问题，有部分问题没法解决。方法就是重写微信的三...

原因先看一段简单、常规的vue代码。<template><div v-if="list && list.length>0"><div v-for="row in list"><span>{{row.xxx}}</span>//显示剩下数据</div...

背景既然小程序的组件已经有Observer功能，那为什么还要手写watch功能呢？Observer只能在Component中使用，没法在Page中使用。若是想在Page中监控某一数据的变化，Observer做不到。Observer属于小程序的新功能，只能在高版本微信使用，低版本微信无法使用。公司的小程序就因为使用了Observer功能，导致很多低版本微信用户无法使用这个小程序。实现...

添加loader在vue.config.js中的chainWebpack中添加配置：chainWebpack: config => {// my-loader为loader的别名，./src/myLoader.js是loader的位置config.resolveLoader.alias.set('my-loader', path.resolve(__dirname, './src/myLoa

需求项目中在cookie和localStorage中，存储了不少信息，希望每次发布后能清空cookie和localStorage，避免缓存和版本不一致带来的影响。方式一自定义webpack的plugin，在afterPlugins钩子函数中修改package.json文件版本号，使用当前时间作为版本号在main.js中读取package.json文件，判断当前版本号是否和localStorage中

背景接上一篇《多个Vue前端项目公共组件的使用之npm publish》，使用node_module的方式引入公共项目，在公共项目修改后，每次都要npm install重新引入公共项目，若频繁改动公共项目，这就造成了开发过程中调试中极大的不方便。这一期讲一个npm 私有包依赖 本地开发调试频繁更新解决方案 npm link解决问题依旧是上一期的三个项目，doctor、patient...

概述在上一篇《微信小程序实现类似Vue的全局路由，实现日志记录》中，通过重写wx.navigateTo，wx.switchTab，wx.navigateBack这三个方法实现类似全局路由的功能，但重写这三个方法后仍有一些局限性，无法拦截底部tab的点击事件和安卓手机的物理返回键的返回事件。如果不需要在跳转前进行拦截，那么有一个更好的方案，重写Page函数。解决方案新建myPage....

背景我们公司是搞健康管理的，产品主要有2个，医生端APP，和患者端微信公众号。这2个产品有很多内容是相似的、甚至一样的。包括页面、样式、JS逻辑等。这样就想将这些公共部分封装成公共组件供2个项目调用。方案项目是常规的Vue项目，其中doctor和patient分别为医生端和患者端的项目，aikang-common是公共组件。我们可以将aikang-common打包成一个node_m...

mark