今天给大家分享一个基于 Windows12 概念版做出来的网页版源代码,它利用了一些技术手段,如 HTML、CSS、js 等,让我们能在网页上体验到类似 Windows12 系统的功能。 这个模拟系统有很多我们常用的功能,像管理文件的、管理任务的、设置系统的、计算的、记东西的等等,还能使用 Visual Studio Code、Python 等工具,甚至有浏览器可以上网、打开各种网页。 > 之前在逛Github的时候发现的资源,但当时没有收藏,后面就找不到了。今天在六月是只猫的博客中又刚好看到了这个资源,索性把它收藏过来,并分享给大家! ## 效果展示 ![IMG_5729-min.jpeg](https://yjvc.cn/usr/uploads/2024/05/213859292.jpeg) ![IMG_5727-min.jpeg](https://yjvc.cn/usr/uploads/2024/05/2981868096.jpeg) ![IMG_5731-min.jpeg](https://yjvc.cn/usr/uploads/2024/0
雷池(SafeLine)是一款国产开源的 Web 应用防火墙(WAF),由长亭科技于2024年4月开源。它可以保护网站不被黑客攻击,通常以 Web 网关的形式存在,作为反向代理接入。其主要功能包括识别常见的 Web 攻击并实施阻断,如 SQL 注入、跨站脚本攻击(XSS)、跨站请求伪造(CSRF)、服务端请求伪造(SSRF)、WebShell 上传与通信等。 官网:雷池SafeLine > WAF 是 Web Application Firewall 的缩写,也被称为 Web 应用防火墙。 ![IMG_5710.png](https://yjvc.cn/usr/uploads/2024/05/2254616397.png) ## 1.主要特点 - 简单易用:拥有友好的 Web 界面,即使不具备网络安全技术背景,也能通过它发挥出顶尖的网站防护效果。 - 快速高效:采用智能语义分析算法并结合机器学习技术,能够实现基于上下文逻辑的攻击检测,在降低误报率的同时,将攻击拦截性能提升至全新水平。 - 精准检测:首创业内领先的智能语义分析算法,无规则引擎,线
JavaScript是一种广泛使用的编程语言,它在Web开发中扮演着重要的角色。在编写JavaScript代码时,我们经常使用一些常用的方法来完成任务。这些方法可以帮助我们更高效地编写代码,提高代码的可读性和可维护性。 掌握一些实用的JS方法,如同掌握烹饪中的调味秘诀。今天给大家分享一些关于JS代码的必备技巧,助你编码更高效,让程序像美食一样引人入胜。 ## 索引 1.让页面滚动到顶部和底部 2.网站版权年份自动更新 3.屏蔽鼠标右键或指定按键 4.限制只能输入数字和几位数 5.禁用调试模式 ## 1.让页面滚动到顶部和底部 a.顶部 将Class命名为go-top ```js jQuery('.go-top').on('click', function (e) { e.preventDefault(); jQuery('html, body').animate({ scrollTop: 0 }, duration); return false; }) ``` b.底部 将Class命名为
分享一个如何通过简单的设置和配置,限制特定IP地址访问您的网站的方法。通过这些方法,您可以有效地控制谁可以访问您的网站,从而保护您的在线资源免受不必要的干扰。无论是为了安全还是其他原因,限制IP访问是一种有用的技能。 相关文章推荐:如何限制IP请求数和连接数 ## 1.禁止IP访问网站 ### 1.1.屏蔽国外IP 方法1:代码屏蔽 如果你想要禁止某一个国家的IP访问你的网站,可以参考以下代码(位置参考:Header.php文件中): ```php ``` 方法2:域名解析 利用域名解析禁止国外ip访问网站(这里以阿里云 DNS 解析为例): 先设置一个 A 记录类型,然后解析线路为"境外",最后把记录值设为:127.0.0.1 ![IMG_5634.png](https://yjvc.cn/usr/uploads/2024/05/4198096326.png) 效果: ![IMG_5635.png](https://yjvc.cn/usr/uploads/2024/05/4147020418.png)
想象你有一幅画,但是你只能通过文字来告诉别人这幅画是什么样子的。Base64就像是一种特殊的语言,它可以把你的画变成一串很长的文字,这样你就可以用文字的形式把画的内容告诉别人了。 在电脑世界里,Base64编码就像是用文字来描述图片和其他文件(比如视频、音频等)的方法。这样,你就可以把这些描述通过互联网发送给别人,而不用真的把文件本身发过去。 把图片转换成Base64编码的好处是,你可以把图片直接嵌入到网页的代码里,这样网页加载的时候就不需要再去互联网上下载这张图片,网页加载的速度就会变快。但是,这种方法也有一个缺点:用文字描述的图片比原来的图片要大一些,大概会增大三分之一左右。所以,如果我们用这种方法描述很大的图片,那么网页的代码就会变得非常大,加载起来也会变慢。 因此,我们通常只把小图片转换成Base64编码,因为小图片的描述文字不会太大,不会影响网页的加载速度。对于大图片,我们还是选择直接在网页上链接到图片文件,这样更有效率。 > 简单一点来理解,就是将图片转换成一串长代码,供网页使用。(可直接替换网页图片外链) ## 在线体验 1.前往图像转
今天给大家分享一个小技巧,给我们的博客文章评论框添加七彩打字动画。这个效果不仅能让我们的博客更加生动有趣,还能提升用户的评论体验,增加互动乐趣。让我们一起来看看如何实现这个效果吧! ## 效果展示 白天模式: ![IMG_5495.gif](https://yjvc.cn/usr/uploads/2024/05/3498388009.gif) 夜晚模式: ![IMG_5496.gif](https://yjvc.cn/usr/uploads/2024/05/3149614578.gif) ## 具体操作 1.复制代码 将以下JS代码复制到主题目录下的 footer.php 文件中 body 标签结束前: ```js (function webpackUniversalModuleDefinition(a,b){if(typeof exports==="object"&&typeof module==="object"){module.exports=b()}else{if(typeof define==="function"&&defin
今天给大家分享一个用JS代码制作一个倒计时公告的小技巧。这个方法非常实用,可以让你博客的公告在特定时间后自动关闭,既方便又高效。让我们一起来看看吧!
之前在使用joe主题的时候,偶然发现一个非常有趣的小组件“旋转小人”。因自己折腾切换主题,很多东西都没有了,今天在逛原来的网站时,又发现了这个项目。一段简单的代码,就能实现"旋转小人"的效果,现在分享给大家。 ## 效果展示 ![IMG_5152.gif](https://yjvc.cn/usr/uploads/2024/04/670869841.gif) 效果图有点拉胯,将就看吧。 ## 代码 ```html 旋转小人 刘郎阁 .twopeople{ margin: 0; align-items: center; justify-content: center; text-align: center; } canvas { displa
想让你网站的友情链接更整洁好看吗?试试自适应文字友链格子!它能帮你轻松制作大小合适、排列有序的友情链接,让它们在任何设备上都显得完美。操作简单,效果显著,快来让你的友情链接更上一层楼吧! ## 效果展示 ![2024-04-29T03:15:07.png](https://yjvc.cn/usr/uploads/2024/04/3335065134.png) ## 代码 ```html .tp-ad-text1 {width:100%;padding-top:6px;box-sizing:border-box;overflow: hidden;background: rgba(255,255,255,.2);} .tp-ad-text1 a {color:#7fba00;font-size:14px;line-height:38px;text-align:center;border:1px dashed rgba(0,0,0,.2);padding:0 3px;box-sizin
喜欢网购的朋友,看过来!今天我要给大家分享一个实用的优惠劵集合平台,它能帮你快速找到各种商品的优惠券,让你购物更省钱。快来看看吧!
刘郎 ( 博主3分钟前在线 )
敬畏生命,热爱生活!