首页 博客 前端开发

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

文章摘要

在表中，可能会包含重复值。这并不成问题，不过，有时您也许希望仅仅列出不同(distinct)的值。关键词 distinct用于返回唯一不同的值。 表A： 表B: 1.作用于单列 select distinct name from A 执行后结果如下： 2.作用于多列…

文章不存在

相关文章

如何设计响应式网站网站建设客户怎么寻找
前端
如何设计响应式网站网站建设客户怎么寻找 2026/1/27 12:52:26

如何设计响应式网站网站建设客户怎么寻找

数据集格式：Pascal VOC格式(不包含分割的txt文件，仅仅包含jpg图片和对应的xml) 图片数量(jpg文件个数)：14963 标注数量(xml文件个数)：14963 标注类别数：44 标注类别名称:["toiletries","plastic utensi…

阅读全文
常州网站优化做外贸网站价格
前端
常州网站优化做外贸网站价格 2026/1/27 12:51:56

常州网站优化做外贸网站价格

传统展厅主要是以静态陈列的形式来传达内容，主要的展示形式有图片、视频等，具有一定的局限性，体验感较差，客户往往不能深入地了解信息和细节内容。 VR全景看车是通过虚拟现实技术实现逼真的汽车观赏和试乘体验。消费者可以通过智能…

阅读全文
天津住房与城乡建设部网站南昌优易科 网站建设
前端
天津住房与城乡建设部网站南昌优易科 网站建设 2026/1/27 12:51:26

天津住房与城乡建设部网站南昌优易科 网站建设

中文名称：甲氧基聚乙二醇孕酮 英文名称：mPEG Progestrone，PEG Progestrone 一、反应机理： 孕酮-PEG衍生物是一类具有生物活性的类固醇-PEG偶联物，可用于药物发现或生物测定开发。孕酮是一种女性性激素，负…

阅读全文
英语网站如何做社群昆山 网站
前端
英语网站如何做社群昆山 网站 2026/1/27 12:50:25

英语网站如何做社群昆山 网站

微电影广告是广告主投资的，以微电影为形式载体，以新媒体为主要传播载体，综合运用影视创作手法拍摄的集故事性、艺术性和商业性于一体的广告。它凭借精彩的电影语言和强大的明星效应多渠道联动传播，润物细无声地渗透和传递着商品信…

阅读全文
在自己网站上做销售在工商要办什么手续微信小店
前端
在自己网站上做销售在工商要办什么手续微信小店 2026/1/27 12:49:54

在自己网站上做销售在工商要办什么手续微信小店

1、fiddler Fiddler是一个免费、强大、跨平台的HTTP抓包工具。下载地址 2、为什么适用过滤器 不适用过滤器时，所有的报文都会被抓包。 我们在开发或测试时，只需要抓包某个域名下的报文 ，以“www.baidu.com”为例，不设置过滤器&…

阅读全文
网站价格评估 优帮云用phython做网站
前端
网站价格评估 优帮云用phython做网站 2026/1/26 3:10:17

网站价格评估 优帮云用phython做网站

目录 背景 环境配置 1.编译golang可执行文件 2.快速构建镜像 背景 k8s在1.22版本放弃docker作为runtime后采用了containerd，以containerd作为runtime的k8s安装方法已经出现了很多开源集成工具或者解决方案，在此不做赘述。本篇只要是描述在docker被取…

阅读全文
技术支持 滕州网站建设做海报有哪些网站
前端
技术支持 滕州网站建设做海报有哪些网站 2026/1/26 3:09:45

技术支持 滕州网站建设做海报有哪些网站

一、探究用户对物品类别的喜好细分 1、找到用户和物品类别的关系 数据如下： （1）order_products__prior.csv：订单与商品信息 字段：order_id，product_id，add_to_cart_order，reordered…

阅读全文
网站建设 php 企业网站wordpress <title>
前端
网站建设 php 企业网站wordpress <title> 2026/1/26 3:09:13

网站建设 php 企业网站wordpress </h3> </a> <p class="text-gray-600 mb-3 text-sm line-clamp-2"> 类似点&#xff1a; Xpath与css都有web页面定位元素的功能Xpath与css结构类似 区别&#xff1a; 1. Xpath比较强大&#xff0c;而css选择器在性能上更优&#xff0c;运行速度更快&#xff0c;语法更简洁 CSS再chrome&#xff0c;火狐查找速度快&#xff0c;效率高&#xff0… </p> <div class="flex items-center justify-between mt-auto"> <a href="/news/329257/" 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>