- 博客(96)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 微信小程序版「死了么APP」，它来了
【摘要】一款名为"死了么"的微信小程序近日引发关注，专为独居人士设计安全守护功能。用户每日签到确认安全状态，若超过预设时间未操作（如48小时），系统将自动向紧急联系人发送预警信息，防止"孤独死"情况发生。该程序采用极简设计，无需下载安装，支持生命倒计时等时间管理功能，并提供专业后台保障预警机制可靠运行。开发者以轻松方式探讨严肃话题，旨在为独居人群提供数字化的安全保障，同时提醒珍惜当下生活。
2026-01-15 15:54:17
1306
原创 别再重复造轮子了！200+小程序案例，解决你80%+的开发问题
微信小程序开发案例库"fengGer的bug"提供了200+实用示例，覆盖小程序开发的常见场景。项目包含八大核心模块：经典动效、基础功能、交互设计、CSS特效、工具类、节日特效、API演示和实用业务场景。采用分包加载优化性能，组件化开发便于复用，封装常用工具函数提升效率。该项目既适合初学者快速上手，也帮助进阶开发者学习性能优化和架构设计，可作为团队开发的参考规范。案例代码可直接参考使用，有效避免重复造轮子，提升开发效率。
2025-12-17 10:15:14
1176
1
原创 从零到一全栈开发 | 跑腿服务系统：小程序+Vue3+Node.js
跑腿服务系统毕设项目推荐 该项目是一个基于微信小程序+Vue3+Node.js的跑腿服务平台，包含三个核心模块：微信小程序客户端（用户下单、跑腿员接单）、Vue3管理后台（商家/订单/用户管理）和Node.js后端服务（RESTful API）。采用主流技术栈包括微信小程序原生开发、Vue3+Element Plus、Express+MySQL，并实现JWT认证、权限控制等安全机制。项目功能完整，涵盖订单系统、用户中心、跑腿员管理等功能模块，代码结构规范清晰，适合作为毕设项目或全栈开发学习案例。项目提供完整
2025-12-12 11:27:24
1852
2
原创 微信小程序实战：本地存储的新生儿喂养记录（原生 + 四套主题 + 疫苗日程）
「小芽拾光」是一款本地优先、无后端的微信小程序，专为新生儿家庭设计，整合喂养、尿布、睡眠、成长等记录于时间线，疫苗体检独立日程。基于微信原生框架，使用 wx.setStorageSync 本地存储，支持主题切换、数据导出导入、全屏提醒与自定义导航。代码开源（Apache-2.0），注重隐私与离线体验，适合新手父母及关注原生开发的开发者。
2026-10-22 15:42:46
254
原创 新生儿喂养记录微信小程序：本地存储、四套主题，以及一份可改期的疫苗体检日程
新生儿喂养记录小程序支持本地存储、四套主题与深色模式，整合喂养、尿布、睡眠、成长及补充剂记录，疫苗体检日程可按出生日生成并灵活改期。数据存于手机本地，换机可导出JSON。界面简洁，底部仅设四个Tab，待办事项独立管理，全屏提醒助力夜间照护。技术上采用原生微信小程序框架，通过自定义导航、主题变量与本地缓存实现高效体验，源码开源（Apache-2.0），适合家庭使用与开发者参考。
2026-10-12 16:11:47
192
原创 如何手搓一个Agent-Skill
本文介绍了如何创建和优化AI编程助手(如Claude Code、Codex、WorkBuddy)的Skill模块，主要内容包括： Skill概念：作为可复用的专项操作手册，包含说明、模板、脚本等，相比传统prompt更结构化、可协作。 创建方法：只需一个目录和SKILL.md文件，采用渐进式披露设计，按需加载内容。关键要写好name和description确保可被发现。 开发流程：从明确边界开始，先做最小可用版本，逐步拆分细则到子文件，对重复性任务优先使用脚本。 多平台适配：同一套Skill可通过软链接在C
2026-08-21 10:55:39
352
原创 Vibe Coding 的真相：AI 编程工具是程序员的终结还是新起点？
本文探讨了AI编程工具（vibe coding）对软件开发行业的影响。研究表明，虽然AI能快速完成低优先级任务（如字节跳动12万个任务），但也导致代码质量下降、安全漏洞增多、重构率降低等问题。开源社区对AI生成代码持谨慎态度，多个项目明确拒绝此类代码。文章指出，vibe coding与"古法编程"并非对立：AI降低了实现门槛，但工程决策能力和系统思维仍不可或缺。数据显示，仅会编码的开发者就业率下降20%，而具备工程决策能力的人更受青睐。核心观点是：工具越先进，能驾驭它的人越有价值。
2026-07-31 13:56:22
157
原创 从业务组件到 npm 私服：一次 Vue 2 组件库落地回顾
本文回顾了从业务组件中抽离并发布 Vue 2 组件库到 npm 私服的全过程。主要内容包括： 明确库与业务项目的边界划分，将多项目复用且稳定的 UI 能力抽离成库 采用源码与演示站同仓的仓库结构设计 组件封装规范与库入口设计，支持全量注册和按需导出 文档与类型同步维护的重要性 构建配置关键点，包括资源路径处理、版本兼容性等 版本发布策略与业务项目接入指南 通过虚构的 acme-ui 示例，文章详细说明了组件库从开发到发布的每个环节，并总结了依赖边界、资源路径和构建工具版本一致性等关键踩坑点。整个流程强调"薄
2026-07-27 18:41:52
385
原创 AI时代下的前端求生之路
AI时代下前端开发者的转型与突围 摘要：随着AI工具如Copilot、Cursor的普及，基础前端开发工作正被快速替代，引发了行业焦虑。但AI真正淘汰的是低端重复劳动，而非前端岗位本身。本文指出：1）AI擅长执行但缺乏决策能力，前端需转型为技术决策者；2）应建立"人定方案-AI落地-人工优化"的工作流；3）推荐三条突围路径：深耕工程化架构、转型业务全栈、专攻可视化/音视频等垂直领域。前端从业者需从"代码工人"升级为问题解决者，聚焦业务价值和技术决策，方能构建不可替代性。AI时代淘汰的是不思进取者，对善用AI
2026-06-30 18:48:01
339
原创 微信小程序文件，图片直传阿里云 OSS 的最佳实践
小程序直传阿里云OSS实践总结 本文介绍了微信小程序直传阿里云OSS的完整流程，包括四个关键步骤：文件预处理、鉴权接口调用、OSS直传和上传完成确认。重点讲解了如何安全高效地实现文件上传，避免常见错误如签名混用、漏传token等。文章提供了代码示例和实用建议，特别强调小程序开发中必须配置的域名白名单和HTTPS要求，以及处理大文件时的内存优化策略。这套方案已在生产环境验证，能有效解决小程序文件上传中的鉴权、签名和回调等核心问题。
2026-05-25 09:27:56
532
1
原创 企业 Web 登录中的「双 UKey」场景实践：从单设备自动登录到多 Key 分流
本文介绍了为质量系统登录页添加双UKey支持的技术实现方案。主要解决了多Key场景下设备识别错误、PIN策略混乱等问题，通过前端(Vue 2 + Ant Design Vue)与本地UKey服务的交互改造，实现了智能设备识别流程：单Key自动登录保持原体验，双Key时提供选择界面并动态显示PIN输入框。文章详细阐述了枚举设备、分流处理、动态表单等关键技术点，并总结了开发过程中遇到的返回值处理、同步请求、真机调试等典型问题，最后给出了完整的自测用例。该方案通过入口分流、出口合并的设计思路，在保证单Key用户体
2026-05-20 10:02:06
398
原创 前端主流框架之VUE中的Vue3
并且你会发现，它是**强制开启深度监视（deep:true），并且无法关闭。然而现在我们监视的是reactive定义的响应式数据的全部属性，是只监听其中的一个属性，那怎么办呢，可能大家会。
2024-05-29 11:19:25
2089
原创 今日分享-小球穿梭放大loading动画
但是，当他们“合体”的时候，产生了奇妙的融合现象，通过对比度滤镜把高斯模糊的模糊边缘给干掉，利用高斯模糊实现融合效果。· filter: contrast()： 调整图像的对比度。· filter: blur()： 给图像设置高斯模糊效果。最后，贴一下自己的小程序，喜欢可以扫码查看。4、实现简单，代码粘贴复制即可预览效果。1、废话不多说，先看效果。
2024-05-28 09:27:57
297
2
原创 一个VUE项目当中如何请求多个服务器接口地址
当后端小伙伴拿到一个项目工程时，你会发现别人给你的工程什么都没有，他的要求是你自己起个工程,到时候直接部署多个服务。】,那么问题来了，那就前端也得使用两个后端地址，肿莫办，头大了，以前只知道写死一个API地址就够了，那么现在咋弄呢😵。}3、最后：它就实现了，其实逻辑很简单，不过应用场景很少见而已【个人观点，仅供参考】…// ① 在网络请求方法里面搞两个axios实例。// 这里在根据实际情况，做出对应实例应用。// 在API网络请求的封装文件里面。// 创建 axios 实例。// 例如GET请求。
2024-05-17 14:46:37
1506
原创 今日分享【Vue3基础知识】
并且你会发现，它是**强制开启深度监视（deep:true），并且无法关闭。然而现在我们监视的是reactive定义的响应式数据的全部属性，是只监听其中的一个属性，那怎么办呢，可能大家会。
2024-05-16 11:23:08
4840
原创 今日分享【HTML5基础知识汇总】以及常见面试题
内容是建立网站的诱因，有的网站展示它，有的则收集它，有的寻求有的操作，还有的网站甚至会包含以上的种种，但相同点是它们全都涉及到内容。**脚本是否并行执行: **async屋性，表示后续文档的加载和执行与is脚本的加载和执行是并行进行的，即异步执行defer厘性，加载后续文档的过程和is脚本的加载(此时仅加载不执行)是并行进行的(异步)，is脚本需要等到文档所有元素解析完成之后才执行，DOMContentLoaded事件触发执行之前。**src:**表示对资源的引用，它指向的内容会嵌入到当前标签所在的位置。
2024-05-09 09:09:46
895
原创 今日分享【微信小程序中的福字灯笼】代码
一个左右摇摆的福字灯笼效果，3、写在最后：实现简单，勤于动手，不需要任何插件，你自己就可以纯手撸一个‘花里胡哨’的页面效果，一起来试试吧，粘贴复制即用哦hahaha。4、贴下自己的小程序，有很多花里胡哨的东西，喜欢可以扫码查看。
2024-05-07 10:07:59
602
原创 Vue项目中，使用高级表格vxe-table中的【vxe-grid】动态列之动态插槽
/ 动态插槽数据,这里的slot1 对应的就是columns数据里面的slot.default。// 可以添加更多的列配置。1、首先项目当中得安装了。// 可以添加更多的数据。
2024-04-09 11:55:52
3485
2
原创 vue3 使用reactive定义变量时，会出现数据变化，页面未更新渲染
vue3 使用reactive定义变量时，会出现数据变化，页面。他喵的，竟然发现，最后两种方案处理以上问题。将reactive更改为ref，问题就迎刃而解！
2023-03-23 11:07:40
2375
5
原创 关于Vue3 + antd vue引入iconfont报错的最终解决方案
我觉得，大概原因是这样【关于引入iconfont时出现的问题，可能是因为iconfont.js文件没有通过export default导出default对象】，所以可以这样去写，在使用时使用iconfont.default来获取default对象。那么今天它的处理方案出来了，无意间发现，可以这么写,但是好像也没有毛用，跟直接写文件地址一个diao样子啊。按照以上示例写完以后，你会神奇的发现，报一个错【引入本地文件，线上地址OK】，没法处理，晕死~~~即可轻松地使用已有项目中的图标。
2023-03-21 12:03:49
1948
原创 Vue或者Html快速实现文件夹上传
快速实现文件夹上传 webkitdirectory1、加上该属性后，点击上传效果，如下图：2、点击弹窗上传后，效果如下图：3、最后代码实现很简单： <input type='file' webkitdirectory/>
2022-04-08 10:02:14
677
原创 复杂数据处理 · 结构转换
9.1 Any ↔ 字符串在开发数据应用的时候，有大部分的数据都不会是由 JavaScript 或用户的操作实时生成的，更多的是直接从服务端的数据存储设施中提取出来，然后通过网络协议传输到客户端以用于展示。这样的话我们可以首先引入一个题外话，既然我们知道前端使用的数据大部分都需要通过网络协议从服务端传往前端，那这样一个传输过程就是抽象内容的编码和解编码的过程。而且在计算机科学中，通信协议基本上都是以字符串（或二进制）为基础承载数据结构，也就是说在一个服务端与客户端的通信架构中，会需要将各种数据结构首先转
2021-12-28 09:10:48
610
原创 优化首屏体验——Lazy-Load 初探
Lazy-Load 初相见Lazy-Load，翻译过来是“懒加载”。它是针对图片加载时机的优化：在一些图片量比较大的网站（比如电商网站首页，或者团购网站、小游戏首页等），如果我们尝试在用户打开页面的时候，就把所有的图片资源加载完毕，那么很可能会造成白屏、卡顿等现象，因为图片真的太多了，一口气处理这么多任务，浏览器做不到啊！但我们再想，用户真的需要这么多图片吗？不对，用户点开页面的瞬间，呈现给他的只有屏幕的一部分（我们称之为首屏）。只要我们可以在页面打开的时候把首屏的图片资源加载出来，用户就会认为页面是没
2021-12-18 05:30:00
567
原创 webpack 在VUE CLI 3 中的应用
构建基础篇：webpack 在 CLI 3 中的应用webpack 作为目前最流行的项目打包工具，被广泛使用于项目的构建和开发过程中，其实说它是打包工具有点大材小用了，我个人认为它是一个集前端自动化、模块化、组件化于一体的可拓展系统，你可以根据自己的需要来进行一系列的配置和安装，最终实现你需要的功能并进行打包输出。而在 Vue 的项目中，webpack 同样充当着举足轻重的作用，比如打包压缩、异步加载、模块化管理等等。如果你了解 webpack 那么相信本文会让你更了解其在 Vue 中的使用，如果你是一个
2021-12-17 08:59:39
1191
原创 Vue 具有数据校验功能的表单组件
具有数据校验功能的表单组件——Form之前有介绍了组件间的两种通信方法：provide / inject 和 dispatch / broadcast，前者是 Vue.js 内置的，主要用于子组件获取父组件（包括跨级）的状态；后者是自行实现的一种混合，用于父子组件（包括跨级）间通过自定义事件通信。本小节则基于这两种通信方法，来实现一个具有数据校验功能的表单组件——Form。Form 组件概览（以IView为例，antd UI、element UI 同理）表单类组件在项目中会大量使用，比如输入框（Inp
2021-12-16 09:00:20
1317
原创 推荐一个前端必备工具，有了它开发效率提升200%，堪称神器
拒绝重复工作前端页面的构建与调试，是每一个前端人都绕不过去的基本功。但是页面的构建与UI的还原工作往往是重复且繁杂的，在日常的开发工作中会占用我们大量的时间和精力。慢慢的，随着我们每个人技术水平的不断提升，页面的构建工作就会成为我们技术水平提升道路上的一大阻碍。大家都更希望把更多的时间和精力放在业务逻辑、功能优化、架构设计等等更深一步的前端技术领域上。所以我作为一名前端技术团队的管理者，也作为一名前端的开发人员。下定决心要帮助团队和自身去解决这个痛点。于是我带着这个问题进行了一系列的解决方案调研，直到我遇
2021-11-18 16:54:55
4277
3
原创 vue项目中使用Luckysheet 的简单方法
Luckysheet 官方体验Demo ，一款纯前端类似excel的在线表格，功能强大、配置简单、完全开源。开发环境Node.js Version >= 6引入方式① CDN<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/css/pluginsCss.css' /><link rel='stylesheet' href='https://cdn.jsdeliv
2021-11-17 11:14:58
5855
7
原创 vue中slot插槽的基本写法
vue中slot插槽的基本写法第一种：<template #actions="{ record }"> <a href="javascript:;" @click="handleCheck(record)">查看</a></template>第二种：<template slot='actions' slot-scope="text, record"> <a href="javascript:;" @click="h
2021-11-16 09:05:53
1087
node-v10.15.0.pkg
2020-04-10
"jodit": "^3.4.6",Vue中使用比较nice的富文本插件。。。
2020-12-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人