二进制诗篇
二进制诗篇
前端开发工程师
2026/2/4 3:18:03
15分钟阅读
1,245 次浏览
React 18 新特性
前端开发 React TypeScript

文章摘要

文章不存在

相关文章

深圳网站建设商wordpress <title>
前端
深圳网站建设商wordpress <title> 2026/2/4 3:17:08

深圳网站建设商wordpress </h3> </a> <p class="text-gray-600 mb-3 text-sm line-clamp-2"> Synology_HDD_db实战指南&#xff1a;突破群晖NAS硬盘兼容性壁垒 【免费下载链接】Synology_HDD_db 项目地址: https://gitcode.com/GitHub_Trending/sy/Synology_HDD_db 还在为群晖NAS对第三方硬盘的严格限制而困扰吗&#xff1f;Synology_HDD_db正是您需要的解决方案… </p> <div class="flex items-center justify-between mt-auto"> <a href="/news/2406551" class="text-primary hover:underline"> 阅读全文 <i class="fa fa-angle-right ml-1"></i> </a> </div> </div> </div> </article> <article class="bg-white rounded-xl overflow-hidden shadow-sm card-hover h-[180px]" data-aos="fade-up" data-aos-delay="100"> <div class="md:flex"> <div class="md:w-1/3 h-48 md:h-auto bg-gradient-to-br from-blue-400 to-purple-500 relative overflow-hidden"> <img src="http://pic.xiahunao.cn/yaotu/动态照片素材网站做网站要备案吗" alt="动态照片素材网站做网站要备案吗" class="w-full h-full object-cover mix-blend-overlay opacity-80"> <div class="absolute top-3 right-3"> <span class="tag bg-primary">前端</span> </div> </div> <div class="p-4 md:w-2/3 flex flex-col h-full"> <div class="flex items-center mb-3"> <img src="/templates/博客003/images/touxiang.jpeg" alt="动态照片素材网站做网站要备案吗" class="w-8 h-8 rounded-full mr-2"> <span class="text-sm text-gray-500">2026/2/4 3:16:05</span> </div> <a href="/news/2406405" class="block"> <h3 class="text-base font-bold mb-2 hover:text-primary cursor-pointer transition-colors line-clamp-1"> 动态照片素材网站做网站要备案吗 </h3> </a> <p class="text-gray-600 mb-3 text-sm line-clamp-2"> 终极微信消息自动转发工具完整使用教程&#xff1a;告别手动操作烦恼 【免费下载链接】wechat-forwarding 在微信群之间转发消息 项目地址: https://gitcode.com/gh_mirrors/we/wechat-forwarding 还在为微信群消息转发而烦恼吗&#xff1f;wechat-forwarding这款强大的… </p> <div class="flex items-center justify-between mt-auto"> <a href="/news/2406405" class="text-primary hover:underline"> 阅读全文 <i class="fa fa-angle-right ml-1"></i> </a> </div> </div> </div> </article> <article class="bg-white rounded-xl overflow-hidden shadow-sm card-hover h-[180px]" data-aos="fade-up" data-aos-delay="100"> <div class="md:flex"> <div class="md:w-1/3 h-48 md:h-auto bg-gradient-to-br from-blue-400 to-purple-500 relative overflow-hidden"> <img src="http://pic.xiahunao.cn/yaotu/免费源码网站天惠州网站建设 熊掌号" alt="免费源码网站天惠州网站建设 熊掌号" class="w-full h-full object-cover mix-blend-overlay opacity-80"> <div class="absolute top-3 right-3"> <span class="tag bg-primary">前端</span> </div> </div> <div class="p-4 md:w-2/3 flex flex-col h-full"> <div class="flex items-center mb-3"> <img src="/templates/博客003/images/touxiang.jpeg" alt="免费源码网站天惠州网站建设 熊掌号" class="w-8 h-8 rounded-full mr-2"> <span class="text-sm text-gray-500">2026/2/4 3:15:03</span> </div> <a href="/news/2406259" class="block"> <h3 class="text-base font-bold mb-2 hover:text-primary cursor-pointer transition-colors line-clamp-1"> 免费源码网站天惠州网站建设 熊掌号 </h3> </a> <p class="text-gray-600 mb-3 text-sm line-clamp-2"> 目录&#xff1a; 博主介绍&#xff1a; 完整视频演示&#xff1a; 系统技术介绍&#xff1a; 后端Java介绍 前端框架Vue介绍 具体功能截图&#xff1a; 部分代码参考&#xff1a; Mysql表设计参考&#xff1a; 项目测试&#xff1a; 项目论文&#xff1a;​ 为… </p> <div class="flex items-center justify-between mt-auto"> <a href="/news/2406259" class="text-primary hover:underline"> 阅读全文 <i class="fa fa-angle-right ml-1"></i> </a> </div> </div> </div> </article> <article class="bg-white rounded-xl overflow-hidden shadow-sm card-hover h-[180px]" data-aos="fade-up" data-aos-delay="100"> <div class="md:flex"> <div class="md:w-1/3 h-48 md:h-auto bg-gradient-to-br from-blue-400 to-purple-500 relative overflow-hidden"> <img src="http://pic.xiahunao.cn/yaotu/浏览器老是出现站长工具济宁网站设计" alt="浏览器老是出现站长工具济宁网站设计" class="w-full h-full object-cover mix-blend-overlay opacity-80"> <div class="absolute top-3 right-3"> <span class="tag bg-primary">前端</span> </div> </div> <div class="p-4 md:w-2/3 flex flex-col h-full"> <div class="flex items-center mb-3"> <img src="/templates/博客003/images/touxiang.jpeg" alt="浏览器老是出现站长工具济宁网站设计" class="w-8 h-8 rounded-full mr-2"> <span class="text-sm text-gray-500">2026/2/4 3:14:00</span> </div> <a href="/news/2406113" class="block"> <h3 class="text-base font-bold mb-2 hover:text-primary cursor-pointer transition-colors line-clamp-1"> 浏览器老是出现站长工具济宁网站设计 </h3> </a> <p class="text-gray-600 mb-3 text-sm line-clamp-2"> 如何在5分钟内完成umi项目部署&#xff1a;面向新手的完整实战指南 【免费下载链接】umi A framework in react community ✨ 项目地址: https://gitcode.com/gh_mirrors/umi8/umi umi作为React社区中备受推崇的前端框架&#xff0c;以其简洁的配置和强大的功能帮助开发… </p> <div class="flex items-center justify-between mt-auto"> <a href="/news/2406113" class="text-primary hover:underline"> 阅读全文 <i class="fa fa-angle-right ml-1"></i> </a> </div> </div> </div> </article> <article class="bg-white rounded-xl overflow-hidden shadow-sm card-hover h-[180px]" data-aos="fade-up" data-aos-delay="100"> <div class="md:flex"> <div class="md:w-1/3 h-48 md:h-auto bg-gradient-to-br from-blue-400 to-purple-500 relative overflow-hidden"> <img src="http://pic.xiahunao.cn/yaotu/品牌网站建设解决方案wordpress防站教程" alt="品牌网站建设解决方案wordpress防站教程" class="w-full h-full object-cover mix-blend-overlay opacity-80"> <div class="absolute top-3 right-3"> <span class="tag bg-primary">前端</span> </div> </div> <div class="p-4 md:w-2/3 flex flex-col h-full"> <div class="flex items-center mb-3"> <img src="/templates/博客003/images/touxiang.jpeg" alt="品牌网站建设解决方案wordpress防站教程" class="w-8 h-8 rounded-full mr-2"> <span class="text-sm text-gray-500">2026/2/4 3:12:57</span> </div> <a href="/news/2405967" class="block"> <h3 class="text-base font-bold mb-2 hover:text-primary cursor-pointer transition-colors line-clamp-1"> 品牌网站建设解决方案wordpress防站教程 </h3> </a> <p class="text-gray-600 mb-3 text-sm line-clamp-2"> Kotaemon岗位说明书编写&#xff1a;职责清晰界定 在企业智能化转型的浪潮中&#xff0c;越来越多团队开始构建基于大语言模型&#xff08;LLM&#xff09;的智能对话系统。然而&#xff0c;从一个能“聊天”的原型到真正可上线、可维护、可持续迭代的生产级应用之间&#xff0… </p> <div class="flex items-center justify-between mt-auto"> <a href="/news/2405967" class="text-primary hover:underline"> 阅读全文 <i class="fa fa-angle-right ml-1"></i> </a> </div> </div> </div> </article> <article class="bg-white rounded-xl overflow-hidden shadow-sm card-hover h-[180px]" data-aos="fade-up" data-aos-delay="100"> <div class="md:flex"> <div class="md:w-1/3 h-48 md:h-auto bg-gradient-to-br from-blue-400 to-purple-500 relative overflow-hidden"> <img src="http://pic.xiahunao.cn/yaotu/加油站网站建设湖南省建设厅网站首页" alt="加油站网站建设湖南省建设厅网站首页" class="w-full h-full object-cover mix-blend-overlay opacity-80"> <div class="absolute top-3 right-3"> <span class="tag bg-primary">前端</span> </div> </div> <div class="p-4 md:w-2/3 flex flex-col h-full"> <div class="flex items-center mb-3"> <img src="/templates/博客003/images/touxiang.jpeg" alt="加油站网站建设湖南省建设厅网站首页" class="w-8 h-8 rounded-full mr-2"> <span class="text-sm text-gray-500">2026/2/4 3:11:53</span> </div> <a href="/news/2405821" class="block"> <h3 class="text-base font-bold mb-2 hover:text-primary cursor-pointer transition-colors line-clamp-1"> 加油站网站建设湖南省建设厅网站首页 </h3> </a> <p class="text-gray-600 mb-3 text-sm line-clamp-2"> LobeChat现代化架构详解&#xff1a;基于Next.js的高性能聊天应用框架 在AI助手迅速渗透日常生活的今天&#xff0c;用户早已不满足于“能对话”的机器人——他们期待的是反应迅速、功能丰富、安全可控且体验流畅的智能交互系统。然而&#xff0c;尽管大语言模型&#xff08;LL… </p> <div class="flex items-center justify-between mt-auto"> <a href="/news/2405821" class="text-primary hover:underline"> 阅读全文 <i class="fa fa-angle-right ml-1"></i> </a> </div> </div> </div> </article> </div> </div> </div> </div> </div> </div> </div> </main> <!-- 底部导航 --> <footer class="bg-white border-t border-gray-200 py-4"> <div class="max-w-4xl mx-auto px-4"> <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8"> <div> <div class="flex items-center space-x-2 mb-4"> <i class="fa fa-code text-primary text-2xl"></i> <span class="text-xl font-bold bg-gradient-to-r from-primary to-secondary text-gradient">二进制诗篇</span> </div> <p class="text-gray-600 mb-4"> 程序员的知识分享社区,探索编程的无限可能。 </p> <div class="flex space-x-4"> <a href="https://github.com" target="_blank" class="text-gray-400 hover:text-primary transition-colors"> <i class="fa fa-github text-xl"></i> </a> <a href="https://github.com" target="_blank" class="text-gray-400 hover:text-primary transition-colors"> <i class="fa fa-twitter text-xl"></i> </a> <a href="https://github.com" target="_blank" class="text-gray-400 hover:text-primary transition-colors"> <i class="fa fa-linkedin text-xl"></i> </a> <a href="https://github.com" target="_blank" class="text-gray-400 hover:text-primary transition-colors"> <i class="fa fa-youtube-play text-xl"></i> </a> </div> </div> <div> <h3 class="font-bold mb-4">内容分类</h3> <ul class="space-y-2"> <li><a href="/category/frontend.html" class="text-gray-600 hover:text-primary">前端开发</a></li> <li><a href="/category/backend.html" class="text-gray-600 hover:text-primary">后端开发</a></li> <li><a href="/category/mobile.html" class="text-gray-600 hover:text-primary">移动开发</a></li> </ul> </div> <div> <h3 class="font-bold mb-4">快速链接</h3> <ul class="space-y-2"> <li><a href="/index.html" class="text-gray-600 hover:text-primary">首页</a></li> <li><a href="/news.html" class="text-gray-600 hover:text-primary">博客文章</a></li> <li><a href="/contact.html" class="text-gray-600 hover:text-primary">联系我</a></li> </ul> </div> <div> <h3 class="font-bold mb-4">联系我</h3> <ul class="space-y-2"> <li class="flex items-center space-x-2 text-gray-600"> <i class="fa fa-envelope"></i> <span>zhang@example.com</span> </li> <li class="flex items-center space-x-2 text-gray-600"> <i class="fa fa-github"></i> <span>github.com/zhangdev</span> </li> <li class="flex items-center space-x-2 text-gray-600"> <i class="fa fa-map-marker"></i> <span>北京市朝阳区</span> </li> </ul> </div> </div> <div class="border-t border-gray-200 pt-6 text-center text-gray-500 text-sm"> <p>© 2024 二进制诗篇的编程博客. 保留所有权利.</p> </div> </div> </footer> <!-- 移动端底部导航 --> <div class="fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 md:hidden z-40"> <div class="flex justify-around"> <a href="/index.html" class="flex flex-col items-center py-2 text-gray-500 hover:text-primary"> <i class="fa fa-home text-xl"></i> <span class="text-xs mt-1">首页</span> </a> <a href="/news.html" class="flex flex-col items-center py-2 text-primary"> <i class="fa fa-file-text-o text-xl"></i> <span class="text-xs mt-1">博客</span> </a> <a href="/projects.html" class="flex flex-col items-center py-2 text-gray-500 hover:text-primary"> <i class="fa fa-folder-o text-xl"></i> <span class="text-xs mt-1">项目</span> </a> <a href="/about.html" class="flex flex-col items-center py-2 text-gray-500 hover:text-primary"> <i class="fa fa-user text-xl"></i> <span class="text-xs mt-1">关于我</span> </a> </div> </div> <!-- 返回顶部按钮 --> <button id="back-to-top" class="fixed bottom-20 right-6 bg-primary text-white w-10 h-10 rounded-full flex items-center justify-center shadow-lg opacity-0 invisible transition-all duration-300 z-50"> <i class="fa fa-arrow-up"></i> </button> <script> document.addEventListener('DOMContentLoaded', function() { AOS.init({ duration: 800, easing: 'ease-in-out', once: true }); const menuToggle = document.getElementById('menu-toggle'); const mobileMenu = document.getElementById('mobile-menu'); menuToggle.addEventListener('click', function() { mobileMenu.classList.toggle('hidden'); const icon = menuToggle.querySelector('i'); if (mobileMenu.classList.contains('hidden')) { icon.classList.remove('fa-times'); icon.classList.add('fa-bars'); } else { icon.classList.remove('fa-bars'); icon.classList.add('fa-times'); } }); const backToTopButton = document.getElementById('back-to-top'); window.addEventListener('scroll', function() { if (window.pageYOffset > 300) { backToTopButton.classList.remove('opacity-0', 'invisible'); backToTopButton.classList.add('opacity-100', 'visible'); } else { backToTopButton.classList.remove('opacity-100', 'visible'); backToTopButton.classList.add('opacity-0', 'invisible'); } }); backToTopButton.addEventListener('click', function() { window.scrollTo({ top: 0, behavior: 'smooth' }); }); const likeButton = document.getElementById('like-button'); const likeCount = document.getElementById('like-count'); let isLiked = false; likeButton.addEventListener('click', function() { const currentCount = parseInt(likeCount.textContent); const icon = likeButton.querySelector('i'); if (isLiked) { likeCount.textContent = currentCount - 1; icon.classList.remove('fa-heart', 'text-red-500'); icon.classList.add('fa-heart-o'); } else { likeCount.textContent = currentCount + 1; icon.classList.remove('fa-heart-o'); icon.classList.add('fa-heart', 'text-red-500'); } isLiked = !isLiked; }); const commentForm = document.getElementById('comment-form'); commentForm.addEventListener('submit', function(e) { e.preventDefault(); const commentText = document.getElementById('comment-text').value.trim(); const commentName = document.getElementById('comment-name').value.trim(); const commentEmail = document.getElementById('comment-email').value.trim(); if (!commentText || !commentName || !commentEmail) { alert('请填写完整的评论信息'); return; } console.log('评论提交:', { commentText, commentName, commentEmail }); commentForm.reset(); alert('评论提交成功!等待审核后将显示。'); }); const shareButton = document.getElementById('share-button'); shareButton.addEventListener('click', function() { alert('分享功能开发中,敬请期待!'); }); }); </script></body></html>