2023-03-29

[编程技术] JS | JS实现Web应用或网站发送浏览器Notification通知

今天更新了ios，发现 iOS、iPadOS 16.4 让网页应用程序也能推送通知到通知中心了，那么就来看一下如何使用 JS 通过网页发送浏览器通知吧。在开发一个 Web 应用系统或者一个网站时，当用户触发了某个事件，或者系统

2022-12-31

[编程技术] Typecho纯代码生成sitemap站点地图

想要实现 Typecho 纯代码生成 sitemap 站点地图只需要 2 步就够了。 1、在博客主题目录新建 sitemap.php 页面，放入以下代码： <?php /** *HTML版网站地图Sitemap * * @package custom */ ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=<?php $this->options->charset(); ?>" /> <title&

2021-07-14

[编程技术] 关于a标签target_blank使用rel=noopener

一、为什么要使用 rel='noopener'？先举个栗子，有以下两个页面 a.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <a href="b.html" target="_blank">da</a> </body> </html> b.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <SCRIPT>window.opener.location.href ="http://google.com"</SCRIPT> </body> </html> 其中在 a.html 中有个超链接，点击后打开新的 tab

2021-03-02

[编程技术] 纯 html+css 实现点击元素隐藏操作功能

利用 label 的 for 属性绑定 checkbox，此方法对按钮与盒子的层级关系没有限制（需用到 CSS3 选择器） <style> ul,li{ list-style: none; } *{ padding: 0; margin: 0; } .nav-con{ display: none; } .nav-box{ display: none; } .nav-con:checked ~ .nav-box{ display: block; } .nav-btn{ padding: 10px 15px; background:; } </style> <label for="control" class="nav-btn&#3

2021-02-05

[编程技术] github 的黑夜模式小猫咪动画源码

github 上的小猫咪黑夜模式切换很可爱，想要~ 。于是花了点时间扒了下来放在了自己的博客上。秉着开源精神，将源码分享给大家。废话少说，上代码 html:  <div class="profile-color-modes js-promo-color-modes-banner-profile"> <svg aria-hidden="true" height="45" viewBox="0 0 106 60" fill="none" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"> <g class="profile-color-modes-illu-group profile-color-modes-illu-red"> <path d="M37.5 58.5V57.5C37.5 49.768 43.768 43.5 51.5 43.5V43.5C59.232 43.5 65.5

2020-09-15

[编程技术] 仿网易评论盖楼 JS 实现 | html

看了些评论引用盖楼的网站，觉得网易的效果比较好，简单明了，让人看了就知道是引用评论，迟点准备自己也写个玩玩，应该能从中学到不少东西. 前端部分实现如下：https://www.phpvar.com/ar