vscode快速删除注释内容
删除js单行注释
//.*
删除js多行注释
/\*(.|\r\n|\n)*?\*/
删除单行注释和多行注释
/\*(.|\r\n|\n)*?\*/|\/\/.*
删除html注释
<!--([\s\S|\r]*?)-->
mac option command r 快捷键启用正则表达式搜索匹配内容。
shift option f 格式化
地址栏动态打字效果。
<script>let t='MIsakAnetWork',i=0,d=0;!function l(){let c='|',s=d?t.slice(0,--i):t.slice(0,++i);history.replaceState('', '', '/'+s+c);setTimeout(l,i==t.length?(d=1,2e3):!i?(d=0,500):d?100:200);}();</script>
域名出售
<meta charset="UTF-8"> <style> body{margin:0;display:flex;justify-content:center;align-items:center;background:url('') fixed 0% 0% / cover;}.card{display:flex;flex-direction:column;align-items:center;width:100%;max-width:16rem;padding:1.6rem;background:rgb(255 255 255 / 39%);border-radius:1.6rem;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}@media (max-width:1024px){.card{max-width:52rem;font-size:66;}input{height:12.3rem !important;font-size:66;}.button{height:12.3rem;font-size:66;}}h7{text-align:center;margin-top:6px;}input{padding:.6rem;width:100%;height:2.5rem;margin-bottom:1.23rem;border-radius:.6rem;background:#fff6;border:0;outline:none;}input:focus{border:1px solid #fff;}.button{width:100%;padding:.3rem;border-radius:1rem;background:linear-gradient(270deg, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.2) 80%);background-size:200% 100%;border:1px solid transparent;animation:background-animation 1.2s cubic-bezier(0.55, 0, 0.35, 1) infinite alternate;}.button:hover{opacity:0.6;border-color:#fff;}@keyframes background-animation{0%{background-position:0 0}100%{background-position:100% 0}}</style> <div class="card"> <h7 class="button"></h7> <br> 域名出售<p> <input class="input" id="domain" placeholder="填写域名" required> <input class="input" id="price" placeholder="填写价格:1¥|1$" required> <input class="input" id="email" placeholder="填写邮箱" required> <button class="button" onclick="submitForm()">提交表格</button> <button class="button" style="margin-top:10px;" onclick="login()">登陆</button> <a href="https://t.me/cherrymiku" style="color:#000;">@cherrymiku</a> <a href="https://github.com/mikot0/html" style="color:#000;">github</a> </div> <script> function submitForm(){const domain = document.getElementById('domain').value;const price = document.getElementById('price').value;const email = document.getElementById('email').value;if (!/^[a-zA-Z0-9-]+\.[a-zA-Z]{2,6}$/.test(domain) || !/^[\d¥$\s]+$/.test(price) || !/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/.test(email)){return alert('输入格式错误');}fetch('data.php',{method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify({domain, price, email})}) .then(response => response.json()) .then(data => alert(data.success ? '提交成功':'提交失败')) .catch(error => alert('请求失败:' + error));}function login(){const password = prompt('输入密码查看表格:');if (password === null) return;if (password === '1'){fetch('data.php',{method:'GET'}) .then(response => response.json()) .then(data =>{if (data.success){alert(data.data.map(d => `域名:${d.domain}| 价格:${d.price}| 邮箱:${d.email}`).join('\n'));}else{alert('');}}) .catch(error => alert('请求失败:' + error));}else{alert('密码错误');}}</script>
data.php<?php if ($_SERVER['REQUEST_METHOD'] === 'POST'){$data = json_decode(file_get_contents('php://input'), true);if (isset($data['domain'], $data['price'], $data['email'])){file_put_contents('data.txt', "域名:{$data['domain']}|价格:{$data['price']}|邮箱:{$data['email']}\n", FILE_APPEND);echo json_encode(['success' => true]);}else{echo json_encode(['success' => false]);}exit;}if ($_SERVER['REQUEST_METHOD'] === 'GET'){$lines = file_exists('data.txt') ? explode("\n", file_get_contents('data.txt')):[];$result = [];foreach ($lines as $line){if ($line){list($domain, $price, $email) = explode("|", $line);$result[] = [ 'domain' => str_replace('域名:', '', $domain), 'price' => str_replace('价格:', '', $price), 'email' => str_replace('邮箱:', '', $email) ];}}echo json_encode(['success' => true, 'data' => $result]);exit;}?>
登录
<style> body{margin:0;display:flex;justify-content:center;align-items:center;background:url('') fixed 0% 0% / cover;}.card{display:flex;flex-direction:column;align-items:center;width:100%;max-width:16rem;padding:1.6rem;background:rgb(255 255 255 / 39%);border-radius:1.6rem;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}.input{padding:.6rem;width:100%;height:2.5rem;margin-bottom:1.23rem;border-radius:.6rem;background:#fff0;border:0;outline:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}input:focus{border:1px solid #fff;}.input-container{position:relative;width:100%;}.eye{position:absolute;top:23%;right:5%;width:6%;cursor:pointer;}.button{width:100%;padding:.3rem;border-radius:1rem;background:linear-gradient(270deg, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.2) 80%);background-size:200% 100%;border:1px solid transparent;animation:background-animation 1.2s cubic-bezier(0.55, 0, 0.35, 1) infinite alternate;}.button:hover{opacity:0.6;border-color:#fff;}@keyframes background-animation{0%{background-position:0 0}100%{background-position:100% 0}}</style> <div class="card"> <img src="https://github.com/mikot0/Misaka-Mikoto-expression-pack/blob/main/7.png?raw=true" style="/*border-radius:2rem;*/width:66px;"><br> <input class="input" placeholder="用户名"> <div class="input-container"> <input class="input" type="password" id="password" placeholder="填写密码"> <svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="eye" id="eye"> <path d="M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88" /> </svg> <svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="eye" id="eye2" style="display:none;"> <path d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z" /> <path d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /> </svg> </div> <button class="button" style="display:flex;align-items:center;justify-content:center;font-size:1rem;">登录 <svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6" style="width:16px;margin-left:6px;"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 12 3.269 3.125A59.769 59.769 0 0 1 21.485 12 59.768 59.768 0 0 1 3.27 20.875L5.999 12Zm0 0h7.5" /> </svg> </button> </div> <script> const passwordField = document.getElementById('password');const eyeOffIcon = document.getElementById('eye');const eyeOnIcon = document.getElementById('eye2');eyeOnIcon.addEventListener('click', () =>{passwordField.type = 'password';eyeOnIcon.style.display = 'none';eyeOffIcon.style.display = 'block';});eyeOffIcon.addEventListener('click', () =>{passwordField.type = 'text';eyeOffIcon.style.display = 'none';eyeOnIcon.style.display = 'block';});</script>