微信小程序迁移支付宝踩坑

2023-08-02
阅读 5 分钟
1.1k
首先还是要用到迁移工具Antmove,可惜这个工具已经多年未更新,生成的代码必然是没法直接运行的,而且后来的使用中发现,有一些支付宝原本不支持的功能做了降级适配,实际上现在已经支持了,而Antmove做的处理反而会出问题。

如何在一段URL中插入参数

2020-09-16
阅读 2 分钟
9.6k
http://www.example.com:80/path/to/myfile.html?key1=value1&key2=value2#SomewhereInTheDocument

MySql批量修改表和表内字段的字符集和排序规则

2020-08-07
阅读 1 分钟
5k
目标数据库的默认排序规则是utf8mb4_0900_ai_ci,已存在的表都使用了这个编码,而来源数据库的排序规则是utf8mb4_unicode_ci,新复制的表都用的是后者。

MyBatisPlus分页多表关联查询

2020-08-07
阅读 2 分钟
25.9k
BaseMapper提供的默认查询方法都是单表的,如果需要多表关联查询,同时还要支持分页,一个方案就是自己写Sql。现在自己写Sql一般用的应该不是传统MyBatis那种写xml的老方法,而是通过在Mapper类里写注解来实现。还需要解决的就是如何在自定义Sql语句中拼接MyBatisPlus的分页参数和查询条件。示例如下: {代码...} 关键在...

页面加载时使用脚本自动跳转到新页面移动端浏览器不会产生历史记录

2020-08-07
阅读 2 分钟
2.7k
最近遇到这样一个需求:打开当前页面时,可能会带上一个参数pid。页面初始化时,如果发现存在此参数,就立刻跳转到其对应的外部页面。当用户从外部页面后退时,可以回到当前页面,此时正常显示页面内容。我的实现方式是:用hash传递pid。在页面入口脚本中,如果hash中没有pid,就正常渲染页面。如果发现存在pid,就不渲...

内嵌iframe页面在IOS下会受内部元素影响自动撑开的问题

2020-05-05
阅读 1 分钟
2.1k
具体表现为iframe页面内的子元素一旦超出原先的边界,只要能影响到html元素的宽高,就会自动撑开iframe,即使html元素设置了overflow:hidden也没用。比如一个body元素下的弹层需要从下往上滑动进场,这个弹层的位置就会导致html高度的变化,因此页面底部的tabbar就会在弹层运动期间先消失再出现。

让IDE识别webpack的别名alias

2020-05-05
阅读 1 分钟
4.2k
许多项目脚手架默认就会把src目录添加一个@别名,项目中实际引入时,虽然可以精简路径,但也带来一个很麻烦的问题:IDE无法识别这些别名,因此导致无法自动完成路径、无法识别引用资源的输出、出现不必要的告警等情况。

cssnano升级导致z-index被重新计算的解决办法

2020-05-05
阅读 1 分钟
2.2k
之前遇到了一个遮罩层级的奇怪问题。在dev环境能在弹窗前正常显示的全屏动画,在编译打包以后实际运行时跑到了弹窗的后面。弹窗的z-index是500,按理说将动画放到501就应该能显示了,结果发现实际编译出来的z-index仅仅是1。最后发现这个z-index被重新计算是cssnano的杰作。因为它只处理了项目本身的样式,而不包括第三...

Typescript中以变量方式传递类

2020-05-05
阅读 2 分钟
4.7k
最近尝试用TypeScript写一个工具库,需要实现这样一个场景: 声明一个抽象类Parent 声明一组子类ChildA、ChildB继承这个Parent,实现它的抽象方法 实现一个方法,根据参数返回对应的子类 用拿到的子类创建实例 代码示例如下: {代码...} 首先注意new后面getAnimal方法的执行需要用括号包起来,否则将得到以下错误: {代...

使用scss开发小程序(各种小程序平台通用)

2020-05-05
阅读 3 分钟
4k
微信小程序的wxss、阿里旗下淘宝、支付宝小程序的acss等等语法很类似原生css,但是在web开发里用惯了动态css语言,再写回原生css很不习惯,尤其是父子样式的嵌套写法非常繁琐。

淘宝商家应用(阿里小程序)开发踩坑记录

2020-05-05
阅读 7 分钟
12.7k
最近正在开发商家应用小程序,踩了无数坑,原本以为微信小程序已经够坑了,没想到这个几乎照搬微信小程序模式的淘宝小程序更坑。毕竟刚起步,抱怨也没用,将我遇到的问题先记录下来,让后来者可以少花一些时间。

Vue+CSS3实现转盘抽奖

2019-06-25
阅读 4 分钟
7.3k
最近有个转盘抽奖的需求,搜了一下现有的轮子,有的是用jQuery的动画函数实现的,有的是用canvas绘图然后再用高频率的setTimeout调用旋转方法,前者太老了没法简单移植到vue项目,后者感觉性能表现可能不会太好。也有一些用CSS动画的方案,设计了加速-匀速-减速三个动画,再计算偏转角度让三个动画尽可能无缝衔接,但我...