- 博客(129)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 第三方APP/ H5 跳转小程序方案
适用对象：商城（研发、运营）与合作方（前端、后端、App 开发）用途：合作方从或，跳转到商城小程序内的指定页面（含小程序内嵌的 H5 页面）
2026-10-21 11:51:12
225
原创 微信生态内 H5 跳转小程序方案（无服务号场景）
在无公众号认证的H5页面中跳转微信小程序，因X5内核拦截weixin://协议而失效。官方推荐方案为通过云开发静态网站搭建中转页，利用<wx-open-launch-weapp>标签实现合规跳转，需小程序非个人主体且已认证，云开发按量付费。第三方代建中转页虽可简化流程，但存在流量成本、服务中断及数据泄露风险，建议谨慎选择。
2026-10-21 11:44:26
185
原创 从“环境变量切分“到“pnpm 单仓多包“，我踩了多少坑
项目从单体H5，到用环境变量切分多个虚拟应用，三处切分点（命令层、构建层、路由层），优点有省事、复用、独立构建，但痛点逐渐暴露：依赖版本锁死、共享代码耦合、构建半全量、边界靠约定。然后改为pnpm单仓多包，四步拆解：依赖隔离（apps/独立包）、显式共享（packages/ workspace:*）、定向构建（--filter）、独立部署。总结是环境变量切分适合早期单体阶段，信号出现后按四步迁移
2026-08-31 15:19:54
200
原创 React Native + Realm 离线方案处理
/ 实体模型/*** 物料档案（MATERIAL）结构化存储* 目标：可通过 code 快速取到 wholemanaflag / qualityunit 等字段*/code!: string;pk_group!: string;pk_org!: string;: string;: string;name!: string;: string;: string;: string;: string;graphid!: string;pk_measdoc!: string;
2026-04-07 13:53:23
379
原创 钉钉工作台内嵌应用=》调用钉钉对话框
必须是当前页面的 location.href 的原内容，请勿提前进行encode/urlencode处理，否则会引起编码不一致最终导致。它是钉钉 H5 免登的「第一步」—— 用来获取临时授权码 code，有了这个 code，才能拿到钉钉用户信息，实现自动登录。dd.config的时候：当前网页的URL，是不包含#及其后面部分。且它兼容多端（PC 钉钉 / 手机钉钉 / 钉钉开发者工具）。我这里直接取值后端接口返回的鉴权完成的数据。调用这个 API，钉钉会直接返回一个。钉钉项目内所有的接口都需要鉴权。
2026-03-30 17:08:24
968
原创 Vue2 常见知识点（二）
模板编译过程中，判断元素节点是否有@click,@change…事件属性，有则addEventListener添加对应事件，当触发addEventListener的时候，执行绑定方法，一般方法在methods中会定义。
2024-12-02 20:31:55
1589
原创 vue2 虚拟DOM 和 真实DOM （概念、作用、Diff 算法）
它的主要作用是比较新数据与旧数据虚拟 DOM 树的差异，从而找出需要更新的部分，以便将这些最小化的变更应用到真实 DOM上，减少不必要的 DOM 操作，提高性能。
2024-12-02 10:00:50
1283
原创 Vue2 常见知识点（一）
组件已经挂载到 DOM 中，真实 DOM 已经渲染完成。这是最常用的生命周期之一，通常用于操作 DOM 元素，比如获取 DOM 节点的高度、宽度等例如，在一个图表组件中，挂载完成后可以获取图表容器的尺寸，然后初始化图表库
2024-11-25 22:04:05
1277
原创 Vue2与Vue3 一些区别(持续更新)
后添加的属性无法走到Object.defineProperty 这一步，所有无法更新视图直接添加新属性，添加age属性后，视图不会自动更新。必须使用$set(target,index,val)来改变数据和视图，但是在vue3中不存在$set。通过索引修改数组元素视图也不会更新，因为 Vue 2 没有对这种操作进行响应式跟踪，使用push、pop、splice $set(target,index,val)来改变数据和视图。
2024-11-23 21:20:37
686
原创 TCP连接（三次握手）（四次挥手）
例如，在网络不稳定的情况下，如果只有两次握手，当客户端发送的第一个 SYN 包在网络中延迟，而客户端又重新发送了一个 SYN 包，服务器收到两个 SYN 包后会分别回应两个 SYN/ACK 包，这样就可能导致建立了两个连接，浪费资源。例如，如果只有三次挥手，当服务器还在发送剩余数据时，连接就被强制关闭了，那么这些剩余的数据就会丢失。四次挥手的过程就保证了在关闭连接时，双方的数据都能完整地发送和接收，避免数据丢失。B说：我可以听到你说话，我可以和你聊天，你能听到我说话吗。还可以继续发送剩余的数据给客户端。
2024-11-22 17:00:46
903
原创 小程序授权登录大概路程
小程序授权登录大概（前端）在小程序内调用wx.login()获取临时登录凭证code，并通过后端接口回传到开发者服务器。(临时登录凭证 code 只能使用一次）
2024-05-22 16:00:29
1180
1
原创 electron-vue 台称串口对接 SerialPort
1.首先找一个串口工具（）试试读取串口是否成功连上；2.创建；3.安装，调整版本，启动项目；4.学习工具；5.开发入口文件，测试是否成功获取串口信息6.成功获取串口后，接收台称数据7.根据台称说明书与协议，解析台称数据（数值，单位，正负，精度...）8.完成称重需求9.完成打印需求10.完成自动更新11.防止开启多个应用。
2023-07-11 17:17:55
6076
2
原创 ant-design实现树的穿梭框，穿梭后右侧是已选树（一）
/ 处理树的内部自定义内容return (});generateTree的四个参数：treeNodes （树数据）, checkedKeys （已选值）, searchValue（搜索值）, disabled（是否禁止）左边的treeNodes ：原本的树/通过搜索后的树return (
2023-05-12 10:37:01
5552
7
原创 vue3 effect 实现思路
首先了解这张图const state = reactive({ name: 'cld', age: 26, arr: [1, 2, 3], obj: { attr1: 'attr1', attr2: 'attr2' } });effect(()=>{ console.log('effect内执行:',state.obj.attr1)})state.obj.attr1='cld2'大概思路清楚了 开始分析代码创建effect函数传入一个函数与options对象export
2022-03-27 13:06:39
1940
3
原创 node开发crud字典模版
node开发模版自动生成pc端表格数据的增删查改相关功能；开发者通过工具填写文件夹名称、字段名称、字段类型等必要的配置后，在项目中运行工具；项目自动生成开发者命名的文件夹，里面包含表格数据增删查改相关功能的列表页，详情页、编辑页和api文件，并且在与后端字段和接口的严格约束下，基本无需更改生成的文件，即可得到符合预期的页面与数据，也一定程度上减少了bug的产生。1.核心逻辑图步骤1：以react模板为例，创建rcloud文件；步骤2：使用nunjucks.configure初始化模板目录
2022-02-25 21:34:33
689
原创 css3 :not([class]) css3 :not([style])
css3 :not([class]) css3 :not([style])
2022-02-15 15:01:14
4497
原创 Vue3.0 常用api
Vue3.0 reactive()、ref()、unref()、isref()、toRefs()、computed()，watch(),watchEffect()
2022-01-20 11:34:56
1525
原创 antdesign 高级表单 自定义columns 搜索
const [start, setStart] = useState<Moment | null>(); const [end, setEnd] = useState<Moment | null>(); { title: '时间', ellipsis: true, align: 'center', valueType: 'dateRange', width: 180, dataIndex:...
2021-12-31 15:21:46
1414
1
原创 es6的扩展运算符“...”动态增加属性
只是举了一个案例，但是开发任何地方，如果不确定参数是否应该传入都可以使用例如 formItem ????️根据 数值 判断是否需要传入 name属性{...(boolean? { name: value } : {})}如果“真” 则扩展{ name: value } 得到=》name : value 相当于增加了 name属性如果“假 ”则扩展 { } 得到=》空 相当于增加了 空属性<Form.Item wrapperCol={{ span: 24 }}.
2021-12-21 17:34:34
561
原创 react 多级路由 子路由切换
需求案例：1.当我们在后台管理页面 左侧菜单栏的情况下2.点击左侧菜单栏 路由变化 右侧内容区域变化如图： 点击分布式表单出现右侧内容 分布式表单步骤条3.第一步的路由 为 "form/step-form/step1"4.当我们输入完成验证通过 点击下一步 路由为 "form/step-form/step2"4.当我们 点击继续路由为 "form/step-form/step3"需求简化就是一个 第三级菜单的跳转文件目录如下...
2021-12-09 14:51:49
3084
原创 dumi主题包开发
dumi主题开发创建@group/dumi-theme-或dumi-theme-开头的 npm 包 ，通常用于研发完整的主题包，便于共享给其他项目使用新建项目必须以dumi-theme-开头 不然dumi 将不会自动挂载该主题
2021-12-01 10:54:19
1234
原创 浅显的Monaco Editor 与codemirror 选型
Monaco Editor codemirror 支持语言 支持Java，JavaScript，sql，vb,c,c++,python等多种语言(30+) HTML、XHTML、XML、CSS、Python、PHP、c#、Java (130+) 支持浏览器 IE8+, Firefox4+, Chrome, IE8+, Firefox4+, Chrome,Safari3+,Opera9+ 最新更新 2017/4/20,开源 2017/3/3，开源...
2021-11-29 22:20:15
5944
原创 react 详情页面路由 拼接id useParams取值
react 详情页面路由 拼接id useParams取值路由拼接id routes: [ { name: '酒店订单详情', path: '/hotel-orders/detail/:uid', locale: 'hotelOrdersDetail', component: lazy(() => import('@/pages/hotel-orders/details')), }, ...
2021-09-23 16:23:45
1104
原创 react 父组建 调用/获取 子组建函数/参数
import { useImperativeHandle, forwardRef,} from 'react'const Component = (props: any, ref: any) => { useImperativeHandle(ref, () => ({ func1: handleChangeName , })) const handleChangeName = async () => { console.log('name.
2021-07-30 14:32:28
315
table表格，让thead固定，tbody有滚动条，关键是都对齐的纯css写法
2018-08-29
easy mock 本地部署所有资源
2019-01-03
Taro2.* 小程序配置分享微信朋友圈
2022-11-24
TA创建的收藏夹 TA关注的收藏夹
TA关注的人