中年抠脚程序猿

未归档

Java(2) 前端(1)

/ 注册

全部文章 / 未归档（共34篇）

多个Vue前端项目公共组件的使用之npm link

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

2021-12-08

0 647

微信小程序实现类似Vue的全局路由（实现日志记录）

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

2021-12-08

0 592

微信小程序重写Page函数，实现全局日志记录

概述在上一篇《微信小程序实现类似Vue的全局路由，实现日志记录》中，通过重写wx.navigateTo，wx.switchTab，wx.navigateBack这三个方法实现类似全局路由的功能，但重写这三个方法后仍有一些局限性，无法拦截底部tab的点击事件和安卓手机的物理返回键的返回事件。如...

2021-12-08

0 1817

Vue钩子函数中的this为什么能指向Vue的实例而不是指向传入的参数options（Vue源码解读）

起因先看一段Vue的代码，在Vue的原型链上增加了一个setData方法，然后实例化Vue对象，传入一个Object类型的参数 Vue.prototype.setData = function (key, val) { if (this.data) { this.data[key]...

2021-12-08

0 613

装饰器模式的应用，包装ServletRequest，增加addParameter方法

什么是装饰器模式装饰器模式（Decorator Pattern）允许向一个现有的对象添加新的功能，同时又不改变其结构，它是作为现有的类的一个包装。这种模式创建了一个装饰类，用来包装原有的类，并在保持类方法签名完整性的前提下，提供了额外的功能。关键词：现有的对象，添加新功能。通过子类的方式...

2021-12-08

0 368

AOP方式捕获和处理微信小程序前端全局异常

原因这几天，公司开发的小程序有部分用户用户打开咨询列表页显示空白，我们查后台日志没有错误。最让人头疼的是，这种前端显示不正确，只是在某些机型上才出现，我们的测试人员无法复现该问题。无法复现，又没有错误日志记录，这种问题咋解决？方案1 思前想后，我们需要将小程序端所有的错误日志记录下来，并上...

2021-12-08

0 1797

微信小程序实现数据侦听器watch，包含销毁watch和子属性的watch

原因在上一篇《微信小程序实现数据侦听器，类似vue的watch，替代Observer》中，我们实现的watch功能，但使用起来还是有点麻烦。能不能像Vue那样直接写个watch属性呢？当然可以，这就是写这一片博客的目的。我们要实现以下几个目标：支持侦听对象的变化，侦听对象的子属性的变化，...

2021-12-08

0 1189

Vue页面跳转优化，loading中间状态和骨架屏

原因先看一段简单、常规的vue代码。 <template> <div v-if="list && list.length>0"> <div v-for="row in list"> ...

2021-12-08

0 1251

JS获取手机型号和系统版本

原因前端开发很多时候需要获取手机型号和系统，尤其是当出了前端兼容性问题的时候需要知道手机型号和系统版本。然后开发人员根据特定的的手机型号和系统版本解决兼容性问题。方案前端浏览器获取设备信息和系统信息只能通过navigator对象的userAgent属性获取。小米9和苹果7plus的use...

2021-12-08

1 1762

Spring Cloud接口调用的重试机制，如何关闭重试（包含相关源码解读）

原因公司项目使用Spring Cloud做后端架构，后端接口间调用使用的是Feign。前几天在生产上发现了一个问题，定时任务会重复执行。分析了日志后，得出结论，因为定时任务执行时间较长，定时任务模块调用业务模块接口会等到超时，然后Spring Cloud 的Feign会重试请求，导致定时任务执行...

2021-12-08

0 1005