Vuex面试题
当面试官问我们对vuex的理解的时候，我们不能只说“vuex是一个专为vue.js应用程序开发的状态管理模式”，尽量不要让面试官连续追问（总会问到自己不会的然后说你实力还差那么点来可以得降薪），应该从三个方面一次性去说清楚：1.vuex是什么？2.vuex的核心概念；vuex的属性；vuex的数据传递流程...
2024-01-10
Zabbix Centos7.6安装部署
一.前言本文记录在Centos7.6平台 通过yum安装部署Zabbix 4.4准备Centos7.6 虚拟机一台(ip: 192.168.152.140)Mysql 8.0.12数据库(ip: 192.168.152.1)二.安装1.安装phpyum安装php# yum install -y php2.安装httpdyum安装httpd# yum install -y httpd3. 安装zabbix各组件添加rpm包# rpm -Uvh https://repo.zabbix.com/zabbix/4....
2024-01-10
微信小程序轮播组件非居中对称滑动解决方案
在公司的项目中遇到了非居中对称的类banner滑动需求，如下图：每次滑动的距离并非一屏的宽度，而是要根据实际情况来控制。解决方案一开始看文档，由于swiper组件的配置项并不多，我估计能解决这个需求的大概只有previous-margin，next-margin和display-multiple-items三个参数。在经过一系列尝...
2024-01-10
微信小程序自定义switch开关组件
小程序原生的switch不能灵活的修改宽高、样式，很不方便，我这边参考WeUI的开关，写了一个可以自定义尺寸样式的switch组件。效果如下图，可以自定义宽高，可以做成方角的代码分析这个switch主要的难点就是点击后背景颜色变换的动画，这里用到了css的transition、transform两个属性来实现动画，以...
2024-01-10
微信小程序加表情
原生的textarea已经把选择表情的按钮丢弃了，所以自己就模拟了一个表情选择器下面是效果展示实现原理准备工作表情可以在qq表情地带中查看通过 escape() 和 unescape() 两个函数来对表情进行解析和重构escape("????") // %uD83D%uDE04unescape("%uD83D%uDE04") // ????这里返回的表情是十六进制的，为了计算...
2024-01-10
微信小程序签字签名实现
效果展示准备工作canvas的使用主要用到了bindtouchstart，bindtouchmove两个属性，捕捉手指移动的同时，将移动前的坐标和移动后的坐标用canvas的画图api绘制出来wx.createCanvasContext这个api用于创建并获取指定canvas对象代码说明在wxml中声明一个canvas指定canvas-id和触摸开始和移动函数<canvas canvas-id="firstC...
2024-01-10
30岁程序员转型非技术岗后的生活
一些往事可能看过我博客的人，都多少了解一点我的职场经历。2015年从新浪辞职以后，2016年全年都没上班，思考人生+考试，最后在2018年考入了现在的这家机关单位。真正的2019总结当初入职培训，领导们还讲了一些技术课。课间我曾经试图和授课老师联系，有意了解技术细节。当时一个同学在旁...
2024-01-10
微信小程序自定义特殊凸起tabbar
效果图:描述：实现自定义的tab栏，点击 【教辅】、【我的】就切换tab，底部还会显示tabBar，但是点击中间的【福】，需要跳到新的页面。坑1：（1）在custom-tab-bar/index里面是无法wx.navigateTo跳转的，只能使用switchTab。那么我们的【福】要怎样跳转呢。在app.json里面的tabbar 里面的list里去掉关于【...
2024-01-10
uniapp url传递参数
由于微信小程序URL传参时，如果不转换数据并且参数带有特殊字符，则微信会截取数据，导致数据不完整。所以，我们可以使用encodeURIComponent，对参数进行转换特殊字符。（注意：encodeURIComponent时，需要把对象数据转string格式）// 组拼数据let data = { aa: 123, bb: 456}let newData = JSON.stringify(da...
2024-01-10
微信小程序报错Error:分包大小超过限制
昨天在运行小程序的时候，小程序报这个提示。说是分包大小超过了限制。 微信小程序分包错误解决办法：分包加载官网地址官网上面说的很清楚了，我就不在啰嗦了，下面我把我的代码贴上大家看下：app.json文件：{ "pages": [ "pages/test02/test02", "pages/test/test", "pages/ind...
2024-01-10
