- 博客(37)
- 收藏
- 关注
RSS订阅
原创 小程序template传值
小程序template传值，我在新手期的时候比较难弄懂，之后自己去踩坑才明白，我把我知道的告诉大家。这是引入模板的源码。我们要怎么把值传到模板里面需要加上data，能知道的就是要传值否则很难直接引用。但是具体怎么引用我那时的想法就是不知道怎么传。如果传入又是怎么传的？第一个传的是单独的值，第二个传的就是数组的形式。首先从接口里面会拿到这个模板里所需要的东西。拿到了之后要怎么传进去，就是用这...
2019-03-05 13:51:23
1646
原创 从副驾驶到共生者：AI与机器人如何重塑人类未来图景
2021年，波士顿动力发布了一段视频，其机器人Atlas与一名工人合作完成建筑任务——机器人搬运重型横梁，工人进行精细安装。这段视频意外地成为了人机协作的经典隐喻：机器人发挥力量与精度的优势，人类贡献灵活性与适应力，共同完成了单一方无法企及的目标。人类文明史上的每一次技术飞跃，从轮子到蒸汽机，从计算机到互联网，最终都扩展而非缩减了人类的可能性。AI与机器人也不例外。它们带来的终极问题并非“机器能做什么”，而是“有了机器的帮助，人类能成为什么”。
2025-12-23 09:24:38
551
原创 “以小博大”：传统行业低成本融合AI的新范式
然而，对于许多资金、技术、人才储备相对薄弱的传统企业而言，“拥抱AI”往往意味着高昂的软硬件投入、漫长的实施周期和难以预测的投资回报，如同一座难以逾越的高山。这不仅能减少组织变革阻力，更能将人的经验智慧与AI的数据处理能力结合，实现“1+1>2”的效果。：利用成熟的AI生成工具，自动生成社交媒体文案、营销邮件、产品描述甚至简单的宣传海报，极大降低市场部门的内容创作成本与时间。：部署基于自然语言处理的智能客服机器人，处理大量重复的售前咨询、订单查询、预约服务等，使人工客服能专注于处理复杂、高价值的客户问题。
2025-12-22 11:51:57
189
原创 以装修队为喻：深入理解浏览器中的BOM
回顾全文，BOM作为浏览器对象模型，确实如同一个高效的装修工程队，与作为装修图纸的DOM各司其职，又紧密配合。DOM关注的是网页内容的内部结构与呈现，而BOM则负责与浏览器窗口本身进行交互。两者共同构成了前端开发的基础，使网页从静态文档进化为动态、交互式的应用。在实际开发中，我们通常需要综合运用BOM和DOM来完成复杂功能。例如，根据屏幕大小（BOM信息）调整页面布局（DOM操作），或在用户交互（BOM事件）后动态更新页面内容（DOM操作）。这种协同作业使得现代网页应用能够提供接近原生应用的流畅体验。
2025-11-12 13:39:47
751
原创 理解JavaScript原型与原型链：从共享巴士到城市交通网
回顾我们的核心比喻：概念比喻实际功能原型共享巴士系统存储共享方法和属性，节省资源原型链城市交通网络实现属性查找和继承机制构造函数巴士总站蓝图创建实例的工厂函数__proto__员工权限卡连接实例与原型的桥梁理解原型和原型链是掌握JavaScript面向对象编程的关键。这种机制虽然最初可能令人困惑，但一旦理解了其背后的设计哲学，你就会欣赏它的优雅和强大。正如一个高效的城市需要完善的交通网络，一个高质量的JavaScript程序也需要合理设计的原型链。
2025-11-06 09:44:50
613
原创 深入浅出：Vue 2 与 Vue 3 生命周期的对比与通俗理解
在我们的日常生活中，事物大都有其“生命周期”——从诞生、成长到消亡。想象一下种一棵树：首先需要准备种子和土壤（初始化），然后将树苗栽种到地里（挂载），接着它会长高、枝叶会更新（更新），最终可能被移走或枯死（卸载）。Vue 组件也是如此，理解它们的生命周期，能够帮助我们在合适的时机做正确的事。本文将用通俗易懂的方式，带你理解 Vue 2 和 Vue 3 生命周期的核心区别，让你能够轻松过渡到 Vue 3 的开发世界。简单来说，生命周期就是一个组件从“出生”到“死亡”的全过程。
2025-10-29 14:57:44
642
原创 队列：理解“先进先出”的数据结构及其广泛应用
队列是一种特殊的线性表，其限制是只允许在表的一端进行插入操作，而在另一端进行删除操作。这种结构确保了数据元素的处理顺序与它们进入队列的顺序完全一致，即第一个进入队列的元素将第一个被处理，最后一个进入的元素将最后一个被处理。在队列中，进行插入操作的一端称为队尾，进行删除操作的一端称为队头。当队列中没有任何元素时，我们称之为空队列。队列，这一看似简单的数据结构，凭借其“先进先出”的核心规则，在纷繁复杂的计算机世界中建立了一种可预测的秩序。
2025-10-24 11:03:58
854
原创 同步 vs 异步：从道路行车看程序设计的智慧
回到我们的道路行车比喻，同步就像单一车道，规则简单但通行效率低；异步则像立交桥系统，复杂度高但能显著提升通行效率。在实际开发中，选择同步还是异步取决于具体场景：对简单任务、需要即时反馈或强依赖关系的操作，同步更合适对I/O密集型、高并发或耗时较长的任务，异步能显著提升性能值得注意的是，现代复杂系统往往是同步与异步的混合体，根据不同的业务需求灵活选用合适的模式，才能构建出既高效又可靠的应用系统。
2025-10-23 14:50:50
703
原创 WebSocket详解：用“人与人的对话”讲透双工通信
本文用通俗易懂的对话类比讲解WebSocket技术原理。作者将客户端与服务端的连接比作两人对话：打招呼建立连接、send和message对应发送和接收消息、断开连接相当于对话结束。解释了心跳机制就像对话中确认对方是否专注，用ping/pong实现检测连接状态。最后将SSE(Server-Sent Events)比作老师单向授课的场景。全文通过生活化的比喻帮助读者轻松理解WebSocket的核心概念，包括连接建立、消息传递、心跳检测等机制。
2025-10-22 09:48:44
312
1
原创 webpack流程和原理图 一文搞懂，新颖通俗一点的理解方式
这篇文章用做晚餐的生动比喻来解释Webpack的打包流程：初始化阶段如同确定晚餐内容；编译阶段好比根据食材（入口文件）查找菜谱（loader）来制定菜单；封装阶段就像烹饪过程，包含代码分割和压缩（收汁分盘）；最后输出bundle文件相当于完成晚餐上桌。这种通俗易懂的类比让复杂的Webpack打包过程变得形象有趣，帮助读者轻松理解技术概念。作者还幽默地请求读者点赞支持。全文以生活化场景解析专业技术，既清晰又有趣。
2025-10-21 16:25:39
198
1
原创 AI 健康管家：重构健康管理的未来图景
在技术赋能与人文关怀的共振中，我们正站在一个全新健康时代的门槛 —— 在这里，每个人都能拥有专属的健康守护者，每个生命都能绽放更长久的光彩。姚树坤委员团队的试点数据显示，30% 的高血压患者在 AI 干预下实现不用药病情缓解，1/3 患者用药量减少，这种 “对因防治” 模式正在改写慢性病管理的成本逻辑。尽管前景广阔，AI 健康管家仍面临多重挑战。这个融合医学智慧与技术创新的数字伙伴，不仅是随身携带的健康顾问，更是推动医疗体系从 “疾病治疗” 向 “健康塑造” 转型的核心引擎。最后祝大家财源广进！
2025-08-11 08:45:22
460
原创 「双训智伴」：重构人犬协同的智能训练生态系统
当专业训犬师发现主人在家中完全无法复现课堂上的训练效果时 —— 这些场景揭示了一个被忽视的真相：犬类训练的本质是人与犬的双向学习，而现有工具往往只关注狗狗的行为矫正，却忽略了对主人的系统培养。通过动作捕捉技术，系统会生成双方的” 同步指数 "，并给出优化建议：当主人的指令手势与狗狗的注意力方向形成 45 度角时，配合效率最高；未来，随着脑机接口技术的发展，系统有望实现更深度的状态感知，但当前版本已通过现有技术达成了核心目标：让主人理解，训练不是对狗狗的 “改造”，而是与另一个生命建立有效沟通的过程。
2025-08-08 09:31:26
690
原创 构建科学有效的犬类训练系统：从混乱到和谐的成长之路
蓝色主色调+橙色点缀的设计，堪称"狗界哈佛"的视觉校训——深蓝传递专业权威（毕竟狗子们最吃"领袖气场"这一套），亮橙则像训练间隙奖励的小肉干，暗示"严肃但有趣"的教学氛围。这个网站最精妙之处，在于它把犬类训练包装成了"毛孩义务教育"——那些滚动动画是数字化的"手势指令"，FAQ折叠面板是永不厌烦的"重复训练"，而预约按钮就是终极的"零食奖励"。课程展示：从"拆家应急班"到"社交名媛养成课"的精准分级。专业资质用徽章式展示 → 人类版的"冠军犬血统证书"色彩心理学：从"服从训练"到"信任游戏"的视觉魔法。
2025-07-22 12:01:56
600
原创 宠物监控系统：当“云吸猫“变成“云监工“，铲屎官的终极科技救赎
这个监控系统本质上是一场"喵权"与"人权"的博弈——我们以为自己在监控宠物，其实宠物早就用尾巴投票掌控了所有注意力。未来建议增加"犯罪证据打包下载"功能，配上《今日说法》风格字幕：“2023年5月20日14时，犯罪嫌疑猫对纸巾实施惨无喵道的撕扯…预言一下：明年肯定会出"AI情绪识别"，当检测到宠物露出"三分讥笑三分薄凉四分漫不经心"的表情时，自动下单猫条求和。建议开发"老板键"功能：当检测到领导靠近时，自动切换成Excel表格界面，并给宠物打码成"待处理文件"。结语：科技终于让人类活成了猫的"智能家居"
2025-07-17 11:25:53
452
原创 从宠物食品点单网站看电商设计的“自然化”与“无压力消费”
其设计方法论不仅适用于宠物行业，对任何强调“健康属性”的电商（如有机食品、健身器材）都具有参考价值——在消费升级的时代，最好的转化策略是让用户感觉他们在为家人（而不仅是宠物）做明智的选择。在宠物经济蓬勃发展的今天，宠物食品消费已从单纯的“购买饲料”升级为“健康管理”的一部分。这一宠物餐点单网站的设计，不仅实现了基础的电商功能，更通过视觉策略、交互设计和信息架构，打造了一个符合现代消费者心理的“无压力购物体验”。这种色彩策略直接对标现代宠物主人的核心诉求——不再只是“喂饱”，而是“喂得健康”。
2025-07-16 11:09:09
393
原创 从宠物健康监护APP看移动端交互设计的温度与效率
该APP采用响应式布局，确保不同尺寸设备上的视觉一致性，但更值得关注的是其信息层级的设计——关键数据（如饥饿度、快乐值）被优先展示，而次要功能（如历史记录、健康趋势）则以可扩展的方式呈现。在宠物经济快速发展的今天，此类设计不仅适用于虚拟宠物管理，还可延伸至智能硬件（如智能喂食器、宠物摄像头）的交互优化，甚至为人类健康类APP提供灵感——毕竟，最好的科技体验，永远是那些既高效，又充满关怀的设计。社交化功能：增加宠物健康数据分享（如“本周运动量超过80%的同类宠物”），满足用户的社交需求。
2025-07-15 13:58:33
547
原创 从宠物医院预约系统设计看数字化服务的价值重构
更具创新性的是，通过Chart.js实现的动态数据看板，将抽象的服务能力转化为直观的可视化证据，这种"用数据说话"的方式，比传统的文字承诺更具说服力。特别值得关注的是，用户评价模块采用动态加载方式，既维持了页面性能，又创造了内容更新的感知，这种"活系统"的印象对建立持续信任至关重要。研究表明，在医疗场景中，适度的暖色调能显著降低用户的焦虑水平。宠物互动场景的视觉呈现不仅停留在美学层面，更构建了情感投射的通道——当用户看到医生与宠物互动的画面时，潜意识中已经完成了服务体验的预演。四、响应式设计的隐喻价值。
2025-07-14 10:47:11
558
原创 宠物医院网站设计：在专业与关爱之间构建数字信任
在宠物经济蓬勃发展的今天，宠物医院网站已从简单的信息展示平台进化为连接兽医专业服务与宠物主人情感需求的数字枢纽。这一设计案例展现了如何通过界面设计平衡医疗专业性与情感温度，创造既可信赖又充满关怀的数字体验。
2025-07-11 10:04:37
522
原创 碳交易平台：绿色金融的数字枢纽
在应对气候变化的全球行动中，碳交易平台正成为连接环保目标与经济活动的关键纽带。这一创新型网站不仅是一个交易场所，更是推动低碳转型的综合数字生态系统。
2025-07-10 08:49:31
437
原创 碳交易可视化大屏：数字时代的碳市场中枢神经系统
当某全国性碳市场将可视化大屏与自动交易系统对接后，市场流动性提升了28%——这揭示了此类平台的深层价值：优秀的可视化不仅是信息的呈现，更能改善市场运行质量。未来随着碳市场覆盖行业扩大和金融化程度加深，可视化大屏将进化成为碳市场的"数字孪生体"，在透明性提升、流动性增强、价格发现效率改善等方面发挥更核心的作用。在这个意义上，投资碳交易可视化系统，就是投资碳市场基础设施的未来。
2025-07-09 09:46:52
556
原创 碳足迹分析可视化大屏：从数据洞察到减排行动的智能桥梁
当某新能源企业将系统预测结果直接接入生产排程系统时，意外获得了8%的产能优化收益——这揭示了此类平台的深层价值：碳排放数据与其他业务数据的融合分析，往往能发现传统管理视角难以捕捉的系统性优化机会。这种集数据整合、智能分析和决策支持于一体的可视化平台，通过六个核心功能模块构建了完整的碳管理闭环，将抽象的碳排放数据转化为直观可操作的商业智能。一级分类：能源消耗（45°扇形）、交通运输（30°）、工业生产（20°）、农业活动（5%）三维评估：同时展示完成进度（长度）、实施质量（颜色深度）、投资回报率（顶部标记）
2025-07-08 09:51:56
1080
原创 碳排放数据实时监控可视化大屏：绿色管理的智能中枢
传统的碳排放统计方式往往存在滞后性、不透明等问题，而基于实时数据监控的可视化大屏技术，为企业、园区乃至城市提供了前所未有的碳管理能力。这种集数据采集、分析、预警与决策支持于一体的智能系统，正在成为绿色低碳发展的"数字大脑"。随着物联网感知层完善和AI算法进步，这类系统将实现从"看得见"到"看得懂"再到"会决策"的进化，最终成为碳中和目标的数字化基石。系统以5分钟级更新频率展示碳排放总量、排放强度（单位GDP或单位产品排放量）、减排量等核心指标，彻底改变了传统按月或季度统计的滞后模式。多终端样式自适应匹配。
2025-07-07 11:06:33
775
原创 碳足迹碳核算的实现
在Typeform设计碳数据收集表单，通过Zapier将数据导入Google Sheets，在Sheets中设置计算公式(使用预设公式)，连接Data Studio/Power BI生成可视化报告。Carbon Interface的嵌入式小工具，Ecologi碳计算器的嵌入代码，NativeEnergy的嵌入计算器。明确计算范围：先确定是计算组织碳足迹、产品碳足迹还是个人碳足迹，选择合适工具：根据您的行业和计算复杂度选择上述方案。EPA碳计算电子表格，GHG Protocol计算工具。
2025-07-03 08:59:42
373
原创 锂电池行业可视化的实现
锂电池行业可视化是通过数据可视化技术将锂电池产业链的复杂信息以直观、交互的方式呈现出来，帮助行业参与者更好地理解市场动态、技术发展和供应链情况。明确可视化目标和受众需求，建立统一的数据标准和接口，采用模块化设计便于更新扩展，注重移动端适配和响应式设计，定期更新数据和优化可视化效果。数据来源：行业报告和市场研究数据，企业财报和产能数据，专利数据库和技术文献，原材料价格和供应链数据，政府政策和法规信息。原材料(锂、钴、镍等)来源和价格走势，供应商网络和物流路线，库存水平和供需平衡分析。三、典型可视化应用场景。
2025-07-02 09:18:26
323
转载 如何解决更新开发者工具后报 module “app.js“ is not defined 的问题？
看到这个报错后，我第一反应是不是框架错，重新拉了一份代码测试啥的，重新运行，发现报错依旧。更新了多次开发者工具，发现还是不行。在他的评论区找到了这个解决方案，所以就照着解决了，我把js编译成ES5给关了就正常了，小记在此。以免后边自己重蹈覆辙！如何解决更新开发者工具后报 module “app.js” is not defined 的问题？而后我开始找别的解决方案啥的。在微信社区找解决方案，直到看到一篇名为。
2025-06-30 14:37:53
527
原创 碳排放网站的实现
碳排放指人类活动向大气中释放二氧化碳（CO₂）及其他温室气体（如甲烷、氮氧化物）的过程，主要来源于化石燃料燃烧、工业生产、农业活动等。政府层面：碳定价（碳税或碳交易）、补贴可再生能源、制定减排目标（如《巴黎协定》）。工业过程：钢铁、水泥、化工等行业在生产中直接排放CO₂，同时消耗大量能源。交通运输：汽车、飞机、船舶等依赖化石燃料的交通工具贡献约20%的碳排放。农业与土地利用：畜牧业（甲烷排放）、森林砍伐（碳汇减少）导致碳排放增加。个人层面：减少能源浪费、选择低碳饮食、参与碳补偿项目（如植树）。
2025-06-30 12:06:04
332
原创 在AI时代程序员怎么给自己减负
随着ai 的发展，是不是越来越多的朋友发现，现在这个时代下，公司越来越卷。而卷的公司，压力却重如泰山，那么我们应该怎么样利用ai ，为我们做更多重复造轮子的事情，把我们自己放出来。我发现有的是会使用ai 给自己写代码，如实习生这些完全依赖于ai，然后写出bug了。自己也解决不了，ps：没有贬低的意思，只是发现这个现象。那么这篇博文就用来讨论，看看各位都是怎么减负的，可以在评论区评论聊聊。
2025-06-30 08:57:17
96
原创 碳中和交易平台官网的实现
核心模块包括用户管理、配额登记、交易撮合、结算清算和监管报告。政策与法规框架 建立碳交易平台前需遵循国家或地区的碳排放权交易管理办法，明确交易主体、配额分配、监测报告与核查（MRV）等规则。需对接第三方核查机构，实现排放数据在线提交、核查与修正。交易机制实现 支持配额拍卖、协议转让、挂牌交易等模式。金融衍生品模块可包括碳期货、期权等产品。API与外部系统对接 提供标准化API接口与政府监管平台、银行结算系统、注册登记系统对接。碳交易平台的实现需要综合考虑政策法规、技术架构、数据管理和市场机制等多个方面。
2025-06-29 08:34:21
251
原创 nodejs express摸爬滚打篇：注册登录
注：本文做了一个简单的注册登录接口那么问题来了express要怎么样的写一个注册与登录接口this is a question（这是一个问题）我们先创建一个文件users.js放在route文件夹中在app.js中写入这两行代码，引入users.jsvar usersRouter = require('./routes/users');app.use('/users', usersRouter);然后我们启动 yarn dev或者你自己使用的启动命令接下去开始编写我们的代码先进行初始化
2022-02-16 12:10:23
624
原创 nodejs express摸爬滚打篇：express中使用mysql
express初入踩坑与使用mysql语句你是否有这种顾虑不想使用官方查询方式想直接使用mysql语句查询但是要如何做 this is a question（这是一个问题）我在近期验证成功express使用mysql的问题究竟能不能用，答案是能接下去我大致阐述我自己的使用历程和方法先下载mysqlyarn add mysql我这使用的是yarn 命令有的伙伴使用的是npm或cnpm都可下载。我目前主要使用的是yarn 我的运行命令都是以yarn为主接下去在modal层创建一个mys
2022-02-10 10:32:10
1480
1
原创 【麻烦制造者篇】1“export ‘createApp‘ was not found in ‘vue‘
"export ‘createApp’ was not found in ‘vue’问题制造者上线运行命令后"export ‘createApp’ was not found in 'vue’报错目前我所面临的问题是版本问题导致，所以把版本和写法统一后这问题自然也就解决了，我当时用的是vue2，但是这写法是vue3的写法，所以导致错误。写这个博客的原因是因为自己有的时候会有很多的问题发生，写下记录下解决问题的途径，方便自己再遇到这问题时直接找博客，也省的再次扎进这问题徘徊很久。也方便诸位，若有更多的
2022-01-11 18:07:40
5383
3
原创 markdown入坑1
markdown入坑1我曾经觉得markdown是一个很难掌握的事情原因是一门新语言又得费点事情估计有很多的深层操作直接放弃得了机缘在一次偶然的机会去学习了markdown，然后忽然发现，也就这样吧，一面看着教程一遍尝试。结果，真香学习markdown我个人建议是所有做这行也的人都会，因为markdown确实很有用，方便我们去做很多事情，比如写文档等等。这些都是非常有效的能帮助到我们自身。准备我使用的软件是typora，可根据自己喜好来还可以直接打开markdown的菜鸟教程
2022-01-11 15:04:42
177
原创 tp5踩坑之旅：路由的问题
刚入学tp5总是会有很多坑的出现，不断的踩。踩完输出知识。今天我所要输出的内容是路由。我新手刚入的时候完全不知道tp5的路由是干什么的。采完了一个坑之后我知道了作用。以及用法。我当前所能理解的是用于前端接口的调用。直接上图与代码这是api接口文件我暴露了一个接口名login以此为例目录如下我们看看路由的文件我的做法是先引入Route之后用ruleRoute::rule([前端调用的接口名称 =>接口的地址]);接口地址 ：文件名/控制器名也就是class类名/public方
2021-07-10 11:16:38
333
原创 elementui 侧框自适应
element-ui 侧框自适应先上代码<div class="left"> <el-row class="tac" style="height:100%"> <el-col style="height:100%"> <el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen"
2021-04-06 15:07:44
774
原创 小程序动画h5动画
我所用的动画h5的动画比较实用，而且也可以实现。比较简单的动画。.category{position:absolute;top:261rpx;-webkit-animation: all .5s ease-in-out;margin-left: -350rpx;left: 50%;}@-webkit-keyframes all {0% { -webkit-transform: t...
2019-03-15 18:17:12
730
原创 小程序点赞功能，虽然这样也能实行，但求更好的办法。
写小程序的点赞我是以一个比较简单的方法实现的，只是速度太慢，因为是先点赞接口，之后再请求数据的接口，我自己是感觉不太好，求更好的方法。马上代码奉上：thumbsup: function (e) {var _self = this;var id = e.currentTarget.dataset.id;func.isfabulous(id, 6, 1, function (data) {c...
2019-03-15 17:57:41
696
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人