各位代码大神们，注意啦！一年一度的三八妇女节将至~
在这个属于所有女性朋友的节日里，我们不仅要为身边的妈妈、妻子、女儿送上祝福，更要为代码世界里闪闪发光的她们打call ！
她们，在代码与数据的世界里，运用自己的智慧与细腻为行业发展注入独特能量。
她们，在各行各业的征程里，发挥自己的温暖与洞察为社会助力发展创新。
同时，她们更是我们微信开放社区不可或缺的力量，愿所有程序媛们在这专属的节日里绽放光彩，并在代码世界里持续书写辉煌篇章！
🔥 # 码上3·8，一起为程序媛打call # 话题活动火热开启！让我们向每一位在岗位上发光发热的程序媛致以最诚挚的祝福！
欢迎各位开发者们参与微信开放社区3.8话题活动~
参与方式：
1. 表白程序媛： 用代码编写一段祝福语、绘制一幅图案，向程序媛们表达你的敬意和祝福！
2. 分享你的故事： 分享你与程序媛合作的故事，或者你对女性开发者群体的看法和建议，让我们一起为她们加油鼓劲！
3. 围观点赞： 为你喜欢的评论或作品点赞、评论，一起为程序媛们打call！
即日起至 2025 年 03 月 11 日，在下方评论区分享你与你身边程序媛的故事或送上祝福，精选评论的用户将获得官方精美礼品一份。
# 码上3·8，一起为程序媛打call #
马上就是 3.8 妇女节了，让我来讲讲我和程序媛的趣味小故事。
首先是第一位程序媛小 Y，在某个项目中，我是前端开发，她是后端开发，我和她配合紧密，完成了很多个功能需求，一起解决了很多 bug。
有次我发现她换头像了，让我有种在和刘亦菲联调的感觉。
第二位程序媛是小 Z，有次我项目忙不过来，领导安排她从别的部门调过来临时支撑，。前面我和她仔细做了工作对接，对接还算顺利。
有天她告诉我想要跟部门领导请假，担心领导不同意，于是我就给她编造了个完美的借口。
第三位程序媛是 Eva，她对技术有热情，经常埋头钻研各种技术，也会经常分享自己的所见所闻。
有次我在研究腾讯云 HAI 的服务，遇到了一些问题，和她进行了一些探讨。在探讨的过程中，可以看到她是一位经验丰富的程序媛，有时候我遇到技术难题的时候，与她讨论往往会收获一些灵感。
第四位程序媛是一个优秀的姐姐杏子，她是某社区技术博主，曾在中厂任职，是一名前端负责人，无论是工作经历还是生活阅历都十分丰富。她喜欢写作，乐于分享自己的想法和心得，目前她创办了一个社群，鼓励大家每天积极打卡，一步步迈向自己的目标。下面是她的一段长文字分享，书写了她这么多年来的心路历程，很励志，很值得同行学习借鉴。
第五位程序媛也是位优秀的姐姐，网名缩写BS，是鹅厂的一名资深前端工程师。如果你是经常网上冲浪，能在各大平台看到她的身影。她不光坚持写技术博客，还出了技术书籍和课程。她的技术非常强，写的文章有态度有温度，如果你是一名程序媛，可以从她的经历中获得前行的力量。
去年 9 月份，我因参加腾讯全球数字大会去了深圳，晚上和她约了饭。很意外的是，她特意为我准备了礼物，还请我吃了饭。虽说是第一次见面，但吃饭的过程中，完全没有陌生的感觉，就像是与一个许久未见的好朋友在对话，不光可以聊技术，还可以聊生活。
第六位程序媛小妮，是我的好朋友。她经常向我请教技术问题，我也会很耐心的给她解答。以至于她不光是一名程序媛，还成了我的程序员鼓励师。
还有很多程序媛的故事，只言片语说不完。在我看来，程序媛是一个充满魅力且具有独特气质的群体，她们在代码的世界里里纵横驰骋，以女性特有的细腻迎接各种挑战，同时拥有着敏锐的逻辑思维能力，面对复杂问题时能剥丝抽茧，一步步找到问题的症结所在。她们不光在技术上表现出色，在生活方面也是丰富多彩，打破了人们对程序员传统性别的限制，用自己的努力和才华赢得了尊重和认可，成为了众多女性的榜样。
<!DOCTYPE html> <html> <head> <style> /* 粉色宇宙背景 */ body { background: linear-gradient(45deg, #FFB6C1, #FF69B4); height: 100vh; overflow: hidden; display: flex; justify-content: center; align-items: center; } /* 3D旋转爱心 */ .heart { position: relative; width: 100px; height: 90px; animation: beat 1.2s infinite; filter: drop-shadow(0 0 12px rgba(255,255,255,0.8)); } .heart::before, .heart::after { content: ''; position: absolute; width: 50px; height: 80px; background: #fff; border-radius: 50px 50px 0 0; } .heart::before { left: 50px; transform: rotate(-45deg); transform-origin: 0 100%; } .heart::after { left: 0; transform: rotate(45deg); transform-origin: 100% 100%; } /* 祝福文字容器 */ .greeting { position: absolute; text-align: center; color: white; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); } /* 樱花飘落动画 */ .sakura { position: absolute; width: 20px; height: 20px; opacity: 0.8; animation: fall linear infinite; } @keyframes beat { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } @keyframes fall { to { transform: translateY(100vh) rotate(360deg); } } </style> </head> <body> <div class="heart"></div> <div class="greeting"> <h1>👩💻 Happy 3·8 Women's Day!</h1> <p id="dynamicText">// 愿你的代码如诗般优雅</p> </div> <script> // 动态祝福语库（可自由扩展） const messages = [ "BUG退散，灵感如泉涌 💡", "console.log('永远年轻，永远热泪盈眶') 🚀", "npm install success && 人生无error ✨", "git push你的闪耀人生 🌟", "愿你的发量与代码质量成正比 👩🦱", "/* 不被定义的美，不被局限的创造力 */ 🎨", "async/await 世间所有美好 🌸" ]; // 动态更新文字 let index = 0; setInterval(() => { document.getElementById('dynamicText').innerHTML = messages[index++ % messages.length]; }, 2000); // 生成樱花动画 setInterval(createSakura, 300); function createSakura() { const sakura = document.createElement('div'); sakura.className = 'sakura'; sakura.style.left = Math.random() * 100 + 'vw'; sakura.style.animationDuration = Math.random() * 3 + 5 + 's'; sakura.innerHTML = '🌸'; document.body.appendChild(sakura); setTimeout(() => sakura.remove(), 5000); } </script> </body> </html>复制到网页控制台可用
(() => { const style = document.createElement('style'); style.textContent = ` .falling-item { position: fixed;font-size: 24px; animation: fall linear infinite;user-select: none; z-index:999;white-space: nowrap;top: -50px; } @keyframes fall { 0% { transform: translateY(0) rotate(0deg); } 100% { transform: translateY(110vh) rotate(360deg); } } `; document.head.appendChild(style); const items = [ { text: '🌸', weight: 20, type: 'emoji' }, { text: '💻', weight: 3, type: 'emoji' }, { text: '🩷', weight: 5, type: 'emoji' }, { text: '女神节快乐！', weight: 2, type: 'text' }, { text: '打破刻板印象', weight: 2, type: 'text' }, { text: '出色的程序媛', weight: 2, type: 'text' }, ]; const warmColors = ['#FF6F61', '#FFA07A', '#FFD700', '#FF69B4', '#FF4500', '#FF8C00', '#FF6347', '#FFA500']; function getRandomItem() { const totalWeight = items.reduce((sum, item) => sum + item.weight, 0); let random = Math.random() * totalWeight; for (const item of items) { if (random < item.weight) return item; random -= item.weight; } } function getRandomWarmColor() { return warmColors[Math.floor(Math.random() * warmColors.length)]; } function createFallingItems() { const numItems = 100; for (let i = 0; i < numItems; i++) { const item = document.createElement('div'); item.className = 'falling-item'; const selectedItem = getRandomItem(); item.textContent = selectedItem.text; if (selectedItem.type === 'text') { item.style.color = getRandomWarmColor(); } item.style.left = `${Math.random() * 100}vw`; item.style.animationDuration = `${Math.random() * 5 + 5}s`; item.style.animationDelay = `${Math.random() * 5}s`; item.style.fontSize = `${Math.random() * 20 + 16}px`; item.style.opacity = Math.random() * 0.8 + 0.3; document.body.appendChild(item); } } function consoleMessage() { const styles = [ 'color: #ff69b4', 'font-size: 18px', 'font-weight: bold', 'font-family: Arial, sans-serif', 'text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1)', 'padding: 10px', 'border-radius: 5px', 'background: linear-gradient(90deg, #ff9a9e, #fad0c4)', 'display: inline-block' ].join(';'); const message = `🌸 祝所有出色的女性程序员妇女节快乐！ 🌸 不断打破障碍，编写出色的代码，激励世界！ 💻✨ 你们是现实生活中科技世界的超级英雄！ 💪👩💻`; console.log(`%c${message}`, styles); } createFallingItems(); consoleMessage(); })();
console.log(` ########:'##::::'##: ##.....:: ##:::: ##: ##::::::: ##:::: ##: ######::: ##:::: ##: ##...:::: ##:::: ##: ##::::::: ##:::: ##: ##:::::::. #######:: ..:::::::::.......::: `)佩服也是FU。我有一位超厉害的女同事，在年前为了紧急版本的修复，连续加了3个通宵，这其中的艰辛，常人难以想象，这种精神让我打心底的佩服。
祝福的话就来点实在的，祝各位抽奖必中，买彩P必中大奖！
「码」上有爱 ❤️ 送给最美程序媛的祝福！
index.wxml：
<navigation-bar title="「码」上有爱 ❤️" back="{{false}}" color="white" background="#ff69b4"></navigation-bar> <view class="container"> <canvas type="2d" id="heartCanvas" class="canvas"></canvas> <view class="blessing"> <text>{{message}}</text> </view> </view>index.wxss：
.container { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; background: linear-gradient(135deg, #fff5f8 0%, #ffe4f1 100%); } .canvas { width: 300px; height: 300px; margin-bottom: 30px; } .blessing { font-size: 18px; color: #e91e63; text-align: center; font-weight: bold; padding: 20px; background: rgba(255, 255, 255, 0.8); border-radius: 15px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); animation: float 3s ease-in-out infinite; } @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0px); } }index.js
Page({ data: { message: "❤️ 祝所有程序媛们代码无 bug，编译无报错，生活永远高效而美好！💖", scale: 8, angle: 0 }, async onLoad() { try { const sysInfo = await wx.getSystemInfo(); const query = wx.createSelectorQuery(); query.select('#heartCanvas') .fields({ node: true, size: true }) .exec((res) => { const canvas = res[0].node; const ctx = canvas.getContext('2d'); // 设置canvas尺寸 const dpr = sysInfo.pixelRatio; canvas.width = res[0].width * dpr; canvas.height = res[0].height * dpr; ctx.scale(dpr, dpr); this.canvas = canvas; this.ctx = ctx; this.startAnimation(); }); } catch (error) { console.error('获取系统信息失败：', error); } }, startAnimation() { const animate = () => { this.setData({ angle: (this.data.angle + 1) % 360 }); this.drawHeart(); this.animationTimer = this.canvas.requestAnimationFrame(animate); }; animate(); }, drawHeart() { const ctx = this.ctx; const scale = this.data.scale; const points = []; const centerX = 150; const centerY = 150; // 清除画布 ctx.clearRect(0, 0, 300, 300); // 创建渐变色 const gradient = ctx.createLinearGradient(0, 0, 300, 300); gradient.addColorStop(0, '#ff69b4'); gradient.addColorStop(0.5, '#ff1493'); gradient.addColorStop(1, '#ff69b4'); // 生成爱心曲线点集 for (let t = 0; t < Math.PI * 2; t += 0.05) { const x = 16 * Math.pow(Math.sin(t), 3); const y = 13 * Math.cos(t) - 5 * Math.cos(2 * t) - 2 * Math.cos(3 * t) - Math.cos(4 * t); // 添加旋转效果 const rotatedX = x * Math.cos(this.data.angle * Math.PI / 180) - y * Math.sin(this.data.angle * Math.PI / 180); const rotatedY = x * Math.sin(this.data.angle * Math.PI / 180) + y * Math.cos(this.data.angle * Math.PI / 180); points.push({ x: rotatedX * scale + centerX, y: -rotatedY * scale + centerY }); } // 绘制爱心 ctx.save(); ctx.fillStyle = gradient; ctx.shadowColor = 'rgba(255, 105, 180, 0.5)'; ctx.shadowBlur = 10; ctx.shadowOffsetX = 0; ctx.shadowOffsetY = 0; ctx.beginPath(); ctx.moveTo(points[0].x, points[0].y); points.forEach(p => ctx.lineTo(p.x, p.y)); ctx.closePath(); ctx.fill(); ctx.restore(); // 添加闪光效果 const time = Date.now() / 1000; ctx.fillStyle = `rgba(255, 255, 255, ${Math.sin(time) * 0.2 + 0.2})`; ctx.beginPath(); ctx.moveTo(points[0].x, points[0].y); points.forEach(p => ctx.lineTo(p.x, p.y)); ctx.closePath(); ctx.fill(); }, onUnload() { if (this.animationTimer) { this.canvas.cancelAnimationFrame(this.animationTimer); } } });代码片段：https://developers.weixin.qq.com/s/4CU4pxm47aYE
```javascript const message = ` 🎉 祝福所有程序媛们 🎉 你们是科技的女神，代码的艺术家！ 希望你们每天都能拥有无限灵感和无尽动力， 在编程的世界中创造出更多的精彩！ 💻 `; console.log("%c" + message, "font-family: monospace; font-size: 14px; color: #2e86c1;"); // 绘制心形图案 const heartShape = ` ****** ****** ********** ********** *********************** ********************* ***************** ************* ********** ****** ** `; console.log("%c" + heartShape, "font-family: monospace; color: red; font-size: 14px;"); ```🔥 # 码上3·8，一起为程序媛打call #
"生活美满，人间情长",
"青春常驻，笑靥芬芳",
"代码如意，心境清朗",
"爱意盈怀，喜乐无疆",
"时光温婉，自在安康",
"福泽满途，笑语悠扬",
"慧心巧思，岁月流芳"
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>女神节祝福</title> <style> /* 符合女神气质的背景色 */ body { background: linear-gradient(135deg, #FFB6C1, #FF8C94); height: 100vh; overflow: hidden; display: flex; justify-content: center; align-items: center; margin: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } /* 祝福文字容器 */ .greeting { position: absolute; text-align: center; color: white; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); z-index: 1; } /* 五彩爱心飘落动画 */ .falling-heart { position: absolute; width: 25px; height: 25px; opacity: 0.9; animation: fallToCenter linear infinite; user-select: none; } /* 气球动画 */ .balloon { position: absolute; width: 30px; height: 40px; opacity: 0.9; animation: fallToCenter linear infinite; user-select: none; } @keyframes fallToCenter { to { transform: translate(calc(50vw - 50%), calc(50vh - 50%)) rotate(720deg); } } /* 跑马灯效果 */ .marquee { width: 100%; white-space: nowrap; overflow: hidden; box-sizing: border-box; } .marquee p { display: inline-block; padding-left: 100%; animation: marquee 15s linear infinite; } @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } </style> </head> <body> <div class="greeting"> <h1 id="dynamicTitle">女神节快乐！</h1> <div class="marquee"> <p id="dynamicText">道阻且长，行则将至；行而不辍，未来可期</p> </div> </div> <script> // 道家8字诗句祝福语库 const titleMessages = [ "女神节快乐！", "愿你青春永驻！", "生活甜如蜜！", "代码超厉害！", "每天都开心！" ]; const messages = [ "生活美满，人间情长", "青春常驻，笑靥芬芳", "代码如意，心境清朗", "爱意盈怀，喜乐无疆", "时光温婉，自在安康", "福泽满途，笑语悠扬", "慧心巧思，岁月流芳" ]; // 动态更新 h1 文字 let titleIndex = 0; const dynamicTitle = document.getElementById('dynamicTitle'); function updateTitle() { dynamicTitle.textContent = titleMessages[titleIndex++ % titleMessages.length]; } setInterval(updateTitle, 3000); // 动态更新 p 文字 let index = 0; const dynamicText = document.getElementById('dynamicText'); function updateMessage() { dynamicText.textContent = messages[index++ % messages.length]; } setInterval(updateMessage, 3000); // 颜色数组 const colors = ['red', 'orange', 'yellow', 'green', 'blue', 'indigo', 'violet']; // 生成五彩爱心动画 function createFallingHeart() { const fallingHeart = document.createElement('div'); fallingHeart.className = 'falling-heart'; fallingHeart.style.left = Math.random() * 100 + 'vw'; fallingHeart.style.top = Math.random() * 100 + 'vh'; fallingHeart.style.animationDuration = Math.random() * 5 + 7 + 's'; const randomColorIndex = Math.floor(Math.random() * colors.length); fallingHeart.style.color = colors[randomColorIndex]; fallingHeart.textContent = '💖'; document.body.appendChild(fallingHeart); setTimeout(() => fallingHeart.remove(), 12000); } setInterval(createFallingHeart, 250); // 生成气球动画 function createBalloon() { const balloon = document.createElement('div'); balloon.className = 'balloon'; balloon.style.left = Math.random() * 100 + 'vw'; balloon.style.top = Math.random() * 100 + 'vh'; balloon.style.animationDuration = Math.random() * 5 + 7 + 's'; const randomColorIndex = Math.floor(Math.random() * colors.length); balloon.style.color = colors[randomColorIndex]; balloon.textContent = '🎈'; document.body.appendChild(balloon); setTimeout(() => balloon.remove(), 12000); } setInterval(createBalloon, 350); </script> </body> </html>故事分享：曾与一位程序媛合作开发医疗类小程序，她让我深刻感受到女性开发者的独特优势：在UI交互设计中，她总能发现大部分开发者容易忽略的体验细节（比如按钮点击态的颜色渐变过渡）由此我经常被说，色盲，无审美。
不墨迹上代码
<!-- index.wxml --> <view class="container"> <view class="heart-beat"></view> <view class="blessing-text"> <text class="line">致伟大的程序媛：</text> <text class="line">代码如诗，逻辑如画</text> <text class="line">你们用键盘编织数字世界的温柔</text> <text class="line">愿每个bug轻松解决</text> <text class="line">每个需求优雅实现</text> <text class="line">❤ 女神节快乐！ ❤</text> </view> </view> /* index.wxss */ .container { height: 100vh; background: #ffe6f2; display: flex; flex-direction: column; align-items: center; padding-top: 100rpx; } .heart-beat { width: 200rpx; height: 200rpx; background: #ff3366; position: relative; transform: rotate(45deg); animation: heartbeat 1.2s infinite; margin-bottom: 60rpx; } .heart-beat::before, .heart-beat::after { content: ''; width: 200rpx; height: 200rpx; background: #ff3366; border-radius: 50%; position: absolute; } .heart-beat::before { top: -100rpx; left: 0; } .heart-beat::after { top: 0; left: -100rpx; } @keyframes heartbeat { 0% { transform: rotate(45deg) scale(1); } 50% { transform: rotate(45deg) scale(1.2); } 100% { transform: rotate(45deg) scale(1); } } .blessing-text { background: linear-gradient(45deg, #ff3366, #ff6699); -webkit-background-clip: text; color: transparent; text-align: center; line-height: 1.8; font-size: 32rpx; text-shadow: 2rpx 2rpx 4rpx rgba(0,0,0,0.1); }public class GoddessDay { public static void main(String[] args) { String[] wishes = { "Ctrl+S 保存你的美丽", "// 注释掉所有烦恼", "while(true) { you.beAwesome(); }", "System.out.println(\"咖啡无限续杯！\");" }; System.out.println("🎉 女神节快乐，程序媛小姐姐！"); System.out.println("🖥️━★ 今日魔法代码生效 ★━🖱️"); for (int i=0; i<wishes.length; i++) { System.out.println("❤️ " + wishes[i].replaceAll(".(?=.)", "$0\s") + " ".repeat(i+1) + "✦".repeat(i*2+1)); } System.out.println("✨ 愿：0 warning 0 error，快乐永驻内存 ✨"); } }祝福所有的女性朋友们女神节快乐！
程序猿的爱情故事