首页
关于
友链
留言板
Search
1
Typecho和Joe主题美化记录
750 阅读
2
海外各类账号注册
658 阅读
3
图片懒加载插件
621 阅读
4
网站添加社会主义核心价值观鼠标点击特效
590 阅读
5
产品360度旋转插件
503 阅读
前端技术
干货分享
深度好文
Search
南下客
累计撰写
22
篇文章
累计收到
12
条评论
首页
栏目
前端技术
干货分享
深度好文
页面
关于
友链
留言板
搜索到
22
篇与
的结果
2023-11-14
为何很多人感觉现在赚钱如此艰难
在当今社会,许多人都感到赚钱变得越来越困难。这一感觉可能是由多种因素共同作用而产生的结果。让我们一起来探讨一下为什么很多人对如今的经济状况感到困扰。首先,随着全球化的推进,市场竞争变得更加激烈。过去,许多行业可能只在本地或国家范围内竞争,但现在,企业必须在全球市场上竞争。这导致了许多行业的过度供给和需求不足,使得许多人感到难以在竞争激烈的市场中脱颖而出。其次,技术的迅猛发展也对就业和赚钱方式造成了深远的影响。自动化技术和人工智能的崛起,虽然提高了生产效率,但也削弱了一些传统行业的就业机会。许多人发现,他们曾经在某个行业取得的技能在现代经济中已经过时,需要不断学习新技能以适应市场需求。第三,金融体系的不稳定性也是一个重要的因素。金融危机、股市波动以及货币贬值等问题使得很多人感到对未来的经济前景缺乏信心。在这种不确定的环境下,许多人更加谨慎地管理他们的财务,导致了对赚钱机会的观望态度。另外,生活成本的上升也是造成这种感觉的一个原因。房价、教育费用、医疗费用等生活必需品的成本不断上涨,使得人们感到生计压力更大,赚钱更为困难。这种情况尤其影响年轻人,许多人感到难以在当前经济环境中实现自己的经济独立。然而,尽管面临这些困难,我们也可以从中寻找机会。技术的发展为创业提供了新的可能性,自由职业和远程工作的兴起为人们提供了更加灵活的工作方式。同时,不断提升自己的技能和知识,适应市场需求的变化,也是应对挑战的有效途径。总的来说,感觉现在赚钱很难可能是由多种因素交织而成的结果。在这个不断变化的经济环境中,我们需要更加灵活和适应变化,不断提升自己,寻找新的机会,以更好地应对经济挑战。
2023年11月14日
157 阅读
1 评论
3 点赞
2023-01-01
海外各类账号注册
Google账号,Twitter账号,Instagram账号,TikTok账号,ChatGPT账号,AppleID账号,Midjourney(高级会员)
2023年01月01日
658 阅读
0 评论
24 点赞
2022-12-03
倒计时js代码
Html<div id="all"> <div class="timetext"> <div>2023年元旦倒计时</div> <div>元旦时间:2023年1月1日</div> <div>目前距离2023年元旦还有</div> <div> <span id="t_d"></span> <span id="t_h"></span> <span id="t_m"></span> <span id="t_s"></span> </div> </div> </div> Jsfunction getRTime() { var EndTime = new Date("2023/01/01 00:00:00"); //截止时间 var NowTime = new Date(); var t = EndTime.getTime() - NowTime.getTime(); var d = Math.floor(t / 1000 / 60 / 60 / 24); var h = Math.floor(t / 1000 / 60 / 60 % 24); var m = Math.floor(t / 1000 / 60 % 60); var s = Math.floor(t / 1000 % 60); document.getElementById("t_d").innerHTML = d + " 天"; document.getElementById("t_h").innerHTML = h + " 时"; document.getElementById("t_m").innerHTML = m + " 分"; document.getElementById("t_s").innerHTML = s + " 秒"; } setInterval(getRTime, 0);
2022年12月03日
267 阅读
0 评论
9 点赞
2022-11-30
网页变灰css代码
html { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1) }
2022年11月30日
410 阅读
0 评论
16 点赞
2022-09-12
Typecho和Joe主题美化记录
评论显示IP归属地(下载插件并上传至/usr/plugins目录)修复路径:/usr/themes/Joe-master/public/comment.php 添加下面的代码到第116行<?php XQLocation_Plugin::render($comments->ip); ?>隐藏内容,请前往内页查看详情文章未收录却显示已收录Bug修复修改路径:/usr/themes/Joe-master/core/route.php 添加下面的代码到第143行$header[] = "Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9";隐藏登录/注册按钮修改路径:/usr/themes/Joe-master/public/header.php 注释第217~228行代码 <?php else : ?> <!-- 隐藏登录/注册按钮 --> <!-- <div class="item"> <svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="15" height="15"> <path d="M710.698 299a213.572 213.572 0 1 0-213.572 213.954A213.572 213.572 0 0 0 710.698 299zm85.429 0a299.382 299.382 0 1 1-299-299 299 299 0 0 1 299 299z" /> <path d="M114.223 1024a46.91 46.91 0 0 1-46.91-46.91 465.281 465.281 0 0 1 468.332-460.704 475.197 475.197 0 0 1 228.827 58.35 46.91 46.91 0 1 1-45.384 82.378 381.378 381.378 0 0 0-183.443-46.909 371.08 371.08 0 0 0-374.131 366.886A47.29 47.29 0 0 1 114.223 1024zM944.483 755.129a38.138 38.138 0 0 0-58.733 0l-146.449 152.55-92.675-91.53a38.138 38.138 0 0 0-58.732 0 43.858 43.858 0 0 0 0 61.402l117.083 122.422a14.492 14.492 0 0 0 8.39 4.577c4.196 0 4.196 4.195 8.39 4.195h32.037c4.195 0 4.195-4.195 8.39-4.195s4.195-4.577 8.39-4.577L946.39 816.15a48.054 48.054 0 0 0-1.906-61.02z" /> <path d="M763.328 776.104L730.53 744.45a79.708 79.708 0 0 0 32.798 31.654" /> </svg> <a href="<?php $this->options->adminUrl('login.php'); ?>" target="_blank" rel="noopener noreferrer nofollow">登录</a> <?php if ($this->options->allowRegister) : ?> <span class="split">/</span> <a href="<?php $this->options->adminUrl('register.php'); ?>" target="_blank" rel="noopener noreferrer nofollow">注册</a> <?php endif; ?> </div> --> <?php endif; ?>留言板画图模式隐藏修改路径:/usr/themes/Joe-master/public/comment.php 注释第17~18行代码<!-- <button class="item" data-type="draw">画图模式</button> --> <!-- <button class="item active" data-type="text">文本模式</button> -->typecho修改后台地址修改路径:/config.inc.php 修改第12行代码define('__TYPECHO_ADMIN_DIR__', '/vip/');将admin文件夹改改成vip,将config.inc.php文件的admin改成vip
2022年09月12日
750 阅读
3 评论
42 点赞
2022-08-15
幸与不幸都有尽头
人生如梦,幸福与不幸似乎总是交替上演。无论是欢笑还是泪水,都有一个共同的特点——它们都有尽头。幸福是生活中美好的瞬间,它可以是一次微笑、一份爱意、一份成就感,或是一次特殊的经历。然而,幸福通常是短暂的,正如一瞬即逝的流星。这正是幸福的魅力所在,因为它的珍稀使我们更加懂得如何珍惜。当你感到幸福时,不要贪婪。尽情享受这一刻,感受其中的快乐,同时要意识到它是有限的。幸福的尽头是让我们更懂感恩的地方。不幸是生活中的必然组成部分,就像夜晚终将过去,不幸也会逝去。当困境降临时,我们可以选择感到绝望,也可以选择积极应对。不幸的尽头不是失败,而是成长和坚韧。每一次挫折都是一次宝贵的经验,每一次失败都是通往成功的踏板。不要害怕不幸,接受它,学会从中吸取教训,然后勇敢地前行。生活是一个不断循环的过程,就像白天和夜晚、四季更迭。幸福和不幸也如此。当我们经历幸福时,我们可以感到庆幸,但不要忘记不幸可能会在未来再次到来。同样,当不幸降临时,我们要记住,幸福也在前方等待。这个循环提醒着我们珍惜每一刻,同时也让我们更加谨慎、有备无患。不管是幸福还是不幸,它们都有尽头,而这正是生命的美丽之处。幸与不幸都是生活中的一部分,它们都有尽头。在这个永恒的循环中,我们需要学会珍惜幸福、积极面对不幸,以及明白生命的变化是不可避免的。正因为如此,我们才能更好地品味生命的滋味,成长为更坚强、更智慧的人。无论幸与不幸,它们都是生命旅程中不可或缺的一部分。
2022年08月15日
237 阅读
0 评论
9 点赞
2022-07-14
产品360度旋转插件
Circlr插件是一款基于jQuery的可以对图片进行360度全方位旋转展示的插件。可以使用鼠标拖动、鼠标滚轮和移动触摸来进行图片逐帧旋转的效果。主要的特点有:支持水平或垂直方向旋转。支持移动触摸事件。支持滚动事件。图片预加载处理。可以反向和循环旋转图片。<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>360度3D旋转</title> <style> #circlr { cursor: move; margin: 0 auto; min-height: 100px; position: relative; } #circlr #loader { background: url(../images/loader.gif) center center no-repeat; bottom: 0; display: none; left: 0; position: absolute; right: 0; top: 0; } </style> </head> <body> <div class="container"> <div id="circlr"> <div id="loader"></div> </div> </div> <script src="js/jquery.min.js"></script> <script src="js/circlr.min.js"></script> <script> // 图片太多用js动态添加 for (var i = 1; i <= 40; i++) { var img = $("<img data-src='images/" + i + ".png'/>"); $("#circlr").append(img); } </script> <script> $(function () { // 入口函数 ,等上面的图片加载完毕之后才执行 var crl = circlr('circlr', { scroll: true, // 滚动滚轮也能旋转 loader: 'loader' }) }) </script> </body> </html>参数mouse:是否通过鼠标进行图片旋转,默认值为true。scroll:是否通过scroll进行图片旋转,默认值为false。vertical:是否在垂直方向上移动鼠标时旋转图片,默认值为false。reverse:是否反转方向,默认值为false。cycle:是否循环旋转图片,默认值为true。start:开始动画帧,默认值为0。speed:动画帧通过circlr.turn(i)切换的速度,默认值为50毫秒。autoplay:是否自动进行图片360度旋转播放,默认值为false。playSpeed:动画序列的播放速度,默认值为100毫秒。loader:预加载DOM元素的ID。ready:图片加载完成后的回调函数。change:动画帧改编之后的回调函数(以当前帧和总帧数为参数)。方法crl.el:返回对象的DOM元素节点。crl.length:返回对象的总的动画帧数。crl.turn(i):动画旋转到第i帧。crl.go(i):动画跳转到第i帧。crl.play():开始动画序列的播放。crl.stop():停止动画播放。crl.hide():隐藏对象的DOM元素节点。crl.show():显示对象的DOM元素节点。crl.set(options):在插件初始化之后改变对象的参数:verticalreversecyclespeedplaySpeed文件下载隐藏内容,请前往内页查看详情
2022年07月14日
503 阅读
1 评论
25 点赞
2022-07-03
移动端、pc端通用点击复制
<script> function copyArticle(event) { const range = document.createRange(); range.selectNode(document.getElementById('dd')); const selection = window.getSelection(); if (selection.rangeCount > 0) selection.removeAllRanges(); selection.addRange(range); document.execCommand('copy'); $(this).text("已复制"); setTimeout(function () { $("#cp1").text("点击复制") }, 1000); } document.getElementById('cp1').addEventListener('click', copyArticle, false); </script>
2022年07月03日
442 阅读
0 评论
19 点赞
2022-06-28
Jq获取上传文件的名称类型及大小
上传多个文件需添加multiple属性:<input id="fUpload" multiple type="file" /> <ul id="ulList"></ul> <input id="btnShow" type="button" value="显示上传文件的详细" />先检测文件的数量通过循环来分别获取每个文件的详细信息:<script> $("#btnShow").on('click', function () { $("#ulList").empty(); var fp = $("#fUpload"); var lg = fp[0].files.length; // get length var items = fp[0].files; var fragment = ""; if (lg > 0) { for (var i = 0; i < lg; i++) { var fileName = items[i].name; // get file name var fileSize = items[i].size; // get file size var fileType = items[i].type; // get file type // append li to UL tag to display File info fragment += "<li>" + fileName + " (<b>" + fileSize + "</b> bytes) - Type :" + fileType + "</li>"; } $("#ulList").append(fragment); } }); </script>
2022年06月28日
439 阅读
0 评论
17 点赞
2022-06-06
前端必备的Visual Studio Code插件
Auto Close Tag匹配标签关闭对应的标签Auto Rename Tag可以在一个标签更改时自动更新另一个标签IntelliSense for CSS class names in HTMLCSS 类名智能提示open in browser用浏览器预览运行html文件Bracket Pair Colorizer让括号拥有独立的颜色易于区分Color Info提供你在 CSS 中使用颜色的相关信息Colorize会给颜色代码增加一个当前匹配代码颜色的背景One Dark Pro暗色主题Beautify格式化javascript,JSON,CSS,Sass,和HTMLDocument This快速注释
2022年06月06日
479 阅读
0 评论
26 点赞
1
2
3