简介该系统是一个基于PHP+MySQL进行开发的斗地主小游戏。系统采用了三人斗地主的经典玩法。PHP休闲斗地主小游戏源码，自适应手机端，带有管理后端！框架：自主研发框架（MVC模式）语言：PHP+MySQL+HTML+JS+CSS后台功能：ip访问统计、sql命令工具、升级模块、管理员模块、会员模块、卡密模块前台功能：登录、注册、找回密码、上传头像、积分购买、创建房间、加入房间、匹配房间玩法规则：王炸、单、双、三张、炸弹、四带、飞机、连对、顺子算法特点：找牌、比 牌、验牌如需做到游戏对战的话，至少需要3个用户进入同一个房间才可以！下载{hide}{cloud title="点击下载" type="lz" url="https://wwkm.lanzoub.com/iDJsI39zaicd" password=""/}{/hide}
一个展示预设颜色的HTML页面，使用您提供的颜色预设数组，创建一个美观的颜色展示界面 Vue风格颜色矩阵展示器 Vue风格颜色矩阵 精心设计的6×6颜色矩阵，包含6种不同色系，每行6个颜色 颜色值已复制到剪贴板！ © 2023 Vue风格颜色矩阵 | 共展示 36 个预设颜色
前言非常的简单，根据自己需求复制就好了，记得确保 jQuery 已加载 ::(你懂的)效果代码 浏览进度条示例 滚动以查看进度条 这是一个示例页面，滚动以查看顶部进度条如何工作。
前言演示网址：https://uurr.cn/myfile/page/watermark/支持文字水印和图片水印，支持自定义水印大小，颜色，旋转方向，间距，透明度效果代码 水印生成器 在线水印生成器 选择图片 图片水印 图片水印 文字颜色 文字大小 20 文字间距 100 水印角度 310 水印透明 50 保存图片 代码详解HTML结构： 标签：为文件输入框提供描述。在用户点击标签时，可以直接触发文件选择窗口。 ：创建一个文件上传输入框，并设置accept属性，限制用户选择的文件类型为图片。 标签：用于显示用户当前选择的文件名，初始提示文本为“没有选择文件”。JavaScript函数：updateFileName()函数在用户选择文件时被调用。input.files是一个FileList对象，包含用户选择的文件。如果用户选择了文件，就会更新的文本内容为文件名；如果没有选择文件，则保持默认提示。
忘记在哪个网站扒来的了 ::(委屈)效果CSS #loading { position: fixed; width: 100%; height: 100vh; z-index: 9999; background-color: #eef1f5; top: 0; } .loading { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 100vh; } .loading div { position: relative; min-width: 40px; height: 200px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), #eef1f5); margin: 20px; border-radius: 20px; border: 2px solid #eef1f5; box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.1), -15px -15px 20px #fff, inset -5px -5px 5px rgba(255, 255, 255, 0.5), inset 5px 5px 5px rgba(0, 0, 0, 0.05); overflow: hidden; } .loading div::before { content: ""; position: absolute; top: 0; left: 0; width: 36px; height: 36px; border-radius: 50%; box-shadow: inset -5px -5px 5px rgba(0, 0, 0, 0.1), 0 420px 0 400px lightskyblue; animation: animate 2s ease-in-out infinite; animation-delay: calc(var(--x) * -0.3s); transform: translateY(160px); } @keyframes animate { 0% { transform: translateY(160px); filter: hue-rotate(0deg); } 50% { transform: translateY(0px); filter: hue-rotate(180deg); } 100% { transform: translateY(160px); filter: hue-rotate(360deg); } }HTML 放在body开头即可 JS最后加载完成使用js删除，放在body尾部即可
前言之前其实我有写过这个，但是发现好像有一点写漏了，今天重新写一个吧下载所需文件下载：https://wwkm.lanzouf.com/irqig0tl9wkh效果示例参考我网站的dome：https://uurr.cn/myfile/live2d/文件分为api和assetsapi是模型的接口，这个可以供别人使用也可以使用别人的，assets则是一些资源什么的你可以引用我网站的api资源 https://uurr.cn/myfile/live2d/api 接口下载好后在assets/waifu-tips.min.js文件中搜索 ;live2d_settings.modelAPI=" 将你的或者我的api接口填上去就像这样页面引用页面引用示例，要注意这里的目录别到时候引用错了 Live2D 看板娘 v1.4 / Demo 1 joe主题后台引用示例如何你要在其它地方比如joe主题等使用的话就直接将body的内容放在你主题后台设 - 全局设置 - 自定义中即可
前言代码在小程序端展示会异常需要的请移步网址 uurr.cn 获取 ::(灯泡)效果简介在本文中，我们将介绍一个简单的体重记录表的网页代码示例。该代码能够实现以下功能：用户可以输入体重数据和密码。输入正确密码后，将数据以时间戳的形式写入到文件中。读取已保存的体重数据，并生成体重变化折线图。显示体重数据的记录表，包括日期、体重和与上次体重的差值。代码功能详解体重数据提交和密码校验代码首先检查用户是否提交了体重数据，并验证密码是否正确。只有密码正确时才允许提交体重数据，否则会提示密码错误。体重数据处理如果存在本地文件 "weights.csv"，代码会读取其中的体重数据，并生成折线图。同时，会计算体重数据间的差值，并标注在记录表中，用不同颜色表示增减情况。生成折线图 利用Plotly.js库绘制折线图，展示体重变化趋势。每个数据点上将显示具体的体重数值。记录表展示 在记录表中展示体重数据，包括第N天、日期、体重以及与上一次体重的差值。差值会根据正负情况以不同颜色标识，并保留两位小数。代码 体重记录表 <?php // 检查是否有体重数据提交 if ($_SERVER["REQUEST_METHOD"] == "POST" && isset($_POST["weight"])) { $weight = $_POST["weight"]; $paw = $_POST["paw"]; // 检查密码是否正确 if($paw != "gtt") { echo "密码错误，请重新输入。密码是你的名字拼音小写"; exit; // 停止执行后续代码 } // 生成当前时间戳 $timestamp = date("Y-m-d H:i:s"); // 将数据写入本地文件 $file = fopen("weights.csv", "a"); fwrite($file, "$timestamp,$weight\n"); fclose($file); // 提交成功后进行重定向 header('Location: index.php'); } else { // 读取体重数据并生成折线图 // 检查文件是否存在 if (file_exists("weights.csv")) { $weights = []; $timestamps = []; $file = fopen("weights.csv", "r"); while (!feof($file)) { $line = fgets($file); $data = explode(",", $line); if (count($data) == 2) { $timestamps[] = $data[0]; $weights[] = $data[1]; } } fclose($file); // 检查是否有体重数据，如果有则生成折线图的JavaScript代码 if (!empty($weights)) { // 计算日期差 $prev_date = date('Y-m-d', strtotime($timestamps[0])); $start_date = strtotime($prev_date); $table_data = []; for ($i = 0; $i < count($weights); $i++) { $curr_date = date('Y-m-d', strtotime($timestamps[$i])); if ($curr_date != $prev_date) { $date_diff++; $prev_date = $curr_date; } $table_data[] = [ 'day' => $date_diff + 1, // 加1修正为第一天 'date' => $timestamps[$i], 'weight' => $weights[$i] ]; // 判断差值 for ($j = 1; $j < count($table_data); $j++) { $prev_weight = $table_data[$j - 1]['weight']; $curr_weight = $table_data[$j]['weight']; $weight_diff = $curr_weight - $prev_weight; $weight_diff = number_format($weight_diff, 2); // 保留两位小数 $table_data[$j]['weight_diff'] = $weight_diff; // 标记颜色 if ($weight_diff < 0) { $table_data[$j]['color'] = 'green'; } elseif ($weight_diff > 0) { $weight_diff = '+' . $weight_diff; $table_data[$j]['color'] = 'red'; } } } echo ' '; echo ' '; echo ' '; } } else { echo "暂无体重数据。"; } ?> <?php // 输出表格 echo ' 体重记录 '; echo ' '; echo ' 第N天 日期 体重（wg） 差值 '; // 检查 $table_data 是否为空 if (!empty($table_data)) { rsort($table_data); foreach ($table_data as $data) { $weight_diff = isset($data['weight_diff']) ? $data['weight_diff'] : ''; $color = isset($data['color']) ? $data['color'] : ''; if ($weight_diff == "") { $weight_diff = '0.00' ; } elseif ($weight_diff < 0) { } elseif ($weight_diff > 0) { $weight_diff = '+' . $weight_diff; } // 根据颜色设置样式 $style = ''; if ($color) { $style = 'style="color: ' . $color . ';"'; } echo ' ' . $data['day'] . ' ' . $data['date'] . ' ' . $data['weight'] . ' ' . $weight_diff . ' '; } } else { echo ' 暂无体重数据。 '; } echo ' '; } // 在顶部显示数值 function addAnnotations($data) { $annotations = []; for ($i = 0; $i < count($data['x']); $i++) { $annotation = array( 'x' => $data['x'][$i], 'y' => $data['y'][$i], 'text' => number_format($data['y'][$i], 2), // 显示数值，保留两位小数 'xref' => 'x', 'yref' => 'y', 'showarrow' => true, 'arrowhead' => 0, 'ax' => 0, 'ay' => -30 ); $annotations[] = $annotation; } return $annotations; } ?>
一. 评论打卡/夸夸在主题的 themes/Joe/public/comment.php 中找到 这行代码，在其下面添加下面的代码html 代码: 打卡 然后在你的css中添加下列样式css 代码:/*评论打卡*/ .joe_comment__respond-form .foot { justify-content: flex-start!important } .comment-clockIn { text-align: center; color: #606266; height: 26px; line-height: 26px; background: rgba(255,255,255,0.7); opacity: .85; border-radius: 13px; width: 70px; margin-left: 5px; cursor: pointer }最后在把下列代码加入js中，即可完成js 代码:/*评论打卡*/ function clockIn() { let time = (new Date).toLocaleTimeString(); let clockInCon = '滴！贵宾卡！打卡时间：' + time + '，请上车的乘客系好安全带~'; $(".joe_owo__target").val(clockInCon); }/*评论夸夸*/ function clockIn() { const compliments = [ "你的才华真是无与伦比！", "这篇文章写得非常精彩，让人印象深刻。", "你总是能用最简单的方式表达复杂的思想。", "你的视角独特，给我带来了新的启发。", "你的工作总是如此高效，令人佩服。", "这段文字充满了智慧和深度。", "你对细节的关注让作品更加完美。", "你的创意真是令人惊叹，太有才了！", "谢谢你分享如此宝贵的知识。", "你的努力和坚持令人感动。", "这篇文章让我对这个话题有了全新的理解。", "你的思维方式深具启发性，让我大开眼界。", "你在写作中展现出的热情感染了我。", "每次阅读你的作品，我都能学到新东西。", "你的表达能力非常出色，令人钦佩。", "这段论述逻辑严谨，分析透彻。", "你的人生经历丰富多彩，非常令人向往。", "你的幽默感真是让人开心！", "每一句话都展现了你深厚的知识储备。", "你总能把复杂的事情讲得如此简单易懂。", "这篇文章的结构设计得很巧妙，流畅自然。", "你的想法非常前卫，值得深入探讨。", "这段文字的情感表达非常真诚。", "你在文中提出的观点非常有洞察力。", "你的表现超出了我的预期，太棒了！", "你对主题的理解让人叹服。", "这篇文章的每个细节都体现了你的用心。", "你的作品总能引发我深入思考。", "这段论述让我对未来充满希望。", "你的写作风格独具魅力，令人陶醉。", "你用生动的语言描绘了一个美好的画面。", "你的激情和热忱令人鼓舞。", "这篇文章让人感觉温暖而亲切。", "你的批判性思维真是令人敬佩。", "这段文字让我感受到深厚的人文关怀。", "你总是能够触及事物的本质。", "这篇文章的主题选择非常契合时宜。", "你的见解让我重新思考自己的观点。", "每一次阅读都像是一次新的发现。", "你的文字散发着智慧的光芒。", "这段话让我对生活有了新的思考。", "你的写作总能让我感受到强烈的情感。", "这篇文章的内容让我感到振奋。", "你在文中使用的比喻非常生动形象。", "这段论述层次分明，让人易于理解。", "你的观察力真让人佩服！", "这篇文章是一场思维的盛宴。", "你将个人经验与理论结合得很好。", "这段文字的情感流露非常自然。", "你的文字总能触动我的内心。", "这篇文章的内容丰富且耐人寻味。", "你对话题的深刻理解让我感到敬佩。", "这段话的感染力非常强，令人印象深刻。", "你的写作技巧真是让人赞叹不已。", "这篇文章的主题非常贴近生活，真实感人。", "你的思维方式让我大开眼界，充满启发。", "这段话让我感受到深刻的哲理。", "你的文章总是那么引人入胜，令人期待。", "这篇文章的结论非常有力，令人信服。", "你的表达能力让人印象深刻，真是优秀！", "这段文字的情感流露非常自然。", "你的作品总是能让我感受到温暖和希望。", "这篇文章的例证恰到好处，增强了说服力。", "你在写作中展现出的深厚的文化底蕴真让人佩服。", "这段文字激励了我，让我充满动力。", "你对事物的敏锐观察让我敬佩。", "这篇文章是对我思维的极大挑战，感谢！", "你的作品总能引导我思考人生的意义。", "这段话的逻辑性和条理性令人赞赏。", "你的写作总是如此真诚，打动人心。", "这篇文章的内容让我倍感温暖。", "你的写作风格让人感受到一种亲切感。", "这段文字以生动的方式传达了复杂的情感。", "你的努力和坚持真是令人钦佩，继续加油！", "这篇文章的每个部分都展现了你的才华与智慧。" ]; const randomIndex = Math.floor(Math.random() * compliments.length); const randomCompliment = compliments[randomIndex]; $(".joe_owo__target").val(randomCompliment); $(".joe_owo__target").val(clockInCon); }二. 首页导航栏美化找了网上好多教程，好少关于joe导航栏美化的知识，今天自己琢磨了一下，参考了网上一些教程 ::(玫瑰) 效果图：首先我们需要打开网站阿里云的icon资源站 https://www.iconfont.cn ，将自己的资源导入到joe后台的自定义head中然后找到joe根目录的Joe/public/header.php文件，大概83-99行的位置，将以下文件放入至红色框框中即可，注意，需要将里面的icon换成自己的，还有页面$iconClassMap中的对应页面设置好，这个就是你后台 - 独立页面 - 缩略名修改前修改后<a class="item <?php echo $this->is('index') ? 'active' : '' ?>" href="<?php $this->options->siteUrl(); ?>" title="首页"> <use xlink:href="#icon-EC_wendang-tiyuyule"></use> 首页 <?php $this->widget('Widget_Contents_Page_List')->to($pages); ?> <?php if (count($pages->stack) <= $this->options->JNavMaxNum) : ?> <?php foreach (array_slice($pages->stack, 0, $this->options->JNavMaxNum) as $item) : ?> <?php $iconClassMap = [ 'start-page' => 'icon-zhongduan', '3' => 'icon-liuyanmoban', '4' => 'icon-MBEfenggeduosetubiao-fasong', //你的页面名和对应的图标 ]; $iconClass = isset($iconClassMap[$item['slug']]) ? $iconClassMap[$item['slug']] : ''; ?> <a class="item <?php echo $this->is('page', $item['slug']) ? 'active' : '' ?>" href="<?php echo $item['permalink'] ?>" title="<?php echo $item['title'] ?>"> <?php if ($iconClass !== '') : ?> <use xlink:href="#<?php echo $iconClass ?>"></use> <?php endif; ?> <?php echo $item['title'] ?> <?php endforeach; ?> <?php else : ?> <?php foreach (array_slice($pages->stack, 0, $this->options->JNavMaxNum) as $item) : ?> <?php $iconClassMap = [ 'start-page' => 'icon-zhongduan', '3' => 'icon-liuyanmoban', '4' => 'icon-MBEfenggeduosetubiao-fasong', //你的页面名和对应的图标 ]; $iconClass = isset($iconClassMap[$item['slug']]) ? $iconClassMap[$item['slug']] : ''; ?> <a class="item <?php echo $this->is('page', $item['slug']) ? 'active' : '' ?>" href="<?php echo $item['permalink'] ?>" title="<?php echo $item['title'] ?>"> <?php if ($iconClass !== '') : ?> <use xlink:href="#<?php echo $iconClass ?>"></use> <?php endif; ?> <?php echo $item['title'] ?> <?php endforeach; ?> <use xlink:href="#icon-dianzan"></use> 更多 <path d="M561.873 725.165c-11.262 11.262-26.545 21.72-41.025 18.502-14.479 2.413-28.154-8.849-39.415-18.502L133.129 375.252c-17.697-17.696-17.697-46.655 0-64.352s46.655-17.696 64.351 0l324.173 333.021 324.977-333.02c17.696-17.697 46.655-17.697 64.351 0s17.697 46.655 0 64.351L561.873 725.165z" p-id="3535" fill="var(--main)"></path> 最后还需要将css代码放入joe后台的自定义css中，可以根据需要修改.joeicon { width: 20px; height: 20px; vertical-align: -.15em; fill: currentColor; overflow: hidden; }三. CSS美化在后台Joe/assets/css/joe.global.min.css中1. 顶部导航栏固定 将joe_header.active{top:-60px}删除或者设置为0即可2. 顶部导航栏高斯模糊效果图：首先需要将背景颜色取消，然后在后台自定义css中加入一下css代码@media screen and (min-width: 759px) { /* 在屏幕宽度大于760像素时应用以下样式 */ .joe_header{backdrop-filter: saturate(5) blur(20px);} }四.添加侧边目录转载的网络上的，自己修改了一点编辑joe/public/aside.php文件，这个文件包含了所有侧边栏组件，在博主栏和人生倒计时中间插入下面这段代码 <?php if (($this->is('post') || $this->is('page'))) : ?> <path d="M640 192H224c-17.7 0-32-14.3-32-32s14.3-32 32-32h416c17.7 0 32 14.3 32 32s-14.3 32-32 32zM960 544H224c-17.7 0-32-14.3-32-32s14.3-32 32-32h736c17.7 0 32 14.3 32 32s-14.3 32-32 32zM640 896H224c-17.7 0-32-14.3-32-32s14.3-32 32-32h416c17.7 0 32 14.3 32 32s-14.3 32-32 32zM96 192H64c-17.7 0-32-14.3-32-32s14.3-32 32-32h32c17.7 0 32 14.3 32 32s-14.3 32-32 32zM96 544H64c-17.7 0-32-14.3-32-32s14.3-32 32-32h32c17.7 0 32 14.3 32 32s-14.3 32-32 32zM96 896H64c-17.7 0-32-14.3-32-32s14.3-32 32-32h32c17.7 0 32 14.3 32 32s-14.3 32-32 32z" p-id="2085"></path> 导航目录 <?php endif; ?>接下来修改joe\assets\js\joe.post_page.min.js文件，在文件开头的第一个大括号后面添加下面这段代码function get_catalogs(article_content) { let titles = []; let diffLevel = 0; const titleTag = ["H1", "H2", "H3", "H4", "H5", "H6"]; // Filter out non-element nodes const elements = Array.from(article_content.children); elements.forEach((e, index) => { const nodeName = e.nodeName; if (titleTag.includes(nodeName)) { const level = parseInt(nodeName.substring(1, 2), 10) - diffLevel; titles.push({ id: "header-" + index, text: e.textContent, level: level }); e.id = "header-" + index; } }); return titles; } article_content = document.querySelector('.joe_detail__article'); if (article_content) { var catalog = get_catalogs(article_content); if (catalog.length == 0) { $('.catalogue').hide() } else { let asideArr = ['timelife', 'today', 'hot', 'newreply', 'weather', 'tags', 'flatterer']; asideArr.forEach(item => $('.joe_aside__item.' + item).remove()); let catalogue = ''; for (let i = 0; i < catalog.length; i++) { let node = ' ' + '' + '' + catalog[i].text + '' + '' + ' '; if (i == catalog.length - 1) { catalogue += node + ' ' } else { if (catalog[i + 1].level == catalog[i].level) { catalogue += node + ' ' } else if (catalog[i + 1].level > catalog[i].level) { catalogue += (catalog[i + 1].level > 1) ? node + ' ' : node + ' ' } else { if (catalog[i + 1].level - catalog[i].level == -2) { catalogue += i > 1 ? node + ' ' : node + ' ' } else { catalogue += i > 1 ? node + ' ' : node + ' ' } } } } document.querySelector('.catalogue-items').innerHTML = catalogue; $('.catalogue-item > a').on('mouseenter', function() { $(this).parent().addClass('_active') }); $('.catalogue-item > a').on('mouseleave', function() { $(this).parent().removeClass('_active') }); $('.catalogue-item > a').on('click', function() { document.removeEventListener("scroll", autoActive); $('.catalogue-item').removeClass('active'); $(this).parent().addClass('active'); let aim = document.querySelector('#' + $(this).attr('to')); let aim_top = aim.offsetTop; let aim_h = aim.clientHeight; let above_h = document.querySelector('.joe_header__above').clientHeight; let below_h = document.querySelector('.joe_header__below').clientHeight; let offset = 0; let case1 = !document.querySelector('.joe_header__above').className.includes('active'); let case2 = document.getElementsByTagName("html")[0].scrollTop + above_h > aim_top; if (case1 && case2) { offset = above_h } window.scrollTo({ top: aim_top - offset - below_h - 10, behavior: 'smooth' }); setTimeout(() => { document.addEventListener("scroll", autoActive) }, 500) }); if (catalog.length) $('.catalogue-item').eq(0).addClass('active'); let autoActive = function() { let html_top = document.getElementsByTagName("html")[0].scrollTop; let contain = $(".joe_aside__item.catalogue .joe_aside__item-contain"); for (let i = 0; i < catalog.length; i++) { let offset = 0; let h_id = '#' + catalog[i].id; let h_offset = document.querySelector(h_id).offsetTop; let above_h = document.querySelector('.joe_header__above').clientHeight; let below_h = document.querySelector('.joe_header__below').clientHeight; if (!document.querySelector('.joe_header').className.includes('active')) offset = above_h; if (h_offset + below_h + offset + 10 >= html_top) { $('.catalogue-item').removeClass('active'); if (i > 0 && i < catalog.length - 1 && document.querySelector('#' + catalog[i].id).offsetTop > html_top + window.innerHeight * 0.2) { i-- } $('#to-' + catalog[i].id).parent().addClass('active'); break } } }; document.addEventListener("scroll", autoActive) } } else { $('.catalogue').hide() }后面就是样式问题了，接下来修改joe\assets\css\joe.post.min.css在文件末尾添加下面这段CSS .joe_aside__item.catalogue{margin-bottom:15px;transition:top 0.35s;background:var(--background)} .joe_aside__item.catalogue .joe_aside__item-contain{padding:0;margin:0;margin-left:10px;max-height:500px;overflow-y:auto} .joe_aside__item.catalogue .joe_aside__item-contain::-webkit-scrollbar{width:3px} .joe_aside__item.catalogue .joe_aside__item-contain .catalogue-items{border-left:2px solid var(--classC);padding:10px 15px} .joe_aside__item.catalogue .joe_aside__item-contain .catalogue-items .catalogue-item{margin:0;padding:0;line-height:26px;font-size:15px} .joe_aside__item.catalogue .joe_aside__item-contain .catalogue-items .catalogue-item a{position:relative;display:block;line-height:26px;color:var(--main);transition:color 0.5s} .joe_aside__item.catalogue .joe_aside__item-contain .catalogue-items .catalogue-item a:hover{color:var(--theme)} .joe_aside__item.catalogue .joe_aside__item-contain .catalogue-items .catalogue-item._active>a,.joe_aside__item.catalogue .joe_aside__item-contain .catalogue-items .catalogue-item.active>a{color:var(--theme)} .joe_aside__item.catalogue .joe_aside__item-contain .catalogue-items .catalogue-item._active>a::before,.joe_aside__item.catalogue .joe_aside__item-contain .catalogue-items .catalogue-item.active>a::before{content:"";position:absolute;left:-17px;top:0;width:2px;height:26px;background-color:var(--theme);transition:height 0.35s} .joe_aside__item.catalogue .joe_aside__item-contain .catalogue-items .catalogue-item .level-2>.catalogue-item,.joe_aside__item.catalogue .joe_aside__item-contain .catalogue-items .catalogue-item .level-3 .catalogue-item{font-size:14px} .joe_aside__item.catalogue .joe_aside__item-contain .catalogue-items .catalogue-item .level-2 .catalogue-item._active>a::before,.joe_aside__item.catalogue .joe_aside__item-contain .catalogue-items .catalogue-item .level-2 .catalogue-item.active>a::before,.joe_aside__item.catalogue .joe_aside__item-contain .catalogue-items .catalogue-item .level-3 .catalogue-item._active>a::before,.joe_aside__item.catalogue .joe_aside__item-contain .catalogue-items .catalogue-item .level-3 .catalogue-item.active>a::before{left:-34px} .joe_aside__item.catalogue .joe_aside__item-contain .catalogue-items .catalogue-item .level-2 .catalogue-item .level-3 .catalogue-item,.joe_aside__item.catalogue .joe_aside__item-contain .catalogue-items .catalogue-item .level-3 .catalogue-item .level-3 .catalogue-item{font-size:14px} .joe_aside__item.catalogue .joe_aside__item-contain .catalogue-items .catalogue-item .level-2 .catalogue-item .level-3 .catalogue-item._active>a::before,.joe_aside__item.catalogue .joe_aside__item-contain .catalogue-items .catalogue-item .level-2 .catalogue-item .level-3 .catalogue-item.active>a::before,.joe_aside__item.catalogue .joe_aside__item-contain .catalogue-items .catalogue-item .level-3 .catalogue-item .level-3 .catalogue-item._active>a::before,.joe_aside__item.catalogue .joe_aside__item-contain .catalogue-items .catalogue-item .level-3 .catalogue-item .level-3 .catalogue-item.active>a::before{left:-51px} .joe_aside__item.catalogue .joe_aside__item-contain .catalogue-items .catalogue-item .level-3>.catalogue-item{font-size:14px} .joe_aside__item.catalogue .joe_aside__item-contain .catalogue-items .catalogue-item ul{padding-left:17px} .joe_aside__item.catalogue .joe_aside__item-contain .catalogue-items ul{display:block;list-style-type:disc} .joe_aside__item.catalogue .joe_aside__item-contain .catalogue-items .catalogue-item a span.dir_name{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} 五.侧边栏滑动位置这个的位置觉得太靠上可以改以下，滑动的时候位置 usr/themes/Joe/assets/js/joe.global.min.js ，-60的哪个表示往下滑的时候侧边栏与顶部距离，+15的表示上滑时侧边栏与顶部距离六.代码展示优化有时候代码太长反而影响用户阅读，所以我们可以将这个进行缩小，加个滚顶条即可，找到joe\assets\css\joe.global.min.css，搜索 .joe_detail__article pre[class*='language-'] ，然后把这个overflow:hidden改为 overflow-y: auto;后面加个max-height: 500px;自定义一下高度就可以了
前言这是一种非对称式加密，很适合用在前端与后端的通信上它分为公钥和私钥，公钥仅可用于加密，私钥用于解密这样一来就可以将公钥发送给客户端，客户端拿着公钥加密后返回给服务器，服务器再使用私钥进行解密我小程序也采用了这种加密方式给需要的大佬借鉴一下首先是php端代码（后端或者服务器端），这里使用了base64_decode和url解码，因为我前端也进行了相应的编码教程我们需要先生成一个密钥在线RAS密钥生成：https://www.lddgo.net/encrypt/rsa // 解密 function Rsa_decrypts($data) { // 加载openssl扩展 if (!extension_loaded('openssl')) { die('OpenSSL 扩展未加载'); } // 密钥文件路径 $privateKeyFile = '改为自己路径private_key.pem'; $publicKeyFile = '改为自己路径public_key.pem'; // 加载私钥 $privateKeyResource = openssl_pkey_get_private(file_get_contents($privateKeyFile)); if ($privateKeyResource === false) { return '无法加载私钥'; } $data=urldecode($data); $data=base64_decode($data); $decryptedText = ''; if (openssl_private_decrypt(base64_decode($data), $decryptedText, $privateKeyResource, OPENSSL_PKCS1_PADDING) === false) { return ''; } return $decryptedText; } 然后我们开始在微信小程序安装一下相应的库选择小程序的调试器 —— 选择终端 —— 输入npm i wxmp-rsa -S进行安装安装完成后小程序目录里面会生成node_modules文件夹，里面会有wxmp-rsa文件夹安装完成后在编辑器左上角的菜单栏中找到工具 —— 构建npm完成后小程序文件目录会构建出miniprogram_npm文件夹，里面会有wxmp-rsa文件夹然后将你就可以开始使用了，下面是一个参考示例，同样这里我使用了Base64和url编码，./base64.js可以百度下载一个，如果不需要移除即可，这样就可以实现小程序与后端的加密通讯了，但是需要注意数据长度不能超过太长！否则将加密失败！ // 导入包 import WxmpRsa from 'wxmp-rsa' const Base64 = require('./base64.js'); // 实例化rsa const rsa = new WxmpRsa() rsa.default_key_size = 512 const publicKey = "这里放公钥" // 加密 function encrypt(data) { if (typeof data != 'string') { data = data.toString() } if (data == '') { return '' } if (publicKey != "") { rsa.setPublicKey(publicKey) const cryptStr = rsa.encryptLong(data) var r = Base64.encode(cryptStr) var r = encodeURIComponent(r) return r } return '' } //暴露接口 module.exports = { encrypt, UPglobalData, }
Android studio安装：下载链接：http://www.android-studio.org/找到自己想要的版本：（或者直接点击上面的，默认是windows 64位）等待一段时间，下载完成后：点击安装包点击next；点击next；选择安装路径：点击Install安装；进度条完成后，点击next点击Finish完成（注意勾选start Android studio会启动程序）启动后：选择第二个，然后点击OK点击后会出现一个弹窗，两个都可以选，推荐选的Don‘t sen然后点击Cancel进入界面，点击next点击next选择你的布局颜色，选择完成后，点击next点击Finish，等待进度条完成点击finish完成文章转载于：https://blog.csdn.net/alzzw/article/details/102692135