前端技术
HTML
CSS
Javascript
前端框架和UI库
VUE
ReactJS
AngularJS
JQuery
NodeJS
JSON
Element-UI
Bootstrap
Material UI
服务端和客户端
Java
Python
PHP
Golang
Scala
Kotlin
Groovy
Ruby
Lua
.net
c#
c++
后端WEB和工程框架
SpringBoot
SpringCloud
Struts2
MyBatis
Hibernate
Tornado
Beego
Go-Spring
Go Gin
Go Iris
Dubbo
HessianRPC
Maven
Gradle
数据库
MySQL
Oracle
Mongo
中间件与web容器
Redis
MemCache
Etcd
Cassandra
Kafka
RabbitMQ
RocketMQ
ActiveMQ
Nacos
Consul
Tomcat
Nginx
Netty
大数据技术
Hive
Impala
ClickHouse
DorisDB
Greenplum
PostgreSQL
HBase
Kylin
Hadoop
Apache Pig
ZooKeeper
SeaTunnel
Sqoop
Datax
Flink
Spark
Mahout
数据搜索与日志
ElasticSearch
Apache Lucene
Apache Solr
Kibana
Logstash
数据可视化与OLAP
Apache Atlas
Superset
Saiku
Tesseract
系统与容器
Linux
Shell
Docker
Kubernetes
[Java性能优化 ]的搜索结果
这里是文章列表。热门标签的颜色随机变换,标签颜色没有特殊含义。
点击某个标签可搜索标签相关的文章。
点击某个标签可搜索标签相关的文章。
转载文章
转载文章
...于企业来说,不仅需要优化日志筛选工具以提升效率,还应确保所有操作行为可追溯,符合法规要求。 同时,在DevOps实践中,日志聚合与智能分析平台如Splunk、Elasticsearch和Logstash(ELK Stack)等也在日志管理领域崭露头角,它们提供了强大的搜索过滤功能以及机器学习算法支持,能够帮助企业快速定位问题、预测潜在风险,并有效提高运维工作效率。 综上所述,日志筛选与分析不仅是IT运维的重要一环,也是当今网络安全与合规保障的关键手段。了解并掌握最新的日志处理技术和解决方案,有助于企业和组织在面对日益复杂的网络环境时,更好地维护信息系统的稳定性和安全性。
2023-11-12 11:51:46
151
转载
Javascript
...l 然后,在JavaScript文件中添加以下代码: javascript // 获取本地视频 const localStream = await navigator.mediaDevices.getUserMedia({ audio: true, video: true }); // 创建RTC对讲机 const pc = new RTCPeerConnection(); // 添加媒体流 pc.addTransceiver('audio'); pc.addTransceiver('video'); // 获取远程视频容器 const remoteVideo = document.getElementById('remoteVideo'); // 将本地视频流添加到远程视频容器 pc.getSenders().forEach((sender) => { sender.track.id = 'localVideo'; remoteVideo.srcObject = sender.track; }); // 接收媒体流 pc.ontrack = (event) => { event.streams.forEach((stream) => { stream.getTracks().forEach((track) => { track.id = 'remoteVideo'; const videoElement = document.createElement('video'); videoElement.srcObject = track; document.body.appendChild(videoElement); }); }); }; // 连接到其他客户端 function connect(otherUserURL) { // 创建新的RTCPeerConnection对象 const otherPC = new RTCPeerConnection(); // 设置回调函数,处理ICE候选信息和数据通道 otherPC.onicecandidate = (event) => { if (!event.candidate) return; pc.addIceCandidate(event.candidate); }; otherPC.ondatachannel = (event) => { event.channel.binaryType = 'arraybuffer'; channel.send('hello'); }; // 发送offer const offerOptions = { offerToReceiveAudio: true, offerToReceiveVideo: true }; pc.createOffer(offerOptions).then((offer) => { offer.sdp = SDPUtils.replaceBUNDLE_ID(offer.sdp, otherUserURL); offer.sdp = SDPUtils.replaceICE_UFRAG_AND_FINGERPRINT(offer.sdp, otherUserURL); offer.sdp = SDPUtils.replaceICEServers(offer.sdp, iceServers); return otherPC.setRemoteDescription(new RTCSessionDescription(offer)); }).then(() => { return otherPC.createAnswer(); }).then((answer) => { answer.sdp = SDPUtils.replaceBUNDLE_ID(answer.sdp, otherUserURL); answer.sdp = SDPUtils.replaceICE_UFRAG_AND_FINGERPRINT(answer.sdp, otherUserURL); answer.sdp = SDPUtils.replaceICEServers(answer.sdp, iceServers); return pc.setRemoteDescription(new RTCSessionDescription(answer)); }).catch((err) => { console.error(err.stack || err); }); } 在这个例子中,我们首先通过getUserMedia API获取用户的实时音频和视频流,然后创建一个新的RTCPeerConnection对象,并将媒体流添加到这个对象中。 接着,我们设置了回调函数,处理ICE候选信息和数据通道。当你收到ICE候选信息的时候,我们就把它塞到本地的那个RTCPeerConnection对象里头;而一旦收到数据通道的消息,我们就会把它的binaryType调成'arraybuffer'模式,然后就可以在通道里畅所欲言,发送各种消息啦。 最后,我们调用connect函数,与其他客户端建立连接。在connect函数里头,我们捣鼓出了一个崭新的RTCPeerConnection对象,就像组装一台小机器一样。然后呢,我们还给这个小家伙绑定了几个“小帮手”——回调函数,用来专门处理ICE候选信息和数据通道这些重要的任务,让它们能够实时报告状况,确保连接过程顺畅无阻。然后呢,我们给对方发个offer,就像递出一份邀请函那样。等对方接收到后,他们会回传一个answer,这就好比他们给出了接受邀请的答复。我们就把这个answer,当作是我们本地RTCPeerConnection对象的远程“地图”,这样一来,连接就算顺利完成啦! 五、结论 WebRTC技术为我们提供了一种方便、快捷、安全的点对点通信方式,大大提高了应用的交互性和实时性。当然啦,这只是个入门级的小例子,实际上的运用场景可能会复杂不少。不过别担心,只要咱们把WebRTC的核心原理和使用技巧都整明白了,就能根据自身需求灵活施展拳脚,开发出更多既有趣又有用的应用程序,保证让你玩得飞起! 未来,随着5G、物联网等技术的发展,WebRTC将会发挥更大的作用,成为更多应用场景的首选方案。让我们一起期待这个充满可能的新时代吧!
2023-12-18 14:38:05
315
昨夜星辰昨夜风_t
Etcd
... 4. 解决方案与优化策略 1. 调整客户端超时参数 在Etcd客户端中,可以调整请求超时时间以适应实际网络状况。例如,在Golang的Etcd客户端中,可以通过修改以下代码来增加超时时间: go client, err := etcd.New("http://localhost:2379", &etcd.Config{Timeout: time.Second 5}) 这里的Timeout参数设置为5秒,可以根据实际情况进行调整。 2. 使用心跳机制 Etcd提供了心跳机制来检测leader的状态变化。客户端可以定期发送心跳请求给leader,以保持连接活跃。这有助于减少由于leader变更导致的超时错误。 3. 平衡负载 确保Etcd集群中的节点分布均匀,避免单个节点过载。嘿,兄弟!你知道吗?要让系统稳定得像磐石一样,咱们得用点小技巧。比如说,咱们可以用负载均衡器或者设计一些更精细的路径规则,这样就能把各种请求合理地分摊开,避免某个部分压力山大,导致系统卡顿或者崩溃。这样一来,整个系统就像一群蚂蚁搬粮食,分工明确,效率超高,稳定性自然就上去了! 4. 网络优化 优化网络配置,如使用更快的网络连接、减少中间跳转节点等,可以显著降低网络延迟,从而减少超时情况。 5. 实践案例 假设我们正在开发一个基于Etcd的应用,需要频繁读取和更新数据。在实现过程中,我们发现客户端请求经常因网络延迟导致超时。通过调整客户端超时参数并启用心跳机制,我们成功降低了错误率。 go // 创建Etcd客户端实例 client, err := etcd.New("http://localhost:2379", &etcd.Config{Timeout: time.Second 5}) if err != nil { log.Fatalf("Failed to connect to Etcd: %v", err) } // 执行读取操作 resp, err := client.Get(context.Background(), "/key") if err != nil { log.Fatalf("Failed to get key: %v", err) } // 输出结果 fmt.Println("Key value:", resp.Node.Value) 通过实践,我们可以看到,合理配置和优化Etcd客户端能够有效应对“Request timeout while waiting for Raft term change”的挑战,确保分布式系统的稳定性和高效运行。 结语 面对分布式系统中的挑战,“Request timeout while waiting for Raft term change”只是众多问题之一。哎呀,兄弟!要是咱们能彻底搞懂Etcd这个家伙到底是怎么运作的,还有它怎么被优化的,那咱们系统的稳定性和速度肯定能上一个大台阶!就像给你的自行车加了涡轮增压器,骑起来又快又稳,那感觉简直爽翻天!所以啊,咱们得好好研究,把这玩意儿玩到炉火纯青,让系统跑得飞快,稳如泰山!在实际应用中,持续监控和调整系统配置是保证服务稳定性的关键步骤。希望本文能为你的Etcd之旅提供有价值的参考和指导。
2024-09-24 15:33:54
120
雪落无痕
转载文章
...,必须兼顾用户体验的优化与完善。 近年来,随着5G网络的普及以及AI技术的快速发展,声音社交产品的形态正在发生深刻变化。比如,Snapchat等社交媒体已成功引入了多种音频滤镜和变声功能,这些功能不仅能够增强用户互动性,还通过趣味化处理提升了用户分享内容的积极性。相比之下,尽管啵啵试图另辟蹊径,但在声音美化技术的应用上还需进一步探索和突破。 此外,值得注意的是,在移动互联网时代,用户的注意力日益碎片化,社交产品的黏性和活跃度愈发依赖于其独特的内容生成方式及社交机制。未来,无论是啪啪还是啵啵,乃至整个社交产品市场,都需要深入挖掘用户需求,不断迭代产品功能,并在竞争激烈的市场环境中找准自身定位,实现差异化发展。 近期,有消息称,一些社交应用正致力于研发更为智能的声音识别与编辑技术,力求将声音元素与AI算法结合,创造出更具吸引力和个性化的声音社交体验。这一发展趋势表明,对于包括人人网在内的所有社交平台而言,持续关注并投入技术研发,紧跟甚至引领行业趋势,才是保持竞争力并在市场上立足的关键所在。
2023-08-17 12:49:28
487
转载
转载文章
... HTML+CSS+JavaScript+jQuery前端必学教程,小白教学,前端基础全套完成版_哔哩哔哩_bilibili 菜鸟教程网址:HTML 教程 | 菜鸟教程 (runoob.com) 一、获取表单 <!-- 获取表单(前两种常用)1. document.getElementById("id属性值");通过form标签的id属性值获取表单对象2.document.表单的nane属性值:通过表单的name属性值获取表单对象3.document.forms[下标]: 通过指定下标获取表单元素4.document.forms[表单的name属性值];通过表单的name属性值获取表单对象document.forms:获取HTML文档中所有的表单对象--> <form id="myform1" name= "myform1" action=""></form><form id="myform2" name= "myform2" action=""></form><script type="text/javascript">// 1. document.getElementById("id属性值");console.log(document.getElementById("myform1"));// 2. document.表单的name属性值; console.log(document.myform2);console.log("----------------");//获取所有的表单对象console.log(document.forms); // 3. document.forms[下标];console.log(document.forms[0]);// 4. document.forms[表单的name属性值]; console.log(document.forms["myform2"]);</script> 运行效果截图: 二、获取表单元素 获取表单元素1.获取input元素1. document.getElementById("id属性值"): 通过元素的id属性值获取表单元素对象2.表单对象.表单元素的name属性值;通过表单对象中对应的元素的name属性值获取3. document.getELementsByName("name属性值");通过表单元素的name属性值获取4. document.getELementsByTagName("标签名/元素名");通过标签名获取表单元素对象2.获取单选按钮注:相同的一组单选按钮,需要设置相同的name属性值1. document.getElementByName("name属性值");通过name属性值获取2.判断单选按钮是否选中checked选中状态在JS代码中checked=true表示选中checked=false表示不选中在HTML标签中checked=checked或checked表示选中不设置checked属性表示不选中3.获取单选按钮的值元表.value;3.获取多选按钮与单选按钮相同4.获取下拉选项1.获取下拉框对象var对象 = document.getElementById("id属性值");2.获取下拉框的下拉选项列表var options = 下拉框对象.options;3.获取下拉框被选中项的索引var index = 下拉框对象.selectedIndex;4.获取下拉框被选中项的值var 值 = 下拉框对象.value;5.通过选中项的下标获取下拉框被选中项的值var 值 = 下拉框对象.options[index].value;6.获取下拉框被选中项的文本var文本值一下拉框对象.options[index].text;注:1.获取下拉框选中项的值时: (value)如果option标签设置了value属性值,则获取value属性对应的值;如果option标签未设置value属性值,则获取的是option双标签中的文本值2.下拉框的选中状态:选中状态: selected = selected、 selected、 selected = true未选中状态:不设置selected属性、 selected=false; <form id='myform' name="myform" action="" method="get">姓名:<input type="text" id="uname" name="uname" value="zs"/><br />密码:<input type= "password" id="upwd" name="upwd" value= "1234"/><br /><input type="hidden" id= "uno" name="uno" value="隐藏域"/>个人说明:<textarea name="intro" ></textarea><br><button type="button" onclick="getTxt();" >获取元素内容</button><hr><br><input type="text" name="inputName" class="test" value="aaa" /><input type="radio" name="rad" class="test" value="1" /> 男<input type="radio" name="rad" class="test" value="2" /> 女<button type="button" onclick="getRadio()">获取单选按钮</button><br><hr><br>全选/全不选: <input type="checkbox" id="control" onclick="checkAllOrNot()" /><button type="button" onclick= "checkFan()">反选</button><br><input type="checkbox" name= "hobby" value="sing" />唱歌<input type="checkbox" name= "hobby" value="dance" />跳舞<input type="checkbox" name= "hobby" value="rap" />说唱<button type="button" onclick="getCheckBox()">获取多选按钮</button><br><hr><br>来自:<select id="ufrom" name= "ufrom" ><option value = "" >请选择</option><option value = "Beijing" selected="selected" >北京</option><option value = "Shanghai">上海</option><option value = "Hangzhou">杭州</option></select><button type="button" onclick= "getSelect()" >获取下拉选项</button></form><script type=" text/javascript">function getTxt() {// 1. document.getElementById("id属性值");var uname = document.getElementById("uname").value;console.log(uname);// 2.表单对象.表单元表的name属性值;var pwd = document.getElementById("myform").upwd.value;console.log(pwd);// 3. document.getELementsByName("name属性值");var uno = document.getElementsByName("uno")[0].value;console.log(uno);// 4. document.getELementsByTagName("标签名/元素名");var intro = document.getElementsByTagName("textarea")[0].value;console.log(intro);}function getSelect() {//获取下拉框对象var ufrom = document.getElementById("ufrom");console.log(ufrom);//获取下拉框的下拉选项列表var opts = ufrom.options;console.log(opts);//获取下拉框被选中项的索引var index = ufrom.selectedIndex;console.log("选中项的下标:" + index);//获取下拉框被选中项的值var val = ufrom.value;console.log("被选中项的值:" + val);//通过选中项的下标获取下拉框被选中项的值var val2 = ufrom.options[index].value;console.log("被选中项的值:"+ val2);//获取下拉框被选中项的文本var txt=ufrom.options[index].text; console.log("被选中项的文本:"+ txt);}</script> 运行效果截图: 三、提交表单 提交表单一、使用普通按钮type="button"1.给按钮绑定click点击事件,绑定函数2.在函数中,进行表单校验(非空校验、 合法性校验等)3.如果校验通过,则手动提交表单表单对象.submit();二、使用提交按钮type="submit"1.给按钮绑定click点击事件,绑定函数2.函数需要有返回值,返回true或false (如果return false, 则表单不会提交:如果return true,则提交表单)onclick="return 函数名()"3.在函数中,进行表单校验(非空校验、 合法性校验等)4.如果校验通过,返回true;如果校验不通过,则返回false, 则表单不会提交:如果return true,则提交表单)三、使用提交按钮type="submit"1.给表单form元素绑定submit提交事件,绑定函数2.函数需要有返回值,返回true或false (如果return false, 则表单不会提交;如果return trueonsubmit="return函数名()" 3.在函数中,进行表单校验(非空校验、 合法性校验等)4.如果校验通过,返回true;如果校验不通过,则返回false <!--使用普逍按钮 type= "button"--><form id= 'myform' name= "myform" action="http://www.baidu.com" method="get" >姓名: <input name= "uname" id="uname"/> <span id = "msg" style="font-s1ze: 12px; color: red;"></span><br /><button type="button" onclick="submitForm1()">提交</button></form><!--使用提交按钮 type= "submit"--><form id= 'myform2' name= "myform2" action="http://www.baidu.com" method="get" >姓名: <input name= "uname2" id="uname2"/> <span id = "msg2" style="font-s1ze: 12px; color: red;"></span><br /><button type="submit" onclick="return submitForm2()">提交</button></form><!--使用提交按钮 type= "submit"--><form id= 'myform3' name= "myform3" action="http://www.baidu.com" method="get" onsubmit="return submitForm3()">姓名: <input name= "uname3" id="uname3"/> <span id = "msg3" style="font-s1ze: 12px; color: red;"></span><br /><button type="submit">提交</button></form><script type="text/javascript">// 表单校验// 提交表单function submitForm1() {//得到文本框的值var uname = document.getElementById("uname").value;//判断是否为空if (isEmpty(uname)) { //为空//设置提示信息(设置span元素的值)document.getElementById("msg").innerHTML="性名不能为空!" ;//阻止表单提交return;}//手动提交表单document.getElementById("myform").submit(); }function submitForm2() {//得到文本框的值var uname2 = document.getElementById("uname2").value;//判断是否为空if (isEmpty(uname2)) { //为空//设置提示信息(设置span元素的值)document.getElementById("msg2").innerHTML="性名不能为空!" ;//阻止表单提交return false;}return true;}function submitForm3() {//得到文本框的值var uname3 = document.getElementById("uname3").value;//判断是否为空if (isEmpty(uname3)) { //为空//设置提示信息(设置span元素的值)document.getElementById("msg3").innerHTML="性名不能为空!" ;//阻止表单提交return false;}return true;}/ 判断字符串是否为空如果为空,返回true如果非空,返回falsetrim() :字符串方法, 去除字符串前后空格@param {Object} str/function isEmpty(str) {//判断是否为空if (str == null || str.trim() == "") {return true;}return false;}</script> 运行效果截图: 四、原生Ajax实现流程 <!-- Ajax 异步无刷新技术原生Ajax的实现流程1.得到XMLHttpRequest对象var xhr = new XMLHttpRequest();2.打开请求xhr.open(method, uri, async) ;method:请求方式,通常是GEI|POSTurl:请求地址async:是否异步。如果是true表示异步,false表示同步3.发送请求xhr.send(params);params:请求时需要传递的参数如果是GET请求,设置nu11。 (GET请求的参数设置在url后面)如果是POST请求,无参数设置为null,有参数则设置参数4.接收响应xhr.status响应状态(200=响应成功, 404=资源末找到,500=服务器异常)xhr.responseText 得到响应结果 --> <script type="text/javascript">// 同步请求function text01() {// 1.得到XMLHttpRequest对象var xhr = new XMLHttpRequest();// 2.打开请求xhr.open("get", "js/date.json", false);// 3.发送请求xhr.send(null);// 4.判断响应状态if (xhr.status == 200) {console.log("响应成功");} else {console.log("状态码:" + xhr.status + ",原因:" + xhr.responseText)}console.log("同步请求...");}text01();// 异步请求function text02() {// 1.得到XMLHttpRequest对象var xhr = new XMLHttpRequest();// 2.打开请求xhr.open("get", "js/date.json", true);// 3.发送请求xhr.send(null);// 由于是异步请求,所以需要知道后台已经将请求处理完毕,才能获取响应结果// 遇过监听readyState的变化来得知后面的处理状态 4=完全处理xhr.onreadystatechange = function(){if(xhr.readyState == 4){// 4.判断响应状态if (xhr.status == 200) {// 得到响应结果 console.log(xhr.responseText);} else {console.log("状态码:" + xhr.status + ",原因:" + xhr.responseText)} }}console.log("异步请求...");}text02();</script> 运行效果截图: 本篇文章为转载内容。原文链接:https://blog.csdn.net/m0_61507413/article/details/122895643。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-10-22 17:32:41
521
转载
转载文章
...能重复) 由于以前对javascript了解不够深入 一时间手足无措 后来经过两位高手同事的指点(对这两位同事的敬仰犹如滔滔江水连绵不绝...) 恍然大悟 豁然开朗 成功地完成了此功能的添加 首先来介绍一下javascript中关于此功能的一些对象和方法: 1. window.event对象: event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。 2. event.srcElement: 表示该事件的发生源 通俗一点说也就是该事件被触发的地方 3. srcElement.parentNode: 表示该事件发生源的父结点 4. srcElement.tagName: 表示事件发生源的标签名 5. toUpperCase(): 大写化相应字符串的方法 基本上就是这些属性和方法,可能对于刚刚接触javascript的朋友们或者以前很少使用此类功能的朋友来说, 这些对象有些陌生,不过没关系,了解以后发现其实并不难,和javascript验证表单之类的并没有太多的不同。 下面就结合程序给大家一步一步讲解(程序难免有不合理之处,希望大家多多指正,共同进步): 第一部分:javascript纪录浏览动作 复制内容到剪贴板 代码: function glog(evt) //定义纪录鼠标点击动作的函数 { evt=evt?evt:window.event;var srcElem=(evt.target)?evt.target:evt.srcElement; try { while(srcElem.parentNode&&srcElem!=srcElem.parentNode) //以上这个语句判断鼠标动作是否发生在有效区域,防止用户的无效点击也被纪录下来 { if(srcElem.tagName&&srcElem.tagName.toUpperCase()=="A")//判断用户点击的对象是否属于链接 { linkname=srcElem.innerHTML; //取出事件发生源的名称,也就是和之间的文字,也就是链接名称哈 address=srcElem.href+"_www.achome.cn_"; //取出事件发生源的href值,也就是该链接的地址 wlink=linkname+"+"+address; //将链接名称和链接地址整合到一个变量当中 old_info=getCookie("history_info"); //从Cookies中取出以前纪录的浏览历史,该函数后面有声明 //以下程序开始判断新的浏览动作是否和已有的前6个历史重复,如果不重复则写入cookies var insert=true; if(old_info==null) //判断cookie是否为空 { insert=true; } else { var old_link=old_info.split("_www.achome.cn_"); for(var j=0;j<=5;j++) { if(old_link[j].indexOf(linkname)!=-1) insert=false; if(old_link[j]=="null") break; } } if(insert) { wlink+=getCookie("history_info"); setCookie("history_info",wlink); //写入cookie,该函数后面有声明 history_show().reload(); break; } } srcElem = srcElem.parentNode; } } catch(e){} return true; } document.οnclick=glog;//使每一次页面的点击动作都执行glog函数 第2部分:Cookies的相关函数 复制内容到剪贴板 代码: //cookie的相关函数 //读取cookie中指定的内容 function getCookieVal (offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr)); } function getCookie (name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieVal (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; } return null; } //将浏览动作写入cookie function setCookie (name, value) { var exp = new Date(); exp.setTime (exp.getTime()+3600000000); document.cookie = name + "=" + value + "; expires=" + exp.toGMTString(); } 第3部分:页面显示函数 复制内容到剪贴板 代码: function history_show() { var history_info=getCookie("history_info"); //取出cookie中的历史记录 var content=""; //定义一个显示变量 if(history_info!=null) { history_arg=history_info.split("_www.achome.cn_"); var i; for(i=0;i<=5;i++) { if(history_arg[i]!="null") { var wlink=history_arg[i].split("+"); content+=("↑"+""+wlink[0]+" "); } document.getElementById("history").innerHTML=content; } } else {document.getElementById("history").innerHTML="对不起,您没有任何浏览纪录";} } 代码差不多就是这些了 就为大家分析到这里 还有不足之处还请大家多多指教 下面可以运行代码查看效果 查看效果 //cookie的相关函数 function getCookieVal (offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr)); } function getCookie (name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieVal (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; } return null; } function setCookie (name, value) { var exp = new Date(); exp.setTime (exp.getTime()+3600000000); document.cookie = name + "=" + value + "; expires=" + exp.toGMTString(); } function glog(evt) { evt=evt?evt:window.event;var srcElem=(evt.target)?evt.target:evt.srcElement; try { while(srcElem.parentNode&&srcElem!=srcElem.parentNode) { if(srcElem.tagName&&srcElem.tagName.toUpperCase()=="A") { linkname=srcElem.innerHTML; address=srcElem.href+"_www.achome.cn_"; wlink=linkname+"+"+address; old_info=getCookie("history_info"); var insert=true; if(old_info==null) //判断cookie是否为空 { insert=true; } else { var old_link=old_info.split("_www.achome.cn_"); for(var j=0;j<=5;j++) { if(old_link[j].indexOf(linkname)!=-1) insert=false; if(old_link[j]=="null") break; } } / if(insert) //如果符合条件则重新写入数据 { wlink+=getCookie("history_info"); setCookie("history_info",wlink); history_show().reload(); break; } } srcElem = srcElem.parentNode; } } catch(e){} return true; } document.οnclick=glog; function history_show() { var history_info=getCookie("history_info"); var content=""; if(history_info!=null) { history_arg=history_info.split("_www.achome.cn_"); var i; for(i=0;i<=5;i++) { if(history_arg[i]!="null") { var wlink=history_arg[i].split("+"); content+=("↑"+""+wlink[0]+" "); } document.getElementById("history").innerHTML=content; } } else {document.getElementById("history").innerHTML="对不起,您没有任何浏览纪录";} } // JavaScript Document 浏览历史排行(只显示6个最近访问站点并且没有重复的站点出现) history_show(); 点击链接: 网站1 网站2 网站3 网站4 网站5 网站6 网站7 网站8 网站9 如果有其他疑问请登陆www.achome.cn与我联系 提示:您可以先修改部分代码再运行 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_30611227/article/details/117818020。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-04-30 21:14:40
48
转载
Saiku
...为“指标”。 2. 优化布局与导航 采用更加清晰的分层结构,将相关功能模块放置在一起,减少跳转次数。同时,增加搜索功能,让用户能够快速定位到需要的配置项。 3. 提供可视化预览 在用户进行配置时,实时展示配置结果的预览图,帮助用户直观地理解设置的效果。 4. 引入动态示例 在配置页面中嵌入动态示例,通过实际数据展示不同的配置效果,让用户在操作过程中学习和适应。 5. 增加教程与资源 开发一系列针对不同技能水平用户的教程视频、指南和在线问答社区,帮助用户更快掌握Saiku的使用技巧。 四、结语 从实践到反馈的闭环 改进Saiku配置文件编辑器的直观性是一个持续的过程,需要结合用户反馈不断迭代优化。哎呀,听我说啊,要是咱们按照这些建议去操作,嘿,那可是能大大提升大家用咱们Saiku的体验感!这样一来,不光能让更多的人知道并爱上Saiku,还能让数据分析这块儿的整体发展更上一层楼呢!你懂我的意思吧?就像是给整个行业都添了把火,让数据这事儿变得更热乎,更受欢迎!哎呀,兄弟!在咱们这项目推进的过程中,得保持跟用户之间的交流超级通畅,听听他们在使用咱们产品时遇到的具体难题,还有他们的一些建议。这样咱们才能对症下药,确保咱们改进的措施不是空洞的理论,而是真正能解决实际问题,让大家都满意的好办法。毕竟,用户的反馈可是我们优化产品的大金矿呢! --- 通过这次深入探讨,我们不仅认识到Saiku配置文件编辑器在直观性上的挑战,也找到了相应的解决路径。哎呀,希望Saiku在将来能给咱们的数据分析师们打造一个既温馨又高效的工具平台,就像家里那台超级好用的咖啡机,让人一上手就爱不释手。这样一来,大家就能专心挖出数据背后隐藏的金矿,而不是老是跟那些烦人的技术小难题过不去,对吧?
2024-10-12 16:22:48
73
春暖花开
c++
...ost或Pika)来优化并行计算任务,同时有效地处理资源限制和错误情况。 结语:持续学习与实践的重要性 C++的复杂性和深度意味着,无论在学术研究还是工业实践中,都需要不断地探索和学习。std::length_error仅仅是众多C++特性之一,但它展示了异常处理在现代软件开发中的核心价值。通过实践和深入理解这些概念,开发人员不仅能构建更高质量的软件,还能为未来的挑战做好准备。 总之,随着技术的不断进步,对std::length_error的理解和应用不仅关乎当前项目的成功,更是对未来技术发展趋势的洞察。在这个快速变化的领域,持续学习和实践是实现个人和团队成长的关键。
2024-10-03 15:50:22
51
春暖花开
Nginx
...nx是一款开源的、高性能的HTTP和反向代理服务器,由俄罗斯软件工程师Igor Sysoev开发。它以处理并发连接的能力强、内存占用低、稳定性好等特点著称。Nginx不仅可以用作Web服务器,还可以作为邮件代理服务器以及用于负载均衡和缓存等功能。在本文中,Nginx主要用于提供Web服务,并且讨论了其权限设置的重要性。 权限 , 权限是指计算机系统中用户对文件、目录或服务的操作权限。权限分为读(Read)、写(Write)和执行(Execute)三种类型。读权限允许用户查看文件内容;写权限允许用户修改文件内容;执行权限允许用户运行程序或访问目录。在本文中,权限设置主要是指确保Nginx服务只能访问其需要使用的文件和目录,从而防止未经授权的访问和潜在的安全风险。 SELinux , SELinux(Security-Enhanced Linux)是一种强制访问控制(Mandatory Access Control, MAC)的安全机制,它增强了Linux系统的安全性。SELinux通过定义主体(如用户、进程等)和客体(如文件、目录等)的安全上下文,并强制执行基于这些上下文的访问控制规则,从而提供更强的安全保障。在本文中,SELinux被提及为一种可能影响Nginx正常运行的因素,因为它可能会阻止Nginx访问某些文件或目录,除非这些文件或目录具有正确的安全上下文。因此,在配置Nginx时,需要考虑SELinux的影响,以避免出现意外的安全问题。
2024-12-14 16:30:28
82
素颜如水_
转载文章
...相应内容。 本文将以Java为基础,讲解开发中,面向接口编程的知识,只要以简单的例子为主,讲解如何进行面向接口编程,并会区分其于面向实现编程的区别。下面先讲一讲依赖倒置原则,再过渡到案例解释。 本文目的在于用极其简单的图解帮助新手来简单的理解面向接口开发,并不会提出很高深的理论支持来描述。 文章若有错误的内容,希望大佬指正 依赖倒置原则 什么是依赖倒置原则: 高层模块不应该依赖低层模块,二者都应该依赖其抽象 抽象不应该依赖细节,细节应该依赖抽象 针对接口编程,不要针对实现编程 即: 每个类尽量继承自接口或者抽象类 优点:减少类之间的耦合,提高代码的稳定性,代码的可读性维护性。 案例: 背景: 现在有一个用户类叫Ggzx(也就是我),想要学习一些课程,简单的来实现调用学习的方法,然后在一个Test类之中输入学习的内容。但是我暂时只学java和web,但是可能我后面还要学习Spring,SpringMVC… 1.面向实现编程 public class Ggzx {public void stduyJava(){System.out.println("学习了java课程");}public void studyWeb(){System.out.println("学习了Web课程");} } public class Test {public static void main(String[] args) {Ggzx ggzx=new Ggzx();ggzx.studyJava();ggzx.studyPython();ggzx.studyGo();} } 分析: 上面使用的面向实现编程,但是Test作为我们控制的"应用层",也就是高层,而Ggzx作为低层,其实这样在比较简单的例子中,其实是没问题的,因为假如不需要扩展,仅仅是实现两个很简单的功能,并没有必要去面向接口开发,但是一般在开发中通常有很复杂的开发环境和开发需求。 现在如果想添加新的功能,学习其他的课程,怎么办??? 继续使用面向实现编程,直接在 Ggzx 类中直接添加新的方法,可以完成这个功能需求。 用上面的方法实现有没有缺点??? 学习的课程和 Ggzx 类耦合比较严重。是学习的课程只能通过Ggzx 才能得到 。并且是想要学习新的课程也要在 Ggzx 类中不断添加和修改 —>高耦合 Ggzx 作为当前 demo 的底层,经常的被改动,高层Test依赖于低层 Ggzx 的实现 ---->对应依赖倒置原则中的:高层过度依赖低层了 2.面向接口编程(简单版) 为了解决上面出现的问题,我们可以考虑把学习的课程抽出来成为一个类。到现在,类和类之间的耦合其实就已经降低很多了。然后将其当做参数传入Ggzx里面,然后调用课程里面的学习方法 //web课程类public class WebCourse {public void studyCourse() {System.out.println("学习了Web课程");} } //这里是Java课程类public class JavaCourse {public void studyCourse() {System.out.println("学习Java课程");} } 当我们写出来这两个类,想要对Ggzx里面的学习方法进行编写的时候,有没有发现其实有一些小问题呢???? Ggzx里面接收这些类的参数是什么?? 难道要这样? //以下是Ggzx类中的内容public void studyJava(JavaCourse javaCourse){}public void studyWeb(WebCourse webCourse){} nonono,如果这样做,虽然当前已经把课程类和 Ggzx 用户剥离一点点了,但是是还是形同虚设,课程类虽然分离开了,但是还是像狗皮膏药一样贴在 Ggzx 类中,但是看着还是很难受,高层 Test 调用方法还是得依赖 Ggzx 里面有什么方法 每次加入新课程,都需要修改底层功能 如何修改??? 接口是个好东西,课程类之间是不是都包含同样一个方法,被学习的方法( studyCourse ),那么我们可以将所有课程类都实现一个ICourse课程! 对应上面的问题,我们该传入什么参数能解决问题??可以传入一个接口 改编后的 UML 图解展示(Ggzx 被废弃,用新的 NewGgzx 代替):(如果没了解过UML类图,或者是纯小白,只需要知道一个大框是一个类,虚线表示实现了箭头方向的接口,小m是方法 即可) 观察上面的UML图 WebCourse 和 JavaCourse 实现自同一个接口 ICourse,每个课程都有自己的 studyXxx 方法。 这样好在什么地方? - 课程类和Ggzx类是解耦的,无论你增加多少个课程类,只要实现了ICourse接口,都能直接传入Ggzx的studyMyCourse()方法中 public interface ICourse {void studyCourse();} public class WebCourse implements ICourse{@Overridepublic void studyCourse() {System.out.println("学习了Web课程");} } public class NewGgzx {public void studyMyCourse(ICourse iCourse){iCourse.studyCourse();} } 上面就是案例的面向接口编程,我们可以看到,在 NewGgzx 类中,我们可以传入一个实现 ICourse 接口的课程类,我们在Test类中调用的时候,只需要传入一个课程类即可调用学习方法,这样当想扩展新的内容,只需要创建一个新的课程类实现 ICourse 即可 Test使用 NewGgzx newGgzx =new NewGgzx();newGgzx.studyMoocCourse(new WebCourse());newGgzx.studyMoocCourse(new com.ggzx.design.priciple.dependenceiversion.JavaCourse()); 从面向实现到面向接口,我们处理问题的方法改变了: 开始时,我们需要考虑在Test类中调用Ggzx里面的哪一种学习方法,即注重调用什么方法能够实现特定的课程 到面向接口编程,我们考虑传入什么课程即可实现学习 当业务需求拓展时,拓展方法也改变了: 面向实现:需要改变底层的代码来协调我们需要使用的功能,用上面的例子来解释就是:当你想要学习一个课程,你就需要改变你底层的实现,增加新的代码 面向接口:想学习什么课程,不会对其他课程造成影响,也不会影响到低层的Ggzx 。实际操作就是增加一门新的课程即可,实现接口之后,传入这个类到Ggzx的方法中就可以学习这一门课了 相对于细节的多变性,抽象的东西更稳定,以抽象为基础搭建的架构比以细节搭建的架构更加稳定 本篇文章为转载内容。原文链接:https://blog.csdn.net/m0_52410356/article/details/122828154。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-08-26 15:35:43
633
转载
转载文章
...一个针对图像去噪任务优化的模块,其中包含了对UNet模型以及多种噪声模型(如高斯噪声、泊松噪声)的支持,开发者可以直接利用这些资源快速构建并训练自己的自监督去噪模型,大大降低了研究门槛和开发成本。 综上所述, Neighbor2Neighbor算法作为自监督图像去噪的典型代表,正随着深度学习和计算机视觉技术的发展不断得到丰富和完善,未来有望在医疗影像、遥感图像、艺术修复等多个领域发挥更大作用。而持续跟进最新的研究成果和技术动态,将有助于我们更好地掌握这一前沿技术,推动其实现更广泛的实际应用价值。
2023-06-13 14:44:26
128
转载
转载文章
...arType字体渲染优化问题,微软等公司也在不断探索改进方案,力求在保证验证码安全性的前提下提升显示效果,减少毛边现象,提供更为平滑清晰的文字显示。而在实际应用中,如银行、社交平台等高安全需求场景,则纷纷开始采用多模态验证码,结合图形、语音等多种方式,构建更为立体全面的安全防护体系。 总之,验证码技术的演进充分体现了AI与安全领域的交叉融合,未来将进一步发展为智能、高效且人性化的身份验证机制,持续抵御自动化攻击,保障用户的网络安全。
2023-05-27 09:38:56
249
转载
Ruby
...,从而大幅提升了应用性能和灵活性。 与此同时,国内某知名电商平台也宣布将在其核心业务系统中全面推广模块化架构。该平台的技术负责人表示:“过去几年,我们在单一代码库模式下遇到了不少瓶颈,比如团队协作效率低下、新功能上线周期过长等问题。通过引入模块化设计,我们成功将整个系统拆分为多个独立服务单元,每个单元专注于单一职责,不仅降低了维护成本,还显著提高了系统的响应速度。”这一举措引发了业界广泛关注,多家企业纷纷效仿,试图从模块化设计中获益。 此外,近期发布的《2023年全球软件开发趋势报告》中提到,随着云计算和微服务架构的普及,越来越多的企业选择采用模块化的方式来构建分布式系统。报告指出,相比传统单体架构,模块化设计能够更好地适应快速变化的市场需求,同时降低因代码耦合带来的风险。然而,专家也提醒道,虽然模块化带来了诸多好处,但在实施过程中仍需注意避免过度拆分导致的额外复杂性。因此,合理规划模块边界、制定清晰的接口规范显得尤为重要。 总的来说,无论是开源项目还是商业实践,模块化设计正逐渐成为推动软件行业发展的重要力量。对于每一位开发者而言,掌握这一技能无疑将成为未来职业发展的加分项。
2025-03-23 16:13:26
35
繁华落尽
Beego
...个热门话题是关于如何优化大规模微服务架构下的测试策略,众多开发者分享了他们在复杂系统中实施单元测试、集成测试和持续集成的经验教训,值得借鉴。 综上所述,了解和关注Go语言测试相关的最新进展、行业趋势和社区讨论,将有助于您在实践中不断提升测试效率和代码质量,从而更好地驾驭如Beego这样的Web框架开发项目。
2024-02-09 10:43:01
459
落叶归根-t
ElasticSearch
...进是对动态映射功能的优化,使得开发者能够在不中断服务的情况下快速调整字段类型。此外,新版还引入了更加灵活的权限控制机制,允许管理员为不同团队分配差异化的访问权限,从而有效降低误操作的风险。 回到国内,随着“东数西算”工程的逐步推进,西部地区正在成为新的数据中心集聚地。在这种背景下,如何利用Elasticsearch高效整合分布式数据资源,已成为许多企业亟需解决的问题。专家建议,企业在部署Elasticsearch时应优先考虑采用云原生架构,这样不仅能大幅降低运维成本,还能显著提高系统的容灾能力。 总而言之,无论是技术层面还是管理层面,Elasticsearch的应用都需要我们保持高度的警觉和敏锐的洞察力。正如古语所说:“千里之堤,溃于蚁穴。”只有注重每一个细节,才能真正发挥这项技术的巨大潜力。未来,随着更多创新解决方案的涌现,相信Elasticsearch将在推动数字经济发展的过程中扮演越来越重要的角色。
2025-04-20 16:05:02
63
春暖花开
Etcd
...,Etcd作为一款高性能的分布式键值存储系统,正逐渐成为开发者和运维人员的首选工具。最近的一个典型案例来自某知名电商公司,他们通过引入Etcd实现了跨数据中心的库存同步管理,显著提升了系统的可用性和响应速度。这一成功实践不仅证明了Etcd在高并发场景下的稳定性,也展示了其在大规模分布式系统中的广泛应用前景。 与此同时,Etcd社区也在不断迭代更新,最新版本已支持更多高级特性,例如更高效的压缩算法和更强的安全加密机制。这些改进使得Etcd在面对日益复杂的分布式环境时更具竞争力。值得一提的是,国内某大型云计算服务商近日宣布将全面支持Etcd 3.x系列,并计划在未来几个月内推出基于Etcd的托管服务,为企业用户提供更加便捷的部署和管理体验。 此外,关于分布式事务管理的话题,近期有专家指出,尽管Etcd提供了强大的工具集,但在实际应用中仍需谨慎对待事务的粒度和范围。过细的事务划分可能导致性能瓶颈,而过于粗略的设计则可能引发数据不一致的风险。因此,在设计分布式事务时,需要综合考虑业务逻辑、系统规模以及硬件资源等因素,制定合理的策略。 最后,回顾历史,我们可以发现,无论是早期的ZooKeeper还是如今的Etcd,这类分布式协调服务始终伴随着分布式计算的发展而演进。正如《分布式系统设计》一书中提到的:“分布式系统的设计是一门艺术,它要求我们在灵活性与可靠性之间找到平衡。”未来,随着5G、物联网等新技术的兴起,分布式系统的复杂性将进一步增加,而像Etcd这样的工具无疑将在其中扮演越来越重要的角色。
2025-03-21 15:52:27
54
凌波微步
Material UI
本文详细解析Material UI的ChipGroup组件,重点介绍其单选/多选模式、value绑定及onValueChange回调,通过动态数据与自定义Chip提升用户体验。借助children承载Chip内容,结合variant和color调整样式,灵活应对多场景需求。通过实例演示如何实现初始选中状态与事件处理,强调探索式学习的重要性,助力开发者高效构建功能强大的交互界面。
2025-05-09 16:08:24
89
月下独酌
转载文章
...于NDN的物联网通信优化策略”的最新科研成果也值得关注。研究团队成功利用ndn-cxx和NFD构建了一个高效的NDN-IoT实验平台,并针对消费者警告问题进行了深度优化,有力证明了NDN在低功耗广域网环境下的优势和潜力。 与此同时,知名科技媒体TechCrunch报道了国际科研团队正积极研发基于NDN技术的安全通讯解决方案,旨在解决传统TCP/IP模型存在的安全漏洞,其中就涉及到了ndn-cxx库的重要更新以及NFD转发器在新型网络安全架构中的核心地位。 总之,对于已完成VMware环境中ndn-cxx和NFD搭建的读者来说,关注上述最新的研究成果、技术动态以及应用案例,将有助于深化理解NDN技术的内涵与应用场景,并为今后的项目实践提供有益指导。
2023-03-30 19:22:59
321
转载
转载文章
...业开始利用类似的技术优化办公流程,实现日常任务的自动化处理。例如,在大量数据导入导出、系统间信息同步等场景中,精确控制Windows对话框以自动完成文件保存动作,能够显著提升工作效率并减少人为错误。 事实上,Python的win32库不仅仅局限于简单的窗口句柄查找和消息模拟发送,还可以用于更复杂的桌面应用程序自动化,如自动化测试、GUI应用脚本编写等。同时,对于无障碍技术领域而言,通过精准控制各类对话框组件,可以辅助残障人士进行计算机操作,为其提供便利。 另外,值得注意的是,尽管win32gui提供了强大的本地化操作能力,但在跨平台兼容性和未来发展趋势上,开发者也应关注像PyAutoGUI、Selenium等更为现代化且支持多平台的自动化工具包。这些工具不仅同样支持窗口控件的定位与交互,还能够无缝对接Web应用和移动应用的自动化测试与操作。 综上所述,对win32gui模块的深入理解和熟练运用,既有助于我们解决实际工作中的自动化需求,也能启发我们思考如何在更广阔的自动化技术领域拓展应用。同时,结合最新的自动化工具和技术动态,我们将更好地应对日益复杂的应用场景挑战,不断推动软件自动化技术的进步与发展。
2023-12-17 22:46:11
253
转载
转载文章
...及责任矩阵等工具对于优化项目执行效率至关重要。为了进一步了解这些实践方法在现代项目管理中的应用情况,可以关注以下几篇时效性强的延伸阅读材料: 1. 最新报道:《敏捷开发背景下如何有效运用工作分解结构》。这篇文章详述了在当前流行的敏捷开发模式下,如何结合迭代特性灵活地对WBS进行调整与优化,以适应快速变化的需求,并通过实例分析展示了模块化设计在其中的关键作用。 2. 深度解读:《微软Azure团队如何借助接口设计降低项目沟通成本》。文章剖析了微软Azure项目团队在实际工作中是如何利用接口设计减少重复劳动、提升协作效率的,从而降低了高昂的沟通成本,并在此基础上实现了高效的任务分配与管理。 3. 学术研究:《基于RACI责任矩阵的多项目并行管理策略》。这篇学术论文深入探讨了RACI责任矩阵在应对复杂项目环境下的具体应用场景,并结合多个行业案例分析了其在明确职责、降低变更成本、提高跨部门协作效能等方面的积极作用。 4. 实操指南:《IBM发布“模块化设计在软件开发项目中的最佳实践”报告》。IBM近期发布的报告系统梳理了模块化设计原则及其在软件开发项目中的落地步骤,同时提供了丰富的案例研究,帮助读者更好地理解和应用模块化设计来改进任务划分,提升整体项目管理水平。 综上所述,以上延伸阅读内容将为读者提供更全面且具有针对性的视角,深入了解和掌握在项目管理实践中如何有效地运用工作分解结构、模块化设计、接口设计及责任矩阵等相关工具,以实现项目执行的高效与成功。
2023-07-29 21:22:45
111
转载
转载文章
...源社区,开发者们不断优化并贡献各种针对特定显示器的驱动程序,用户可通过查阅官方论坛或GitHub项目库获取这些资源。 在实践过程中,理解不同分辨率标准CEA和DMT的差异,以及如何根据自身显示器特性调整相应参数,不仅有助于解决树莓派连接侧屏的显示问题,还能提升用户对计算机硬件工作原理的认知深度。随着物联网、智能家居等领域的广泛应用,掌握这类基础调试技能对于树莓派爱好者来说具有重要的现实意义。
2023-07-09 14:23:40
375
转载
站内搜索
用于搜索本网站内部文章,支持栏目切换。
知识学习
实践的时候请根据实际情况谨慎操作。
随机学习一条linux命令:
sed 's/old/new/g' file.txt
- 替换文件中的文本。
推荐内容
推荐本栏目内的其它文章,看看还有哪些文章让你感兴趣。
2023-04-28
2023-08-09
2023-06-18
2023-04-14
2023-02-18
2023-04-17
2024-01-11
2023-10-03
2023-09-09
2023-06-13
2023-08-07
2023-03-11
历史内容
快速导航到对应月份的历史文章列表。
随便看看
拉到页底了吧,随便看看还有哪些文章你可能感兴趣。
时光飞逝
"流光容易把人抛,红了樱桃,绿了芭蕉。"