昨晚在网上逛时无意发现了轻松让网站实现暗黑模式的小工具Darkmode.js, Darkmode.js是一个开源JavaScript项目，只一段代码就能快速让你的网站支持深色模式，非常強大！...安装好之后，在网页的右下角有一个圆形按钮，点击即可切换白天/夜晚模式。...js@1.5.5/lib/darkmode-js.min.js"> 的位置放入就可以了, 或者是模板文件之前都可以。...关于这种方式唯一有点不满意的就是暗黑模式下照片会变成像相机底片那样，有些照片会看着不好看。
快捷搜索 输入 search，可以看到系统会自动给出命令的提示，-f 可以指定搜索的平台，按下回车就完成了搜索。 当然这样肯定是很麻烦的，所以我给终端添加了 alias 别名功能。...比如输入 add 命令添加网站，然后用 ls 命令可以查看所有已添加的网站，用 mv 命令可以移动网站、用 cd 命令可以切换目录、用 pwd 可以查看当前所在位置等等。...摸鱼 除了上面这些啊，我发现这个 web 终端很适合摸鱼。...支持折叠与展开 目前虽然这个项目支持的命令还不多，对大多数同学来说也并没有那么实用，但我之所以要花两周的时间去做它，首先是因为我自己的需求、并且觉得它很帅！.../liyupi/yuindex 短短 3 天，我已经收到了 35 个 issues，并且合并了几个 PR，看来大家还是很积极贡献（报 Bug）的，谢谢朋友们。
分享一个网站炫彩挂件装修代码可自定义图片，感觉很可爱的，自定义自己喜欢的图片，自我感觉超级滑稽!
分享一个如下效果的JS分页特效，是不是很酷炫。 以下是代码实现： 原生JS...实现酷炫分页 * { margin: 0; padding: 0; }...-- 引入运动函数 --> js/move.js"> window.onload...中的strartMove函数,从下标为iNow的li开始 //将每个li的属性值还原到第一次运动前存储的值
一次很意外的网站故障经历 大家好，我是鱼皮。这个周末不太愉快，因为今天刚起床迷迷糊糊地，我就收到了用户反馈说 “鱼皮，你的网站又打不开了！一直在加载！” 我直接精神了好吧！...故障表现 正常情况下，我的网站在 1 秒内就加载完成了： 但故障发生时，网站加载了近 30 秒才只加载了一个 loading 转圈圈： 但是等了一分多钟，网站还是能加载完成的。...我们进入服务器的终端控制台，输入 nethogs 命令，查看当前服务器上每个进程使用的网络带宽情况： 以下截图是事后截的，数值和当时不同 很容易就找出了是哪个进程占用了大量的网络带宽（上图第 1 个）...毕竟本来框框大学就是免费的，网站稳定的情况下，能省则省。 ---- 好吧，整个事情就是这样。最后也是希望我们开发的框框大学网站能够给学弟妹们带来帮助。...实习天天crud，很迷茫... 我入伙了！ 千万千万不要在方法上打断点！太坑了！ 手写 OJ 系统，真的很难么？ 被字节拷打了！基础还是太重要了...
现在，Evatran公司已为特斯拉提供的临时解决方案——Plugless Power系统。 据介绍，该系统实现无线充电的原理是通过适配器接受充电板的电力。具体来说，该系统由一块充电板和一个适配器构成。...这样一来，充电器及用电的装置都可以做到无导电接点外露。 Plugless Power系统可以带来更多的便捷，用户只需将车停到充电板上就可充电。从充电效率来看，每小时充电量可供行驶20英里。...如果要想充满Model S，则要看具体的电池容量，一般需要10至12小时。 此外，该系统不但防水，还能经受约-18度到50度的温度范围。这些特性也意味着用户不用担心充电场景的限制。...接下来，Evatran公司要做的也许就是让该系统兼容更多的车型。 镁客网
今天正好在阿里云导出数据库的时候看到了这个效果，就把代码扒下来了~ code.png 以下为完整代码： <!
外国人通常认为中文网站设计的太过繁杂。然而，他们实际上很少使用这类网站——大部分人不懂中文———因此，他们的印象主要来自于网站的视觉效果而非使用体验上，这种评判自然也就有失公允了。...这种网站的典型代表就是门户网站和新闻网站。 参与测试的外国人也都承认复杂的设计在中国非常普遍，并声称这种设计风格也主要集中在中文网站上。...整体来说，外国用户在面向简单网站和复杂网站的可用性问题时，更难容忍后者。 另一方面来看，中国用户则不太接受那些简单的网站。...在守望先锋游戏的中文网站中，参与测试的5名中国用户中没有一个人使用到了页面右边缘的非标准导航项 在许多方面，我们很欣慰的看到在过去数十载针对国外用户研究所发现的诸多可用性问题都在本次测试中得到再现。...其次，那些面向中国用户的网站背后的设计师们应该更多关注网站的可用性问题并降低其复杂度。
最近看见一串很不错的彩色动态文字，这种效果名字非常的高大上和霸道，这里特意分享一下代码给大家，喜欢的可以试用与任何网站。...首先我们来看看效果如何： 图片 看过效果的你是不是觉得瞬间就很高大上了。...这里是文字的代码，大家自己修改即可： var chakhsu...，我们的地址“www.ahap.cn”。"...任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
最近正在稳固java实际开发的基础知识，之前收藏的一个网站，上面内容十分有用， 教程比较详细，全面，涉及技术也在实时更新是个不错的学习稳固java开发技术的网站 http://how2j.cn
今天的文章，了不起和大家分享一款十分好用的的网站分析项目 - Web-Check。...项目简介 Web-Check 是一款开源的网站分析工具，能帮助我们快速的扫描网站，检测网站或主机的信息，发现网页性能和兼容性问题，包括IP、SSL链、DNS记录、Cookie等等信息。...安装部署 项目支持非常多的部署方式，包括Netlify、Vercel一键部署，docker部署 和本地源码部署（注意：Node.js需要是 18.16.1 或者之后的版本）。...https://web-check.xyz/ 打开页面是这样的，感觉有点炫酷哦~~~ 用法很简单，只需要输入想要check的网址，点下面的Analyze，然后很快就会出来扫描结果，包括主机信息，DNS...不得不说，Web-Check 这款网站分析工具，对于了解网站或者深入研究，都非常的好用。
01 字体难题 自定义中文字体虽炫酷，但有一个弊端，那就是中文字体太大了，很耗费资源，具体的原因其实很简单：英文只有 26 个字母，一张 ASCII 码表上 128 个字符集几乎可以表示任何英文语句。...经过我一番搜寻，找到了两款工具：一个是华人开发的「字蛛[1]」，英文名 font-spider，依赖 Node.js 环境，是一款命令行工具。...11 21 01:08 STKaiti.ttf 书写 CSS 现在字体压缩完了，怎么应用到自己的网站中呢？...引入 CSS 最后一步就是在你的网站中引入该 CSS，具体的做法大同小异，以 hugo 为例，先将 fonts-zh.css 复制到网站主题目录的 static/css/ 目录下，然后在 的效果可以参考我的网站：https://fuckcloudnative.io/[5]。
wordpress主题简单又炫酷的网站小工具-倒计时代码，新年倒计时，挺适合网站做一些限时推广、限时会员、限时售东西等等。话不多说，现在就分享代码！...倒计时HTML+CSS+JS都放到一起了，如果觉得不妥，自己修改吧！...span class="se-txt">00js...var second = Math.floor((targetTime - nowTime) / 1000); //截止时间距离现在的秒数 var day...; //余数代表剩下的秒数； var hour = Math.floor(second / 3600); //整数部分代表小时； second %= 3600
今天给大家分享一个简单又炫酷的网站小工具-倒计时代码，挺适合网站做一些限时推广、限时会员、限时售东西等等。话不多说，现在就分享代码！?...倒计时HTML+CSS+JS都放到一起了，如果觉得不妥，自己修改吧！...class="se-txt">00 js...= Math.floor(second / 24 * 60 * 60); //整数部分代表的是天；一天有24*60*60=86400秒 ； second = second %...任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
---- 这18个网站是我在取经路上意外发现的，里面包括 纯CSS 实现的炫酷背景，还有专门制作背景图的网站。 算是取经路上的大补之物~ 1....网站上提供了她的代码。 如果你不认识她，那我一定要推荐你阅读一下 《CSS揭秘（图灵出品）》 这本书，它会让你大受震撼！ 2....完成后会返回一段CSS代码给你，不过和前面几个网站有点不同的是，Hero Patterns 的背景图使用了 base64 的方式去实现的，而不是 CSS 背景渐变 的方式。 6....HUE.CSS ️ 传送门：『HUE.CSS』 使用 CSS 背景渐变 的方式做出的数十款高端大气的背景，网站上的所有案例都提供了代码。 image.png 7....你可以在网站上根据自己的需求设置条纹的颜色、大小、倾斜角度等属性。 最后会返回一段 css 代码给你。 8.
一些有WebGL体验的页面，浏览者有种在一个带有材质的隧道中穿梭的感受。这有赖于Three.js以及由fornasetti.com带来的灵感。 ?...例子地址 下载资源 WebGL变得原来越流行，我们可以看到一些列的网站使用WebGL来达到惊艳且具创造力的效果。...Fornasetti 近期发布了一个网站，其中借助WebGL达到了极好的效果：让我们身临穿梭于带有不断变换背景的隧道之中的运动。最有趣的莫过于可以通过鼠标控制我们穿梭的方向。...Fornasetti的网站截图 起步 在例子中我们会使用Three.js这个常用的库，来使构建WebGL效果更为便捷。...当你对于使用Three.js不是那么顺畅，我建议你先阅读一些入门课程。这里提供一个Rachel Smith写的三部分的入门课程。
一款酷炫的前端动态页面 废话不多说 ，分享一款酷炫的页面动态背景 效果见下图。 ...background: #ccc; overflow: auto; z-index: -1; } 背景html 背景js...window.innerWidth; h = myCanvas.height = window.innerHeight; num= Math.floor(w*h*0.00028);//点的数量...function draw(){ ctx.clearRect(0,0,w,h)//先清除画布上的点 for(var i = 0;i < num;i++){...999; } 点击效果HTML 点击效果js
2.Github镜像源网站 作为国内用户，我听很多工友都吐槽过访问Github很慢很慢，再加上访问Github需要访问国外网站，这又难倒了一群英雄好汉。...所以，在这里给大家分享几个Github镜像源网站，亲测好用！...没关系，404界面有拖拽的圆点，继续画呗，反正不耽误生产力！ 看着这么多有意思的404界面，咱们务必得“卷”起来~所以，给大家安利一个找404页面素材的网站：Errow404。...在开发时，给插画再加上炫酷动效，令人兴奋的404页面不就搞定了吗！...Microsoft To Do默认的清单设置有“我的一天”、“重要”和“To do”三个清单分类，界面简洁清爽，很容易上手。
$(function () { var filters_1212 = ['sdo.com', 'xoyo.com', 'qq.com', '163.c...
目前我有两个网站部署上线，分别是 www.cxyxiaowu.com www.algomooc.com 两个网站都是基于宝塔进行搭建的，cxyxiaowu 是 WordPress 网站系统，algomooc...一般来说，博客网站选 **入门设置（1核1GB）**就够了。 镜像：选择您需要的云服务器操作系统。选 CentOS。 公网带宽：默认就够了。 购买数量：先买一台玩玩。 购买时长：先买一年玩玩。...先在小程序上填写备案资料（填写姓名、身份证、联系方式、网站用途等），一般一个小时左右就会有腾讯的工作人员联系你，会协助你修改有误的内容，没问题的话基本上第二天腾讯云就会将资料上传给管局审核，大概 20...根据规定，首次备案或者添加备案，已经提交了备案，但是备案结果还没下来，网站是不能被打开的，所以请耐心的等待备案通过。...插件的安装建议只安装需要用到的插件，多余的插件会让整个博客显得臃肿和卡顿！ 经过自己慢慢的经营，不断的更新文章，整个网站内容变丰富了！ ? 以上就是 www.cxyxiaowu.com 的搭建过程。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
