- 博客(57)
- 收藏
- 关注
RSS订阅原创 微信小程序 - 用promise封装wx.request
简介Promise对象表示异步操作最终的完成（或失败）以及其结果值。在javascript中，当发起异步方法调用时候，要想在调用方线程获取异步结果，可以借助promise对象实现。promise同时支持all,any等api。本文将会对wx.request进行封装，以获取异步调用的结果。
2024-03-31 21:12:22
307
原创 微信小程序 - 登录功能实现
2. 开发者服务器根据code，appid, appsecret请求微信接口t获取 openid与session_key ，并生成自己的认证token，并返回给小程序。1. 小程序调用wx.login获取登录认证需要的code，并请求开发者服务器。3.小程序请求开发者服务器，带上token后可以直接访问。
2024-03-30 13:09:32
291
原创 微信小程序 - 基于scroll view 实现下拉刷新
本文会基于scroll view 实现下拉刷新效果，在下拉的时候会进入loading状态。
2024-03-16 17:38:03
570
原创 微信小程序-wxml语法
WXML（WeiXin Markup Language）是框架设计的一套标签语言，可以进行页面布局，声明事件，数据绑定，条件判断。
2024-03-10 10:35:21
580
原创 微信小程序-侧滑删除
movable-view和movable-area是可移动的视图容器，在页面中可以拖拽滑动。本篇文章将会通过该容器实现一个常用的拖拽按钮功能。
2024-03-09 17:07:07
878
原创 微信小程序 - 组件wxml中slot
默认情况下，一个组件的 wxml 中只能有一个 slot。需要使用多 slot 时，可以在组件 js 中声明启用。此时，可以在这个组件的 wxml 中使用多个 slot ，以不同的。节点，用于承载组件使用者提供的 wxml 结构。属性来将节点插入到不同的 slot 上。在组件的 wxml 中可以包含。
2024-03-09 12:49:53
615
原创 微信小程序-生命周期
onShow: 页面显示时触发的方法，在用户进入页面或从其他页面返回该页面时会调用此方法。可以在此方法中进行页面数据刷新、动画效果等操作。onUnload: 页面卸载时触发的方法，当用户关闭当前页面或切换到其他页面时触发。ready: 组件渲染完成时触发的方法，此时组件的 DOM 节点已经生成，可以进行一些交互操作。attached: 组件被添加到页面节点树时触发的方法，可以执行一些初始化操作，如获取数据等。created: 组件实例被创建时触发的方法，在这个方法中可以进行组件实例的初始化操作。
2024-03-03 11:56:57
511
1
原创 微信小程序 - 双线程架构
小程序使用双线程架构，渲染层的界面使用了WebView 进行渲染(一个webview对应一个线程)；逻辑层采用JsCore线程运行JS脚本。WXML和js逻辑代码setData设置的model值会被解析成js对象，js对象被解析成虚拟dom。渲染层和逻辑层通过微信底层进行通信，渲染层将事件传递给逻辑层，逻辑层将数据传递给渲染层。当虚拟dom发生变更，会更新变化的内容到真实的dom上。
2024-02-29 20:56:58
429
原创 React 实现表单组件
表单是html的基础元素，接下来我会用React实现一个表单组件。支持包括输入状态管理，表单验证，错误信息展示，表单提交，动态表单元素等功能。
2024-02-05 16:13:22
832
原创 前端实现弹小球功能
这篇文章将会做弹小球游戏，弹小球游戏大家小时候都玩过，玩家需要在小球到达游戏区域底部时候控制砖块去承接小球，并不断的将小球弹出去。首先看一下实现的效果。
2024-01-27 12:52:52
453
原创 前端实现轮训和长连接
轮训和长连接相关内容可以参考之前的文章消息推送系统。消息推送系统-CSDN博客文章浏览阅读106次。在餐饮行业中，店内应用有pos、厨显屏等，云端应用为对应数据中心。为了实现云端数据和操作指令下发到店内应用，需要有一个系统实现这个功能。websocket -> 实时，性能高，会断连丢数据。轮训 -> 近实时，性能低，有重试&确认不会丢数据。本文将会通过js 实现轮训 和 websocket 长连接功能。
2024-01-17 16:22:49
442
原创 React之自定义路由组件
/ 路由配置// 获取hashbreak;// 路由項配置// 获取浏览器hash hook// 当浏览器url变更时，更新state},[])
2024-01-11 22:56:08
631
原创 React之useRef hook
useRef是react的自定义hook，它用来引用一个不需要渲染的值。这篇文章会介绍useRef的简单用法。
2024-01-06 09:19:40
639
原创 React 实现 Step组件
本文将会实现步骤条组件功能。步骤条在以下几个方面改进。1、将url与Step组件绑定，做到浏览器刷新，不会重定向到Step 12、通过LocalStorage 存储之前的Step，做到不丢失数据。
2024-01-01 13:16:35
642
原创 MapStruct
将target的setter和getter方法与source的property对应@Overridei++){continue;return res;
2023-12-17 15:11:35
456
原创 saga分布式事务
Saga是一种在分布式系统中处理事务的模式，它通过将一个大的事务拆分为一系列小的、相互关联的子事务来实现。每个子事务独立执行，并且可以具有回滚和补偿机制，以保证整个事务的一致性。在支付和交易业务中，会涉及长事务的场景。依靠单一的数据库事务无法解决整体问题，这个时候，就需要分布式事务来解决这个问题。2PC协议的主要目标是在分布式环境下确保所有参与者要么都提交事务，要么都回滚事务，以保持全局事务的一致性。基于事件，整个业务流程散落到各个业务系统中，比较复杂，流程难以全局理解，而且需要下游实现事件接收和发放。
2023-12-09 15:05:27
573
原创 React系列之useRequest Hook
普通的action处理会自动分派给对应的reducer处理。异步的action会经过Middlewares进行处理，异步完成后再交由对应的reducer处理。
2023-11-22 20:51:01
505
原创 React 自定义hook 之 防抖和节流
防抖和节流主要用于控制事件触发频率，提高页面性能和用户体验。防抖: 当事件被触发后，在一定时间内有新的对应事件，则会取消老的事件执行。节流: 当事件触发后，在一定时间内会忽略新的事件执行。
2023-11-19 20:22:18
554
原创 礼品卡系统
礼品卡可以用来购买和赠送，可以带来引流、锁客、资金流。礼品卡在购买流程时候可以当做参加支付购活动。在提单支付流程可以当前营销权益去抵扣支付金额。
2023-10-26 11:32:26
132
原创 Disruptor消息队列
Disruptor是一个高性能的消息队列，它通过无锁算法实现高并发、高性能以及非阻塞。 ringbuffer 是一个大小固定的环形结构。基于cas更新producer和consumer位移实现无锁操作。 sequence用于跟踪生产者和消费者在RingBuffer的位置。 管理sequence，序号生成逻辑，包括producer发布事件序号，consumer等待消费序号 sequence barrier用于协调生产者和消费者。生产者需要等到队列未满时候才能生产，消费者需要等到队列未空时
2023-10-22 12:39:27
146
原创 liteflow流程引擎
公司的核心系统往往拥有复杂的业务逻辑，条件分支多，硬编码判断多，维护成本高。liteflow框架是一个现代化的规则引擎框架，实现了组件编排与规则引擎，并且实现组件的热变更。
2023-10-21 20:48:41
403
原创 幂等处理器
幂等是一个很重要概念，往往和重试联系在一起。当某个请求重试时候，为了规避之前执行成功的操作，需要加上幂等判断。该组件的目标是:1.基于“能力声明化”的方式，为接口快速添加幂等保护2.支持常见的两种幂等保护策略a.直接返回上次的执行结果；b.抛出异常告知重复提交。
2023-10-16 12:50:29
84
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人